﻿/*====================================================================
' 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}

/*====================================================================
' Typography
====================================================================*/
body{font-size:100%; font:normal .9em/1.5em ; color:#686868; font-family:arial,sans-serif;}

 

h1, h2, h3, h4, h5, h6{font-weight:normal; color:#4179a5; font-family:font-family:arial,sans-serif /*   */}

h1{font-size:2.2em; line-height:1; margin:0.5em 0 0.5em 0}

h2{color:#4179a5; font-size:1.5em;font-weight:bold; 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:link, a.redbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; background-image:url('../../Image/User/Button/red_button.gif'); border:1px solid #369}
a.redbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/red_button_hover.gif')}
a.redbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; color:#369; white-space:nowrap}

/* Green Button */
a.greenbtn:link, a.greenbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #369}
a.greenbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.greenbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; color:#369; white-space:nowrap}

/* Large Green Button */
a.lgreenbtn:link, a.lgreenbtn:visited{font:bold 18px/37px Arial,Verdana,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/Admin/Button/green_button.gif'); border:1px solid #4c7329}
a.lgreenbtn:hover{font:bold 18px/37px Arial,Verdana,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/Admin/Button/green_button_hover.gif')}
a.lgreenbtn:active{font:bold 18px/37px Arial,Verdana,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

/* Blue Button */
a.bluebtn:link, a.bluebtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; background-image:url('../../Image/User/Button/blue_button.gif'); border:1px solid #788963}
a.bluebtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/blue_button_hover.gif')}
a.bluebtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; color:#369; white-space:nowrap}

/* -------------------------------------------------------------- 
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}
/* -------------------------------------------------------------- 
CMS-BLOG -- FINAL
-------------------------------------------------------------- */
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}

/* --------------------------------------------------------------
CMS-IMAGE-VIEWER  -- FINAL
-------------------------------------------------------------- */
div#cms-image-viewer{float:right; padding:0 0 0 20px}

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}

/* --------------------------------------------------------------
CMS-EVENTS
-------------------------------------------------------------- */
#cms-events{}

#cms-events #cms-image-viewer{float:none !important; padding:0 !important}

#cms-events .cms-events-information-container{border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; padding:8px 0 8px 0; margin-bottom:20px}

#cms-events .cms-events-sidebar{border:solid 1px #e5e5e5}

#cms-events .cms-events-sidebar h2{margin:5px 0 0 0; line-height:inherit}

#cms-event-list .cms-event-list-item-title a:focus, 
#cms-event-list .cms-event-list-item-title a:hover{color:#000; font-weight:normal}
#cms-event-list .cms-event-list-item-title a{color:#000; font-weight:normal}

#cms-event-list .cms-event-list-item-tool a:focus, 
#cms-event-list .cms-event-list-item-tool a:hover{color:#aaa; font-weight:normal; text-transform:lowercase}
#cms-event-list .cms-event-list-item-tool a{color:#aaa; font-weight:normal; text-transform:lowercase}

#cms-event-list .cms-event-list-filter-container{border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin-bottom:20px; padding:10px 0 10px 0}

#cms-event-list .cms-event-list-item{border-bottom:1px solid #e5e5e5; margin-bottom:20px; width:100%}

#cms-event-list .cms-event-list-item-date{color:#6d96a6; float:left; font-size:18px; width:90px}

#cms-event-list .cms-event-list-item-time{float:left; width:90px}

#cms-event-list .cms-event-list-item-image{float:left}

#cms-event-list .cms-event-list-item-image img{background:#e5e5e5; margin-right:20px; padding:5px; width:40px}

#cms-event-list .cms-event-list-item-content{float:left}

#cms-event-list .cms-event-list-item-content .cms-event-list-item-category{float:left}

#cms-event-list .cms-event-list-item-content .cms-event-list-item-category img{padding:5px; margin-right:10px}

#cms-event-list .cms-event-list-item-content .cms-event-list-item-title{float:left}

#cms-event-list .cms-event-list-item-content .cms-event-list-item-teaser{}

#cms-event-list .cms-event-list-item-content .cms-event-list-item-tool{margin:10px 0 10px 0}

#cms-event-list .cms-event-list-featured-container{border:1px solid #e5e5e5}

#cms-event-list .cms-event-list-featured-item{padding:10px}

#cms-event-list .cms-event-list-featured-item-content{}

#cms-event-list .cms-event-list-featured-item-category{float:left}

#cms-event-list .cms-event-list-featured-item-content .cms-event-list-featured-item-category img{padding:5px; margin-right:10px}

#cms-event-list .cms-event-list-featured-item-title{float:left}

#cms-event-list .cms-event-list-featured-item-title a:focus, 
#cms-event-list .cms-event-list-featured-item-title a:hover{color:#000; font-weight:normal}
#cms-event-list .cms-event-list-featured-item-title a{color:#000; font-weight:normal}

.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}


.footer a{color:#fff; font-weight:normal; text-decoration:none}