﻿/*====================================================================
' Reset
====================================================================*/
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body{line-height:1.5}

blockquote:before, blockquote:after, q:before, q:after{content:""}

blockquote, q{quotes:""""}

a img{border:none}

/*====================================================================
' Grid
====================================================================*/
.container{width:909px; margin:0 auto}

body{margin:0}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}

.last, div.last{margin-right:0}

.span-1{width:30px}

.span-2{width:70px}

.span-3{width:110px}

.span-4{width:150px}

.span-5{width:190px}

.span-6{width:230px}

.span-7{width:270px}

.span-8{width:310px}

.span-9{width:350px}

.span-10{width:390px}

.span-11{width:430px}

.span-12{width:470px}

.span-13{width:510px}

.span-14{width:550px}

.span-15{width:590px}

.span-16{width:630px}

.span-17{width:670px}

.span-18{width:710px}

.span-19{width:750px}

.span-20{width:790px}

.span-21{width:830px}

.span-22{width:870px}

.span-23{width:910px}

.span-24{width:950px; margin:0}

.border{padding-right:4px; margin-right:5px; border-right:1px solid #eee}

.colborder{padding-right:24px; margin-right:25px; border-right:1px solid #eee}

.prepend-top{margin-top:1.5em}

.append-bottom{margin-bottom:1.5em}

.box{padding:1.5em; margin-bottom:1.5em; background:#e5ecf9}

hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}

hr.space{background:#fff; color:#fff}

.clearfix:after, .container:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

.clearfix, .container{display:block}

.clear{clear:both}

a.breadcrumb{font-size:10px; text-transform:uppercase}

a.secNav{font-size:10px; text-transform:uppercase}

a.nodeSelect{padding:5x 5px 5px 5px; color:#B4CC95}


.mainnavigation
{
	margin-top: 10px;
	margin-bottom: 11px;
	width:100%;
	height:39px;
	background: #706e71 url('../../Skin/MenuUser/MenuBackground.gif') repeat-x top left;
}





/*====================================================================
' Typography
====================================================================*/
body{font-size:100%; color:#807f83; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}

h1, h2, h3, h4, h5, h6{font-weight:normal; color:#616064; font-family:Goudy Old Style,Bookman Old Style,Book Antiqua,Times New Roman,Arial,Helvetica,sans-serif; /*   */}

h1{font-size:2.2em; line-height:1; margin:0.5em 0 0.5em 0}

h2{color:#cc3560; font-size:1.5em; margin-bottom:0.25em}

h3{font-size:1.5em; line-height:1; margin-bottom:1em}

h4{font-size:1.2em; line-height:1.25; margin-bottom:1.25em}

h5{font-size:1em; font-weight:bold; margin-bottom:1.5em}

h6{font-size:1em; font-weight:bold}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img{margin:0}

p{margin:0 0 1.5em}

p img{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}

p img.right{float:right; margin:1.5em 0 1.5em 1.5em}

a:focus, a:hover{color:#000}

a{color:#6d96a6; font-weight:bold; text-decoration:underline}

blockquote{margin:1.5em; color:#666; font-style:italic}

strong{font-weight:bold}

em, dfn{font-style:italic}

dfn{font-weight:bold}

sup, sub{line-height:0}

abbr, acronym{border-bottom:1px dotted #666}

address{margin:0 0 1.5em; font-style:italic}

del{color:#666}

pre{margin:1.5em 0; white-space:pre}

pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}

li ul, li ol{margin:0 1.5em}

ul, ol{margin:0 1.5em 1.5em 1.5em}

ul{list-style-type:disc}

ol{list-style-type:decimal}

dl{margin:0 0 1.5em 0}

dl dt{font-weight:bold}

dd{margin-left:1.5em}

.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}

.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}

.hide{display:none}

.quiet{color:#666}

.loud{color:#000}

.highlight{background:#ff0}

.added{background:#060; color:#fff}

.removed{background:#900; color:#fff}

.first{margin-left:0; padding-left:0}

.last{margin-right:0; padding-right:0}

.top{margin-top:0; padding-top:0}

.bottom{margin-bottom:0; padding-bottom:0}

/* -------------------------------------------------------------- 
BUTTONS
-------------------------------------------------------------- */
/* Red Button */
a.redbtn, a.greenbtn, a.lgreenbtn, a.bluebtn, a.yellowbtn, a.lgreenbtn{border:1px solid #000; color:#fff !important; font:bold 10px/22px Verdana,Arial,Helvetica,sans-serif; margin:0; padding:3px 10px; text-decoration:none}

a.redbtn:link, a.redbtn:visited{background:url('../../Image/Admin/Button/red_button.gif')}
a.redbtn:hover{background:url('../../Image/Admin/Button/red_button_hover.gif')}

a.greenbtn:link, a.greenbtn:visited{background:url('../../Image/Admin/Button/green_button.gif')}
a.greenbtn:hover{background:url('../../Image/Admin/Button/green_button_hover.gif')}

a.lgreenbtn:link, a.lgreenbtn:visited {font:bold 14px/22px; background: url('../../Image/Admin/Button/green_button.gif');}
a.lgreenbtn:hover {background: url('../../Image/Admin/Button/green_button_hover.gif');}

a.lgreenbtn:link, a.lgreenbtn:visited{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.lgreenbtn:hover{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.lgreenbtn:active{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.bluebtn:link, a.bluebtn:visited{background:url('../../Image/Admin/Button/blue_button.gif')}
a.bluebtn:hover{background:url('../../Image/Admin/Button/blue_button_hover.gif')}

a.yellowbtn:link, a.yellowbtn:visited{background:url('../../Image/Admin/Button/yellow_button.gif')}
a.yellowbtn:hover{background:url('../../Image/Admin/Button/yellow_button_hover.gif')}
/* -------------------------------------------------------------- 
CMS-STORY-TOOLS
-------------------------------------------------------------- */
#cms-story-tools{border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; margin:20px 0 20px 0}
#cms-story-tools .cms-story-tools-item{float:left; margin:8px}
#cms-story-tools .cms-story-tools-item img{vertical-align:middle; margin:2px}

/* -------------------------------------------------------------- 
CMS-RELATED-ITEMS
-------------------------------------------------------------- */
div#cms-related-items{}
div#cms-related-items div.cms-related-items-item{}

/* --------------------------------------------------------------
CMS-CONTENT -- FINAL
-------------------------------------------------------------- */
div#cms-content{}
div#cms-content div.cms-content-information-container{border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; padding:8px 0 8px 0; margin-bottom:20px}

/* -------------------------------------------------------------- 
CMS-NEWS -- FINAL
-------------------------------------------------------------- */
div#cms-news {}
div#cms-news div.cms-news-information-container{border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; margin-bottom:20px}
div#cms-news div.cms-news-information-container div.cms-news-information{padding:8px 0 8px 0}

div#cms-news div.newsSearch {padding: 10px; padding-left:3px;}

div#cms-news div.newsItem {}
div#cms-news div.newsTitle {}
div#cms-news a.newsTitle {font-size:.5em; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}

div#cms-news div.newsImage {float:left;}
div#cms-news img.newsImage {}

div#cms-news .newsTeaser {}
div#cms-news .newsPostDate {font-size: .8em; color: Gray;}

/* -------------------- */
/* Blog */
/* -------------------- */
div#cms-blog{}
div#cms-blog div.cms-blog-information-container{border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; margin-bottom:20px}
div#cms-blog div.cms-blog-information-container div.cms-blog-information{padding:8px 0 8px 0}

div#cms-blog div.blogImage {float:left;}
div#cms-blog img.blogImage {}

div#cms-blog div.blogTitle {float:left;}
div#cms-blog a.blogTitle {font-size:.9em;}

div#cms-news .blogAuthor {font-size: .8em; color: Gray;}
/* -------------------- */
/* Image Viewer */
/* -------------------- */
div#cms-image-viewer{float:right; padding:0 0 0 20px; width: 250px;	}
div#cms-image-viewer div.cms-image-viewer-information-container{border:solid 1px #e5e5e5; border-top-width:0; text-align:center; margin:0 !important}
div#cms-image-viewer div.cms-image-viewer-information{padding:10px}
div#cms-image-viewer div.cms-image-viewer-controls-container{border:solid 1px #e5e5e5; border-top-width:0; text-align:center}
div#cms-image-viewer div.cms-image-viewer-controls{padding:10px}

div#cms-image-viewer .imageSB{border:1;}
div#cms-image-viewer .imageV{width:50px;}
div#cms-image-viewer .imageT{width:50px; height:50px; padding:5px;}

div#cms-large-photo-title {font-family: Times New Roman; font-style:italic; font-size:1.1em;}
div#cms-large-photo-caption {font-family: Times New Roman; font-style:italic; font-size:1.1em; line-height:1.1em;}

#thumbBox{position:absolute; left:0; top:0; width:auto; padding:10px; padding-bottom:0; background:#313131; visibility:hidden; z-index:10; cursor:hand; cursor:pointer} /*Outermost DIV for thumbnail viewer*/
#thumbBox .footerbar{font:bold 1em Tahoma; letter-spacing:5px; line-height:1.1em; color:white; padding:5px 0; text-align:right}/*Footer DIV of thumbbox that contains "close"link */
#thumbBox #thumbImage{background-color:white}/*DIV within thumbbox that holds the enlarged image */
#thumbLoading{position:absolute; visibility:hidden; border:1px solid black; background-color:#EFEFEF; padding:5px; z-index:5}/*DIV for showing "loading"status while thumbbox is being generated*/


/* --------------------------------------------------------------
CMS-EVENTS
-------------------------------------------------------------- */
#cms-eventList {width: 440px; float:left; }
#cms-eventList .ec1 {float: left; margin-right: 10px; width: 80px; }
#cms-eventList .ec2 {float: left; padding-bottom: 10px;}
#cms-eventList h2 {font-size: 1.5em; margin: 0px; padding: 0px; color: orange; line-height: .9em;}
#cms-eventList .day {font-size: .9em;}

#cms-eventList .image {padding-right: 10px;}
#cms-eventList .desc {font-size: 1em; width: 300px; padding-right: 10px;}

#cms-eventSidebar {width: 200px; float:right;}
#cms-eventSidebar .search {text-align:left; text-align:right; padding-right: 30px;}
#cms-eventSidebar .calendar {text-align:left; padding-bottom:10px;}
#cms-eventSidebar .featured {width: 200px; text-align:left; padding: 10px; background-color:#eee; border: solid 1px #ccc}

#cms-events {width:650px;}

#cms-events-detail {background-color: Yellow; float:left;}
#cms-events-detail .duration {}
#cms-events-detail .content {background-color:Navy;}
#cms-events-detail .tickets {background-color: olive;}
#cms-events-detail .tools {background-color:Purple;}
#cms-events-detail .related {background-color:Lime;}

#cms-events-sidebar {background-color:#fff; width:150px; float:right;}
#cms-events-sidebar H2 {padding-bottom:0px; margin-bottom:0px; line-height: 1em;}
#cms-events-sidebar .spacer {background-color:white; padding-bottom:10px;}

.cms-event-list-lcalC{width:200px; float:left}
.cms-event-list-lcalL{width:430px; float:right}

.cms-event-list-lcalL .container{width:430px; padding-bottom:20px; line-height:20px}
.cms-event-list-lcalL .date{font-weight:bold; color:Black}
.cms-event-list-lcalL .timeloc{font-size:8pt}
.cms-event-list-lcalL .category{color:#2C5B74}
.cms-event-list-lcalL a{color:#A0292A}
.cms-event-list-lcalL a:hover{color:green}

/* --------------------------------------------------------------
CMS-GALLERY -- FINAL
-------------------------------------------------------------- */
div#cms-gallery{}

div#cms-gallery img{margin:10px; padding:10px; background-color:#efefef; vertical-align:middle}

/* --------------------------------------------------------------
CMS-PROFILES -- FINAL
-------------------------------------------------------------- */
div#cms-profiles{}

div#cms-profiles div.cms-profiles-item-container{}

div#cms-profiles div.cms-profiles-item{}

/* --------------------------------------------------------------
CMS-TESTIMONIALS -- FINAL
-------------------------------------------------------------- */
div#cms-testimonials{}

div#cms-testimonials div.cms-testimonials-item-container{}

div#cms-testimonials div.cms-testimonials-item{padding:0 0 10px 0}

/* --------------------------------------------------------------
CMS-FAQ STAR RATING
-------------------------------------------------------------- */
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{background:url(../../Image/User/star.gif) left -1000px repeat-x}

.star-rating{position:relative; width:125px; height:25px; overflow:hidden; list-style:none; background-position:left top; margin:0; padding:0}

.star-rating li{display:inline}

.star-rating a, .star-rating .current-rating{position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border:none}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus{background-position:left bottom}

.star-rating a.one-star{width:20%; z-index:6}

.star-rating a.two-stars{width:40%; z-index:5}

.star-rating a.three-stars{width:60%; z-index:4}

.star-rating a.four-stars{width:80%; z-index:3}

.star-rating a.five-stars{width:100%; z-index:2}

.star-rating .current-rating{z-index:1; background-position:left center}

.inline-rating{display:inline-block; vertical-align:middle}

.small-star{width:60px; height:12px}

.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating{background-image:url(../../Image/User/star_small.gif); line-height:12px; height:12px}

/*====================================================================
' CMS Forms
====================================================================*/
div.cms-form-container div.cms-group-container{clear:left; margin:10px 0 10px 0; padding:10px 0 10px 0; padding-left:10px; /*width of left column containing the label elements*/background-color:#f9f9f9; border-top:1px dashed #d6d6d6; border-bottom:1px dashed #d6d6d6; height:1%}

div.cms-form-container div.cms-field-container{clear:left; margin:10px 0 10px 0; padding:10px 0 10px 0; padding-left:120px; /*width of left column containing the label elements*/border-top:1px dashed #d6d6d6; height:1%}

div.cms-form-container div.cms-full-field-container{clear:left; margin:10px 0 10px 0; padding:10px 0 10px 0; border-top:1px dashed #d6d6d6; height:1%}

div.cms-form-container div.cms-buttons{clear:left; margin:10px 0 10px 0; padding:10px 0 10px 0; border-top:1px dashed #d6d6d6; height:1%; text-align:center}

div.cms-form-container div.cms-first{border-top-width:0}

div.cms-form-container div.cms-field-container label.cms-field-title{font-weight:bold; float:left; margin-left:-120px; /*width of left column*/width:105px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

div.cms-form-container div.cms-field-container div.cms-field{float:left; margin:0 10px 10px 0; display:block}

div.cms-form-container span.cms-req{color:Red}

div.cms-form-container .cms-sfield{width:128px}

div.cms-form-container .cms-mfield{width:256px}

div.cms-form-container .cms-lfield{width:512px}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug:http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{margin-left:3px}

.sitemappath{background:#73919d url('../../Image/User/sitemappath.gif') repeat-x top left; padding:5px; padding-top:4px; color:#fff}

.sitemappath a{color:#fff; text-transform:uppercase}

/* Red Button */
a.footer:link, a.footer:visited{color:#6d96a6; font-weight:normal; text-decoration:none}

a.footer:hover{color:#333; font-weight:normal; text-decoration:none}

/*====================================================================
' COMMENTS Forms
====================================================================*/
div.commentPost{background-color:#E7EBED; padding:10px 10px 10px 10px}

.commentAddTitle{color:#ED562E; font-size:10pt; font-weight:bold}

.commentTDU{border-bottom:solid 1px #E0E0E0; padding:10px 0px 10px 0px; width:150px; vertical-align:top}
.commentTDC{border-bottom:solid 1px #E0E0E0; padding:10px 0px 10px 0px; vertical-align:top}
.commentHeader{background-color:#B4CC95; padding:5px 5px 5px 5px}
.commentCapcha{text-transform:uppercase}

#flash-homepage {z-index:0 !important;}



