/* CSS Document */
body {margin: 0px 0px 10px 0px; 	background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:80%;}

h1{padding:15px 5px 15px 5px; margin:0px; font-size:160%; color:white; background-color:#007BBA; font-weight:bold;}    
h2{font-size:140%; padding:15px 0px 15px 0px; margin:0px;}    
h3{font-size:120%; padding:0px 0px 0px 0px !important; padding:0px 0px 0px 0px; margin:0px;}    
h4{font-size:110%;}    
h5{font-size:100%; font-weight:bold;}

a{text-decoration:none;}
a:hover{text-decoration:underline; color:Red;}
a:visited{}

#pagewrapper{width:980px;margin:auto;height:inherit;}

/*Links Menu @ very top of page styling */
#pagewrapper #topmenu{padding:5px 5px 0px 0px;	height:25px; margin-bottom:1px; color:#007BBA; text-align:right; font-size:90%;}
#pagewrapper #topmenu a{color:white;}
#pagewrapper #topmenu a:hover{color:white;}

/*Header Styling*/
#pagewrapper #header{height:90px; background-image:url(../i/jpg/xheader_bg.jpg);}
#pagewrapper #printheader{visibility:hidden;display:none;}

/*Search Box Styling */
#pagewrapper #searchheader{float:right;background-image:url(../i/jpg/smcblogo_right.jpg);background-position:right; background-repeat:no-repeat;width:380px;height:65px;color:#FFF;text-align:right;padding-top:25px;line-height:200%;}
#pagewrapper #searchheader #fields{padding-top:0px;color:White;}

#pagewrapper #contentwrapper{border:2px white solid !important; background-color:white; overflow:auto; height:100%; width:980px !important; width:984px;}
#pagewrapper #contentwrapper #contentframe{height:100%; line-height:140%; margin-left:202px !important; margin-left:210px; background-color:white;}

/*Left Menu Styles*/
#pagewrapper #contentwrapper #leftmenu{float:left;width:200px; visibility:visible;}
#pagewrapper #contentwrapper #leftmenu li{width:190px !important; width:200px;list-style:none; list-style-type:none; list-style-position:outside;line-height:200%; border-bottom: 1px solid white;padding:0px 5px 0px 5px; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .AspNet-Menu-Leaf{color:#FFFFFF;background-color:#007BBA;	font-size:100%;	font-weight:bold; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .AspNet-Menu-Leaf a{color:#FFFFFF;text-decoration:none; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .AspNet-Menu-Leaf a:hover{color:#FFFFFF;text-decoration:underline !important;}
#pagewrapper #contentwrapper #leftmenu .sublist{padding:0px;margin:0px;list-style:none; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .AspNet-Menu{padding:0px;margin:0px;list-style:none; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .subitem{	background-color:#ECEFF4;padding:0px 5px 0px 5px;border-bottom: 1px solid white;line-height:200%;font-size:100%;list-style:none;list-style-type:none;list-style-position:outside;margin:0px; visibility:visible;}

/*Left Menu Styles*/
#pagewrapper #contentwrapper #leftmenu{float:left;width:200px; visibility:visible;}
#pagewrapper #contentwrapper #leftmenu li{width:190px !important; width:200px;list-style:none; list-style-type:none; list-style-position:outside;line-height:200%; border-bottom: 1px solid white;padding:0px 5px 0px 5px; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .AspNet-Menu-Leaf-Sub{color:#007BBA;background-color:#FFFFFF;	font-size:100%;	font-weight:bold; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .AspNet-Menu-Leaf-Sub a{color:#007BBA;text-decoration:none; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .AspNet-Menu-Leaf-Sub a:hover{color:#007BBA;text-decoration:underline !important;}
#pagewrapper #contentwrapper #leftmenu .sublist{padding:0px;margin:0px;list-style:none; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .AspNet-Menu{padding:0px;margin:0px;list-style:none; visibility:visible !important;}
#pagewrapper #contentwrapper #leftmenu .subitem{	background-color:#ECEFF4;padding:0px 5px 0px 5px;border-bottom: 1px solid white;line-height:200%;font-size:100%;list-style:none;list-style-type:none;list-style-position:outside;margin:0px; visibility:visible;}

/*Left Menu HR Styles*/
#pagewrapper #contentwrapper #leftmenu .AspNet-Menu-HR{color:#007BBA;	 visibility:visible !important;}


/*Feature Item Styling*/

#pagewrapper #contentwrapper #contentframe .feature_menu_item{padding:0px; margin-right:0px; background-color:#666666;}
#pagewrapper #contentwrapper #contentframe .feature_menu_item_right{float:right;margin-right:0px;}
#pagewrapper #contentwrapper #contentframe .feature_container a{color:#FFFFFF !important;text-decoration:none !important;}
#pagewrapper #contentwrapper #contentframe .feature_container a:hover{color:#FFFFFF !important;	text-decoration:underline !important;}
#pagewrapper #contentwrapper #contentframe .feature_container a:visited{color:#FFFFFF !important;	text-decoration:none !important;}
#pagewrapper #contentwrapper #contentframe .feature_container{height:200px; background-color:#ffffff; width:778px !important;width:771px;}
#pagewrapper #contentwrapper #contentframe .feature_panel{height:200px;width:778px !important; width:771px; position:absolute;}
#pagewrapper #contentwrapper #contentframe .feature_content{color:#FFFFFF;font-size:85%;height:50px; margin-top:145px;position:absolute; padding:5px;width:778px !important; width:771px;line-height:140%;}
#pagewrapper #contentwrapper #contentframe .feature_content a{font-weight:bold;font-size:150%;}
#pagewrapper #contentwrapper #contentframe .feature_content_container{opacity:0.5;filter:alpha(opacity=50); height:55px; margin-top:145px; background-color:#000000;position:absolute;width:778px !important; width:771px;}
#pagewrapper #contentwrapper #contentframe .feature_menu_container{background-color:#6DB712; position:absolute;height:31px; width:778px !important;width:771px; border-bottom:1px white solid;}
#pagewrapper #contentwrapper #contentframe .feature_menu_items{color:#FFF;position:absolute;width:764px !important; width:757px; height:15px;padding:7px; font-size:85%;}	
#pagewrapper #contentwrapper #contentframe .feature_menu_items a{font-size:100%;}



/*Search Styles*/

#pagewrapper #contentwrapper #contentframe #searchimprove
{
    padding:5px;
}

#pagewrapper #contentwrapper #contentframe #searchimprove #categories{}
#pagewrapper #contentwrapper #contentframe #searchimprove #categories ul{margin:0px; padding:0px; padding-bottom:1em;}
#pagewrapper #contentwrapper #contentframe #searchimprove #categories li{ list-style-type:none !important; list-style-position:outside !important; display:inline !important;}
#pagewrapper #contentwrapper #contentframe #searchimprove .pagelist{ text-align:center; padding:5px; background-color:#6DB712;}
#pagewrapper #contentwrapper #contentframe #searchimprove .pagelist .previous{float:left;}
#pagewrapper #contentwrapper #contentframe #searchimprove .pagelist .next{float:right;}
#pagewrapper #contentwrapper #contentframe #searchimprove .pagelist a{ color:White;}

#pagewrapper #contentwrapper #contentframe #searchimprove .breadcrumb{ background-color:Transparent !important;}
#pagewrapper #contentwrapper #contentframe #searchimprove .resulttitle{ font-weight:bold;}
#pagewrapper #contentwrapper #contentframe #searchimprove dl dd{padding-bottom:10px;}



/*BreadCrumb Style */
#pagewrapper #contentwrapper #contentframe .breadcrumb{background-color:#D5E4F0;font-weight:normal; padding:5px; border-top:1px solid #fff; font-size:85%;}

/*Float fix is a flaoted div hidden inside the #contentframe that allows you to clear anything 
  inside it without ckearing below he menu*/
.floatfix{float:left;width:100%;}

/*Column Holder is a div that stretched the full width of the page to hold columns, it clears below other column holder elements**/
#pagewrapper #contentwrapper #contentframe .columnholder{clear:both;}

/*Content Header is the White green section header*/

#pagewrapper #contentwrapper #contentframe .contentheader{padding:0px 0px 0px 5px!important;border-top:1px solid white;border-bottom:1px solid white;color:#FFFFFF;background-color:#007BBA;font-size:120%;font-weight:bold;line-height:200%;vertical-align:middle;}
#pagewrapper #contentwrapper #contentframe .contentheader .subtext{font-size:80%; font-weight:normal; line-height:140%;}
#pagewrapper #contentwrapper #contentframe .contentheader .rightlink{float:right; padding-right:5px;font-weight:bold;}
#pagewrapper #contentwrapper #contentframe .contentheader a{color:white;}
#pagewrapper #contentwrapper #contentframe .contentheader a:visited{color:white;}
#pagewrapper #contentwrapper #contentframe .contentheader img{margin:0px 5px 10px 0px; border:1px solid #cccccc!important;}

/*Content Area Wraps around content */
#pagewrapper #contentwrapper #contentframe .contentarea{padding:5px; xwidth:546px}
#pagewrapper #contentwrapper #contentframe .contentarea p:first-child{padding:0px; padding-top:5px; margin-top:0px;}
#pagewrapper #contentwrapper #contentframe .contentarea img{float:right;margin:10px 0px 10px 10px; border:1px solid #cccccc!important;}
#pagewrapper #contentwrapper #contentframe .contentarea .inline{float:none !important;margin:0px!important; border:0px;}
#pagewrapper #contentwrapper #contentframe .contentarea table{border:1px solid #cccccc; border-collapse:collapse; caption-side:top; width:100%;}
#pagewrapper #contentwrapper #contentframe .contentarea Caption{text-align:left;padding-top:5px;padding-bottom:5px; font-weight:bold;}
#pagewrapper #contentwrapper #contentframe .contentarea td{border:1px solid #cccccc; padding:5px;}
#pagewrapper #contentwrapper #contentframe .contentarea th{border:1px solid #cccccc; background-color:#F0F8E7;font-weight:bold; padding:5px;}


/*Sub Page Columns */
#pagewrapper #contentwrapper #contentframe .frontmiddlecolumn{float:left; width:546px !important;	width:538px;}

#pagewrapper #contentwrapper #contentframe .frontrightcolumn{border-left:solid 1px white !important; border-left:0px;margin-left:551px !important;margin-left:542px;width:226px;}
#pagewrapper #contentwrapper #contentframe .frontrightcolumn ul{padding:0px; margin:0px;list-style:none;}
#pagewrapper #contentwrapper #contentframe .frontrightcolumn li{border-bottom: 1px solid white;background-color:#F0F8E7; list-style:none; list-style-position:outside; list-style-type:none;	line-height:120%; padding:8px 5px 8px 5px;}

#pagewrapper #contentwrapper #contentframe .pagelist ul{padding:0px; margin:0px;list-style:none;}
#pagewrapper #contentwrapper #contentframe .pagelist li{border-bottom: 1px solid white; background-color:#F0F8E7; list-style:none; list-style-position:outside;list-style-type:none;line-height:120%;padding:8px 5px 8px 5px;} 


/*Home Page Columns */
#pagewrapper #contentwrapper #contentframe .frontmiddlecolumn_home{float:left; width:454px !important; width:453px; overflow:hidden;}
#pagewrapper #contentwrapper #contentframe .frontrightcolumn_home{border-left:solid 1px white !important; border-left:0px;  margin-left:455px !important;margin-left:456px;width:322px !important;width:315px; overflow:hidden;}
#pagewrapper #contentwrapper #contentframe .frontrightcolumn_home ul{padding:0px; margin:0px;list-style:none;}
#pagewrapper #contentwrapper #contentframe .frontrightcolumn_home li{border-bottom: 1px solid white;background-color:#F0F8E7; list-style:none; list-style-position:outside; list-style-type:none;	line-height:120%; padding:8px 5px 8px 5px;}


/* FOOTER STYLES */
#footer{clear:both; line-height:200%; background-color:#007BBA; color:white; padding:20px 20px 20px 20px;font-size:90%;border-top:solid 10px white;}
#footer a{color:white;}
#footer a:hover{color:white;}


/* STYLE USED FOR D.O.S. TEMPLATE */
#pagewrapper #contentwrapper #contentframe .service{clear:both; padding:5px 5px 5px 0px;}
#pagewrapper #contentwrapper #contentframe .service img{background-color: #F3F3F3; margin:0px 0px 10px 0px; height:135px; width:135px;float:left; border:1px solid #cccccc !important; padding:0px !important;}
#pagewrapper #contentwrapper #contentframe .service h3{padding-bottom:5px;}


/* GALLERY STYLES USED ON BRANCH, DOCUMENT & MAYBE GALLERY TEMPLATE */
#pagewrapper #contentwrapper #contentframe .contentarea .gallery{line-height:0%;}
#pagewrapper #contentwrapper #contentframe .contentarea .gallery img{text-align:left !important;	border:1px solid #cccccc !important; background-color:#F3F3F3; float:none !important; height:99px; width:99px; margin:0px !important; margin-right:2px !important; margin-left:2px !important;	margin-bottom:6px !important;}


/* BRANCH / DOCUMENT CONTACT STYLE */
#pagewrapper #contentwrapper #contentframe .contact{padding:5px;  background-color:#F0F8E7; margin-bottom:5px;}
#pagewrapper #contentwrapper #contentframe .inlinecontact{background-color: #FFFFFF;}
#pagewrapper #contentwrapper #contentframe .inlinedoc{line-height:150%; list-style-position:outside; }


/* HOMEPAGE NEWSARTICLE STYLES */
#pagewrapper #contentwrapper #contentframe .newsArticle{clear:left;overflow:auto; padding:0px 5px 10px 0px;}
#pagewrapper #contentwrapper #contentframe .newsArticle img{float:left !important; border:1px solid #cccccc !important; margin:2px 5px 5px 0px !important;}
#pagewrapper #contentwrapper #contentframe .newsArticle .teaser{margin-left:65px;}


/* HOMEPAGE QUICKLINK STYLES */
#pagewrapper #contentwrapper #contentframe .quicklink{width:150px !important; width:150px; background-color:white; height:115px; border-right:2px white solid;margin-bottom:1px !important; margin-bottom:0px; float:left; padding:0px; display:inline;}
#pagewrapper #contentwrapper #contentframe .quicklink_right{border-right:0px; width:150px !important; width:149px; display:inline;}
#pagewrapper #contentwrapper #contentframe .quicklink img{width:150px; height:84px; border:0px !important; margin:0px; padding:0px;}
#pagewrapper #contentwrapper #contentframe .videocentre{text-align:center; padding:0px; padding-top:5px; padding-bottom:10px;}


/*AZ Styles */
#pagewrapper #contentwrapper #contentframe #az{}
#pagewrapper #contentwrapper #contentframe #az .enabled{font-size:140%;font-weight:bold;background-color:#fff;text-align:center;padding:4px;margin-right:8px; margin-bottom:4px; margin-top:4px; border:1px solid #6DB712;color:#6DB712 !important;width:1.3em;display:block;float:left;}
#pagewrapper #contentwrapper #contentframe #az .enabled:hover{border:1px solid #6DB712;background-color:#6DB712;color:White !important;}
#pagewrapper #contentwrapper #contentframe #az .disabled{font-size:140%; font-weight:bold;background-color:#fff;text-align:center;padding:4px;margin-right:8px; margin-bottom:4px; margin-top:4px; border:1px solid #cccccc;color:#cccccc;width:1.3em;display:block;float:left;}
#pagewrapper #contentwrapper #contentframe #az_list{clear:left; padding-top:10px;}

/* Rating */
.ratingStar {font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 1px; cursor: pointer; display: block; background-repeat: no-repeat;}
.filledRatingStar {background-image:url(../i/png/ratingStarFilled.png);}
.emptyRatingStar {background-image:url(../i/png/ratingStarEmpty.png);}
.savedRatingStar {background-image:url(../i/png/ratingStarSaved.png);}

/*Maps Styles */
#pagewrapper #contentwrapper #contentframe .contentarea #map_canvas_complex img{margin:0px; border:0px!important;}
#pagewrapper #contentwrapper #contentframe .contentarea #map_canvas_simple img{margin:0px; border:0px!important;}
#pagewrapper #contentwrapper #contentframe .contentarea #map_menu img{margin:0px; border:0px!important;}