
/* Heading webpart*/
.cms-heading { clear: both; background: #3d3d3d; text-transform:uppercase; width:100% }
.cms-heading h3 {padding:0px 6px 4px 6px; font-weight:normal !important; font-size:90% !important; color:#fff !important; margin:0; }
/* end*/
.rss {	display: block;	z-index: 5000;background: url(images/webparts/rss/rss.png) no-repeat;	float: right;width: 14px;	position: absolute;	top: 0px; right:5px;	height: 14px}
#news .rss{right:168px;top:6px}
/* Text&Image webpart*/
.cms-textandimage { margin-bottom: 10px; font-size: 100%; padding: 5px; }
.cms-textandimage H3, .cms-textandimage H4 { color: #747474; margin-left:0px; padding-left:0px;}
.cms-textandimage img { margin: 3px; }
/* end*/


/* Text webpart*/
.cms-text { margin-top: 0px; padding: 7px 10px; margin-bottom:6px; clear:both;font-size: 100%;}
.cms-text p, .cms-text div { padding: 0 5px 8px 0; margin:0; }

.cms-text ul,.cms-text ol {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
.cms-text div { padding: 0 5px 8px 0; margin:0; }
.wrapper .cms-text div { padding: 0 5px 8px 0; margin:0 0 4px; }
.cms-text a:link,.cms-text a:visited,.cms-text a:active { text-decoration:underline !important;}
.cms-text a:hover {text-decoration:none  !important;}
.cms-text h3,.cms-text h4 ,.cms-text h5{padding:15px 0 10px 0;margin:0; color:#000; background:none; font-size:130%; }
.cms-text h4{font-size:115%;padding:0 0 3px 0;margin:0 0 4px 0 }
.cms-text h5{font-size:105%;padding:10px 0 5px 0;}
.cms-text h3 a {color:#000; text-decoration:none;}
.cms-text h3 a:hover { text-decoration:underline;}
.cms-text p{margin:0;padding:0}
.cms-text ul, .cms-text ol{padding-left:28px;margin:10px 0}
/* end*/

/* custom block for Case studies template injection */
.cms-text .casestudy{font-size:10px;padding:0px;}
.cms-text .casestudy .photo{position:relative;background:#333; top:-7px; left:-10px;width:386px;height:129px;overflow:hidden}
.cms-text .casestudy .awards{background:#f3f3f1;margin: 5px; padding:5px;border-top:2px solid #000;border-bottom:2px solid #000;text-align: left; list-style:none;}
.cms-text .casestudy .awards .item{font-size:10px}
.cms-text .casestudy .awards dt.title{width:110px;height:100%;displaY:block;float:left;font-weight:bold;}
.cms-text .casestudy .awards dt.Phystitle{width:110px;height:100%;displaY:block;float:left;padding-left:15px;background: transparent url(images/bullets/physical.gif) no-repeat left center;font-weight:bold;}

.cms-text .casestudy .awards dt.Volutitle{float:left;padding-left:15px;background: transparent url(images/bullets/volunteering.gif) no-repeat left center;font-weight:bold;}



.cms-text .casestudy .awards dt.Skiltitle{width:110px;height:100%;displaY:block;float:left;padding-left:15px;background: transparent url(images/bullets/skills.gif) no-repeat left center;font-weight:bold;}
.cms-text .casestudy .awards dt.Expetitle{width:110px;height:100%;displaY:block;float:left;padding-left:15px;background: transparent url(images/bullets/expedition.gif) no-repeat left center;font-weight:bold;}
.cms-text .casestudy .awards dt.Resititle{width:110px;height:100%;displaY:block;float:left;padding-left:15px;background: transparent url(images/bullets/residential.gif) no-repeat left center;font-weight:bold;}


.cms-text .casestudy .awards dd{margin-left:135px;}




.cms-text .casestudy .text{padding:5px;border-bottom:1px solid #333;font-size:1.2em}
.cms-text .casestudy .text p{margin:5px 0}
.cms-text .casestudy .return{text-transform:uppercase;text-decoration:underline;text-align:right;padding:5px;}
/* Image webpart*/
.cms-image { margin: 0 0 4px 0; }
.image-box { padding: 0px; margin: 0px; }
.image-box-text { font: 100% Verdana; text-align: center; padding: 0 0 15px 0; }
/* end*/


/* BoxOut webpart*/
.cms-boxout {  display: block; margin: 0 10px 6px 10px; padding: 3px; color: #000; font-size:100%; !important;padding: 3px; border: 1px solid #fff; background-color:#dcdcdc }
.cms-boxout .title { display: none; }
.cms-boxout .body { color: #000; display: block; padding: 3px; border: 1px solid #fff; }
.cms-boxout .body p	{margin:0; padding:6px 0;}
/* end*/


/* Links webpart*/
.cms-links { background: #dedede !important; color: #fff; margin:0 0 6px 0; margin-left:0 !important;clear:both;   }
.cms-links-title { text-align: left; padding:3px 6px 5px 6px;  background: #636466 !important; }
.cms-links p { text-align: left; padding: 5px; margin: 0; color: #000; font-size: 100%; }
.cms-links ul { display: block; font-size: 100%; padding: 0; margin: 0; color: #000; }

.cms-links ul li { padding: 5px; margin: 0; list-style: none; }
.cms-links ul li a { color: #000; text-decoration: underline !important; }
.cms-links ul li a:hover { text-decoration: none !important; }

/* ie6 hack (valid)*/
/*\*/* html .cms-links { background: #d9d9d9; min-height: 3.8em; float: left; position: relative; margin-left: 2px; border: none; }
/**/
/* end*/


/*  s webpart*/
.cms-documents {display: block; clear: both; margin: 0 10px 6px 10px; padding: 5px;  border-bottom:1px solid #f0f0f0;  font-size:100%; margin-top:3px; }
.cms-documents a { color: #000; text-decoration: underline; }
.cms-documents a:hover { color: #000; text-decoration: none; }
/* end */


/* Flash mediapart*/
.cms-flash { font-size: 100%; }
.cms-flash-text { display: none; margin-top: 6px; }
/* end */


/* Highlight webpart*/
.cms-highlight { background: #f0f0f0; color: #000; display: block; margin: 0 0 6px 0; padding: 3px 8px; font-size: 100%; clear: both; }
/* end*/


/* Media mediapart*/
.cms-media { padding: 2px 0px; clear: both; font-size: 100%; }
.cms-media a { color: #000; text-decoration: underline; }
.cms-media p a { color: #000; font-size: 0.9em; text-decoration: underline; }
.cms-media a:hover, .cms-media p a:hover { color: #782f21; text-decoration: none; }
/* end */


/* FeedBack webpart*/
.form {margin:0 0 5px 0;}
.form label { font-size:100% !important;}
#txtstart { font-size:100% !important;}
.cms-form { margin: 10px 10px 6px 10px;  padding: 5px; font-size:100% !important;}
.cms-form label {color:#000 !important; margin-top:5px !important;}
.cms-form H3 { color: #747474; padding: 0px; margin: 5px 0 0 0; }
.cms-form span.fieldlabel, .cms-form label.fieldlabel { color: #747474; clear: left; display:block}
.cms-form span.field { float: left; text-align: left; color: #747474; margin-bottom: 10px; display: block; }
.cms-form textarea.field { border: 1px solid #CFCFCF; font: 1em Verdana, Helvetica, sans-serif; width: 180px; }
.cms-form input.field, .cms-form select.field { border: 1px solid #CFCFCF; width: 180px; font: 1em Verdana, Helvetica, sans-serif; }
.cms-form input.hiddenfield { display: none; }
.cms-form img.helpicon { display: inline; cursor: pointer; float: left; padding: 3px 5px 0px 0px; }
.cms-form span.fielderror { padding: 0px; display: inline; clear: both; color: red; }
.cms-form span.fieldrequiredmarker { color: red; font: 0.8em Arial, Helvetica, sans-serif; }
.cms-form input.button { clear: left; }
.cms-form input#Submit {background:#3d3d3d; border:1px solid #fff; color:#ddd; text-transform:uppercase; cursor:pointer; font-size:100%;}
.cms-form input#Submit:hover {background:#3d3d3d; border:1px solid #000;}
/* end */

/* Profile (mode A)webpart*/
.cms-profile-a { width: 382px;  margin: 4px 4px 6px 0; padding: 5px; border: 1px solid #CFCFCF; clear: both; background: #f0f0f0; }
.cms-profile-a a { color: #777; text-decoration: underline; }
.cms-profile-a a:hover { color: #777; text-decoration: none; }
.cms-profile-a .image { background: #FFF; overflow: hidden; float: left; }
.cms-profile-a .title { position: relative; display: block; clear: both; margin-bottom: 4px; font-size:100%;}
.cms-profile-a .body { }
.cms-profile-a .title a { font-size: 100%; color: #782f21; text-decoration: underline; }
.cms-profile-a .title a:hover { text-decoration: none; }
.cms-profile-a .body .pullquote { position: relative; left: 5px; top: 0px; float: left; }
.cms-profile-a .body .pullquote a { color: #f3f4f0; text-decoration: underline; float: left; }
.cms-profile-a .body .pullquote a:hover { text-decoration: none; }
.cms-profile-a .body .pullquote div.start { float: left; font: bold 1.5em Times; }
/*{background:url(images/start_quote.gif); width:24px ;height:13px; display:block; float:left;}*/
.cms-profile-a .body .pullquote div.end { float: right; font: bold 1.5em Times; }
/*background:url(images/end_quote.gif); width:24px ;height:13px;display:block; float:right;}*/
.cms-profile-a .body .text { color: #747474; position: relative; left: 10px; top: 0px; float: left; }
.cms-profile-a .body .text a { color: #202020; text-decoration: underline; float: left; font-size: 100%; }
.cms-profile-a .body .text a:hover { text-decoration: none; float: left; }
.cms-profile-a .footer { display: none; }
/*end*/


/* Profile (mode B)webpart*/
.cms-profile-b { width: 169px; height:300px; overflow:hidden; float: left; border: 1px solid #000;margin:5px 5px;  }

.cms-profile-b a { text-decoration: underline; }
.cms-profile-b a:hover { text-decoration: none; }
.cms-profile-b .image { width: 169px; height: 126px; overflow: hidden; }
.cms-profile-b .title {background:#333;color:#FFF;text-transform:uppercase;padding:1px 3px 3px 3px;}
.cms-profile-b .title a{color:#FFF;text-decoration:none; }
.cms-profile-b .body {}
.cms-profile-b .pullquote {margin:8px;color:#333333;position:relative;overflow:hidden}
.cms-profile-b .body .pullquote a { text-decoration: none; float: left; }
.cms-profile-b .body .pullquote a:hover {  text-decoration: underline; }
.cms-profile-b  .pullquote .start,.cms-profile-b  .pullquote .end{display:inline}
.cms-profile-b  .pullquote .start {}
 .cms-profile-b .pullquote .end{}
.cms-profile-b .text { font-size:100%; color:#333;padding: 3px 10px;  }
.cms-profile-b .text a {  text-decoration: underline; }
.cms-profile-b .text a:hover { text-decoration: none; }
.cms-profile-b .footer { display: none; }
/* end*/


/* Google maps webpart */

.cms-gmap { margin:8px 10px 6px 10px; border-top:2px solid #868788; border-bottom:2px solid #868788;   }

#map { clear: both;width:100%;height:400px; }

/* header area */
.cms-gmap .header { }
.cms-gmap .header .left { }
.cms-gmap .header .left H3 {padding: 3px 8px; color: #000; margin: 0; }
.cms-gmap .header .right { }
/* directions form */
.cms-gmap .header .right .form { border-top: 1px solid #cfcfcf; padding: 5px; clear: both; }
.cms-gmap .header .right .form label { float: left; display: block; padding: 4px 6px 0px 0px; font-weight: bold; text-transform: capitalize; }
.cms-gmap .header .right .form input { float: left; }
/* to hide the text in the link below (if you want to use a background image) set the text size to 0.001px or something)*/
.cms-gmap .header a { display: block; width: 25px; padding: 2px; border: 1px solid #fff; text-align: center; float: left; background: #000; color: #FFF; }
/*font-size:0.01em;*/
.cms-gmap .header a:hover { display: block; width: 25px; padding: 2px; border: 1px solid #000; text-align: center; float: left; background: #000; color: #fff; }
/*font-size:0.01em;*/
/* end */
/* end */
.map {margin:3px 0 3px 0px; height:350px;}
.cms-gmap .map {margin:3px 0 3px 0px; height:350px;}
/* bubble pop-up to tell user something didnt work */
.cms-gmap .tipholder { height: 0px; position: relative; top: 0px; left: 0px; z-index: 1500; float: left; }
.cms-gmap .tipholder .tip { display: none; float: left; width: 256px; height: 0px; position: relative; bottom: 10px; left: 10px; z-index: 1200; background-color: Transparent; }
.cms-gmap .tipholder .tip .footer { display: block; float: left; width: 266px; height: 6px; background: transparent url(images/googlemaps/tipfooter.png) no-repeat; overflow: hidden; background-color: Transparent; }
.cms-gmap .tipholder .tip .header { display: block; float: left; width: 266px; height: 13px; background: transparent url(images/googlemaps/tipheader.png) no-repeat; overflow: hidden; }
/* ie6 hack (validates) */
/*\*/
* html .cms-gmap .tipholder { float: left; height: 0px; position: relative; top: 0px; left: 120px; z-index: 1500; }
* html .cms-gmap .tipholder .tip { display: none; float: left; width: 266px; height: 0px; position: absolute; top: 20px; left: -480px; z-index: 1200; background-color: Transparent; }
* html .cms-gmap .tipholder .tip .footer { display: block; float: left; width: 266px; height: 6px; background: transparent url(images/googlemaps/tipfooter.gif) no-repeat; overflow: hidden; background-color: Transparent; }
* html .cms-gmap .tipholder .tip .header { display: block; float: left; width: 266px; height: 13px; background: transparent url(images/googlemaps/tipheader.gif) no-repeat; overflow: hidden; }
/**/
.cms-gmap .tipholder .tip .body { display: block; float: left; width: 254px; min-width: 0px; height: auto; background-color: #FFF; background-image: none; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; padding: 0px 5px 0px 5px; }

.cms-gmap .info { font-size: 100%; margin: 3px 0 0 0; padding:0;  clear:both;}
.cms-gmap .info h3{  color: #000; font-size:110%; background:none !important; border-bottom:1px solid #868788; margin:0; display:block; }
.cms-gmap .info p {margin:0; padding:5px 8px;}
.cms-gmap #directions h3 {  color: #000; font-size:110%; background:none !important; border-bottom:1px solid #868788; margin:0; display:block; }
.cms-gmap .form {border-top:1px solid #868788;}
.cms-gmap .form a{text-transform:uppercase;}
.cms-gmap .form a:hover {border:1px solid #000;}

/* end */

/* body area- contains map & imfo panels */
.cms-gmap .body { }
.cms-gmap .body .left { }
.cms-gmap .body .right { }
/* map area */
.cms-gmap .body .left .right .map { }
/* This rule helps position the copyright info in the map window */
.cms-gmap .body .left .right .map div span { display: none; }
/* end */
/* info block/directions blocks */
.cms-gmap .body .left .right .info { }
.cms-gmap .body .left .right .info H3 { padding: 5px; }
.cms-gmap #directions {  }
.cms-gmap .body .left .right .info div {  }
/* end */
/* end */
/* footer */
.cms-gmap .footer { }
.cms-gmap .footer .left { }
.cms-gmap .footer .right { }

/* end */
/* end*/


/* PlacestoVisit webpart */

.cms-places { float: left; margin:0 0 6px 0; }
.cms-places .info .header { }
.cms-places .info .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .info .header div { }
.cms-places .info .body { padding: 5px; }
.cms-places .info .body .title { font-weight: bold; }
.cms-places .info .body .text { padding: 0 0 0 5px; }
.cms-places .info .footer { }
.cms-places .info .footer div { }
.cms-places .Amenities  { margin:0 0 6px 0;  }
.cms-places .amenities .header .title { font-weight: bold; font-size: 1.4em;}
.cms-places .amenities .header .title span { display: none; }
.cms-places .amenities .header .title span a:link, .cms-places .amenities .header .title span a:visited, .cms-places .amenities .header .title span a:active, .cms-places .amenities .header .title span a:hover { }
.cms-places .amenities .header div { }
.cms-places .amenities .body { padding: 5px; }
.cms-places .amenities .body img { margin: 3px; }
.cms-places .amenities .footer { }
.cms-places .amenities .footer div { }

.cms-places .events .header { }
.cms-places .events .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .events .header div { }
.cms-places .events .body { padding: 5px; }
.cms-places .events .body a:link, .cms-places .events .body a:visited, .cms-places .events .body a:active, .cms-places .events .body a:hover { color: #0d558c; }
.cms-places .events .footer { }
.cms-places .events .footer div { }

.cms-places .links .header { }
.cms-places .links .header .title { font-weight: bold; font-size: 1.4em; }
.cms-places .links .header div { }
.cms-places .links .body { padding: 5px; }
.cms-places .links .body ul { }
.cms-places .links .body ul li { }
.cms-places .links .body ul li a:link, .cms-places .links .body ul li a:visited, .cms-places .links .body ul li a:active, .cms-places .links .body ul li a:hover { }
.cms-places .links .footer { }
.cms-places .links .footer div { }

/* end*/


/* CrossPromo webpart */

.cms-crosspromo { }
.cms-crosspromo .header { }
.cms-crosspromo .header .title { }
.cms-crosspromo .header div { }
.cms-crosspromo .body { }
.cms-crosspromo .body div { }
.cms-crosspromo .body div .pullquote { }
.cms-crosspromo .body div .pullquote .start { }
.cms-crosspromo .body div .pullquote .end { }
.cms-crosspromo .body div .text { }
.cms-crosspromo .body div .links { }
.cms-crosspromo .body div .links ul { }
.cms-crosspromo .body div .links ul li { }
.cms-crosspromo .body div .links ul li a:link, .cms-crosspromo .body div .links ul li a:active, .cms-crosspromo .body div .links ul li a:visited, .cms-crosspromo .body div .links ul li a:hover { }
.cms-crosspromo .footer { }
.cms-crosspromo .footer div { }

/* end*/

/* Page Import webpart */

.cms-importcontent { }
.cms-importcontent iframe { border: 0px; }
.cms-importcontent .image-box { }

/* Ad banner */

.cms-adbanner { text-align: center; margin-right: 2px; margin-bottom:6px; }

/* Focus On Group center col */

.Box-FocusOn-Group { clear: both; float: left; width: 100%; }
.Box-FocusOn-Left { width: 49.5%; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 6px; float: left; }
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-FocusOn-Left .Banner { background: transparent url(images/appbanner_bg.gif) repeat-x; width: 100%; height: 35px; color: #9cb454; text-align: center; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-FocusOn-Left .Banner .Left { }
/* <span> in the above style to show Control title/ page title */
.Box-FocusOn-Left .Banner .Title { padding-left: 10px; ;line-height:32px;}
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-FocusOn-Left .Banner .Right { }
/* End  */

/* User Control Footer areas */
.Box-FocusOn-Left .Footer { background: transparent url(images/appfooter_bg.gif) repeat-x; float: left; height: 13px; font-size: 11px; width: 100%; text-align: center; }
.Box-FocusOn-Left .Footer .Left { background: transparent url(images/appfooter_left.gif) no-repeat top left; text-align: center; float: left; font-weight: bold; width: 100%; }
.Box-FocusOn-Left .Footer .Right { background: transparent url(images/appfooter_right.gif) no-repeat top right; height: 13px; text-align: left; float: right; width: 6px; }
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-FocusOn-Left .Body { font-size: 0.9em; line-height: 1.4em; text-align: center; float: left; }
/* Used to show left edge repeating background image */
.Box-FocusOn-Left .Body .Left { }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-FocusOn-Left .Body .Content { border-top: 1px solid #c8c8c8; margin: 0px 4px 0px 4px; padding: 10px; text-align: center; float: left; background: #FFF; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content .Text { float: left; font-weight: bold; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content a { display: block; text-align: center; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content label { display: block; ;width:100%;clear:both}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Right { background: #DEDEDE; }

.Box-FocusOn-Right { width: 49.5%; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 3px; float: right; }
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-FocusOn-Right .Banner { background: transparent url(images/appbanner_bg.gif) repeat-x; width: 100%; height: 35px; color: #9cb454; text-align: center; }
/* Used for rounded corners and to hold a <span> with the title in it. */
.Box-FocusOn-Right .Banner .Left { }
/* <span> in the above style to show Control title/ page title */
.Box-FocusOn-Right .Banner .Title { padding-left: 10px; line-height:32px; font-size:100%;}
/* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-FocusOn-Right .Banner .Right { }
/* End  */

/* User Control Footer areas */
.Box-FocusOn-Right .Footer { background: transparent url(images/appfooter_bg.gif) repeat-x; float: left; height: 13px; font-size: 11px; width: 100%; text-align: center; }
.Box-FocusOn-Right .Footer .Left { background: transparent url(images/appfooter_left.gif) no-repeat top left; text-align: center; float: left; font-weight: bold; width: 100%; }
.Box-FocusOn-Right .Footer .Right { background: transparent url(images/appfooter_right.gif) no-repeat top right; height: 13px; text-align: left; float: right; width: 6px; }
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-FocusOn-Right .Body { font-size: 0.9em; line-height: 1.4em; text-align: center; float: left; }
/* Used to show left edge repeating background image */
.Box-FocusOn-Right .Body .Left { }
/* Used to create a usable area for content with regular padding etc. Nested inside the right div */
.Box-FocusOn-Right .Body .Content { border-top: 1px solid #c8c8c8; margin: 0px 4px 0px 4px; padding: 10px; text-align: center; float: left; background: #FFF; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content .Text { float: left; font-weight: bold; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content a { display: block; text-align: center; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content img { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Content label { display: block; ;width:100%;clear:both}
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Right { background: #DEDEDE; }




/* layout webpart */

/*link style*/
.cms-layout a {text-decoration:none;}
.cms-layout a:hover, .cms-layout a:active {text-decoration:underline;}

/* center col */
    .ContentPane .cms-layout { width: 395px;overflow:hidden; background: #d9d9d9; clear: both; font-size: 100%; overflow: hidden; margin:0 0 6px 0; position:relative}
	.ContentPane .cms-layout ul	{margin:0; padding:0;}
	.ContentPane .cms-layout ul li {padding:2px 0 2px 15px; background:url(images/template/bullet.gif) 0 2px no-repeat;list-style:none;}
	.ContentPane .cms-layout ul li a {text-decoration:none !important;}
	.ContentPane .cms-layout ul li a:hover, .ContentPane .cms-layout ul li a:active {text-decoration: underline !important;}
    .ContentPane .cms-layout .body { overflow: hidden; }
    .ContentPane .cms-layout .body a { display: block; padding: 3px 5px; color: #000; text-decoration:underline;padding: 0px; }
	.ContentPane .cms-layout .body a:hover,  .ContentPane .cms-layout .body a:active {text-decoration:none;}  
    .ContentPane .cms-layout .body p { padding: 2px 0 0 0; margin: 0; }
    .ContentPane .cms-layout .body a .text { display: block; }
    .ContentPane .cms-layout .body a .text div { }
    /* layout options */
    .ContentPane .cms-layout .fullwidth .column1 { width: 100%; display: block; overflow: hidden; background: #d9d9d9; }
    .ContentPane .cms-layout .fullwidth .column2 { display: none; }
    .ContentPane .cms-layout .column1 { background-color: #d9d9d9; border-right: 3px solid #fff; }
    .ContentPane .cms-layout .column2 { border-left: 3px solid #fff;  }
    .ContentPane .cms-layout .split4060 .column1 { width: 154px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .ContentPane .cms-layout .split4060 .column2 { width: 235px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .ContentPane .cms-layout .split6040 .column1 { width: 235px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .ContentPane .cms-layout .split6040 .column2 { width: 154px; float: left; display: block; overflow: hidden; background-color: #d9d9d9;}
    .ContentPane .cms-layout .split7030 .column1 { width: 274px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .ContentPane .cms-layout .split7030 .column2 { width: 115px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .ContentPane .cms-layout .split3070 .column1 { width: 115px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .ContentPane .cms-layout .split3070 .column2 { width: 274px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .ContentPane .cms-layout .split5050 .column1 { width: 194px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .ContentPane .cms-layout .split5050 .column2 { width: 195px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
/* right col */
    .RightPane .cms-layout { width: 288px; background: #d9d9d9; clear: both; font-size: 100%; margin:0 0 6px 0 !important;overflow:hidden}

	/* Hack for ie6 */
/*\*/* html .RightPane .cms-layout { width: 288px; background: #d9d9d9; clear: both; font-size: 100%;  margin:0 0 6px 0 !important;position:relative;}
/* End hack */
.fullwidth,.split4060,.split6040,.split7030,.split3070,.split5050{position:relative}
	.RightPane .cms-layout ul	{margin:0; padding:0;}
	.RightPane .cms-layout ul li {padding:2px 0 2px 10px; background:url(images/template/bullet.gif) 0 5px no-repeat; list-style:none;}
	.RightPane .cms-layout ul li a {text-decoration:none !important;}
	.RightPane .cms-layout ul li a:hover, .RightPane .cms-layout ul li a:active {text-decoration: underline !important;}
    .RightPane .cms-layout .body {  padding: 0px; }
    .RightPane .cms-layout .body a {color: #000;text-decoration:underline; }
	.RightPane .cms-layout .body a:hover,  .RightPane .cms-layout .body a:active {text-decoration:none;}
    .RightPane .cms-layout .body p { padding: 2px 0 0 0; margin: 0; }
    .RightPane .cms-layout .body a .text {  }
    .RightPane .cms-layout .body a .text div { }
    /* layout options */
    .RightPane .cms-layout .fullwidth .column1 { width: 100%; display: block;  background: #d9d9d9;margin:0 0 0 0; }
    .RightPane .cms-layout .fullwidth .column2 { display: none; }
    .RightPane .cms-layout .column1 { background-color: #d9d9d9; border-right: 3px solid #fff;font-size:100%;  }
    .RightPane .cms-layout .column2 {border-left: 3px solid #fff; font-size:100%;  }

    .RightPane .cms-layout .split4060 .column1 { width: 112px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .RightPane .cms-layout .split4060 .column2 { width: 170px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .RightPane .cms-layout .split6040 .column1 { width: 170px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .RightPane .cms-layout .split6040 .column2 { width: 112px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .RightPane .cms-layout .split7030 .column1 { width: 199px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .RightPane .cms-layout .split7030 .column2 { width: 83px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .RightPane .cms-layout .split3070 .column1 { width: 83px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .RightPane .cms-layout .split3070 .column2 { width: 199px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .RightPane .cms-layout .split5050 .column1 { width: 141px; float: left; display: block; overflow: hidden; background-color: #d9d9d9; }
    .RightPane .cms-layout .split5050 .column2 { width: 141px; float: left; display: block; overflow: hidden; background-color: #d9d9d9;}


/* header styles for both cols */


.cms-layout .midgrey { background-color: #6E6F64; }
.cms-layout .midgrey a { background-color: #6E6F64; color: #FFF; display: block; padding: 3px 6px 5px 6px; text-transform: uppercase; font-size: 90%; }

.cms-layout .darkgrey { background-color: #3D4242; }
.cms-layout .darkgrey a { background-color: #3D4242; color: #FFF;  display: block; padding: 3px 6px 5px 6px; text-transform: uppercase; font-size: 90%; }


.cms-layout .gold { background-color: #bc995c; }
.cms-layout .gold a { background-color: #bc995c; color: #FFF;  display: block; padding:3px 6px 5px 6px;  text-transform:uppercase;font-size:90%;display: block; }

.cms-layout .silver { background-color: #a5a5a4; }
.cms-layout .silver a { background-color: #a5a5a4; color: #404040;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}

.cms-layout .bronze { background-color: #772919; }
.cms-layout .bronze a { background-color: #772919; color: #FFF; display: block;padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block; }

.cms-layout .offwhite { background-color: #FCFDF5; }
.cms-layout .offwhite a { background-color: #FCFDF5; color: #FFF;  display: block; padding:3px 6px 5px 6px;text-transform:uppercase; font-size:90%;display: block;}

.cms-layout .white { background-color: #FFF; }
.cms-layout .white a { background-color: #FFF; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block; }

.cms-layout .physyellow { background-color: #FFC726; }
.cms-layout .physyellow a { background-color: #FFC726; color: #fff;  display: block; padding:3px 6px 5px 6px;text-transform:uppercase;font-size:90%; display: block;}
    .cms-layout .phys1 { background-color: #D76F2B; }
    .cms-layout .phys1 a { background-color: #D76F2B; color: #FFF;  display: block;padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .phys2 { background-color: #FFB31A; }
    .cms-layout .phys2 a { background-color: #FFB31A; color: #FFF;  display: block;padding:3px 6px 5px 6px;text-transform:uppercase; font-size:90%;display: block; }
    .cms-layout .phys3 { background-color: #FFEB44; }
    .cms-layout .phys3 a { background-color: #FFEB44; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .phys4 { background-color: #FFB377; }
    .cms-layout .phys4 a { background-color: #FFB377; color: #FFF;  display: block;padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .phys5 { background-color: #FFD20F; }
    .cms-layout .phys5 a { background-color: #FFD20F; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%; display: block;}
    .cms-layout .phys6 { background-color: #FFFF9F; }
    .cms-layout .phys6 a { background-color: #FFFF9F; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}


.cms-layout .servicered { background-color: #ff3366; }
.cms-layout .servicered a { background-color: #ff3366; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%; display: block;}
    .cms-layout .serv1 { background-color: #761315; }
    .cms-layout .serv1 a { background-color: #761315; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .serv2 { background-color: #F0051A; }
    .cms-layout .serv2 a { background-color: #F0051A; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .serv3 { background-color: #F07A88; }
    .cms-layout .serv3 a { background-color: #F07A88; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .serv4 { background-color: #F19300; }
    .cms-layout .serv4 a { background-color: #F19300; color: #FFF;  display: block;padding:3px 6px 5px 6px;  text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .serv5 { background-color: #E85C0F;display: block; }
    .cms-layout .serv5 a { background-color: #E85C0F; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .serv6 { background-color: #A91B22; }
    .cms-layout .serv6 a { background-color: #A91B22; color: #FFF;  display: block;padding:3px 6px 5px 6px;  text-transform:uppercase;font-size:90%;display: block;}

.cms-layout .skillblue { background-color: #0082D1; }
.cms-layout .skillblue a { background-color: #0082D1; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .skill1 { background-color: #001E6F; }
    .cms-layout .skill1 a { background-color: #001E6F; color: #FFF;  display: block;padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .skill2 { background-color: #35CFD4; }
    .cms-layout .skill2 a { background-color: #35CFD4; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .skill3 { background-color: #00CAFF; }
    .cms-layout .skill3 a { background-color: #00CAFF; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .skill4 { background-color: #97B1F5; }
    .cms-layout .skill4 a { background-color: #97B1F5; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .skill5 { background-color: #0072BD; }
    .cms-layout .skill5 a { background-color: #0072BD; color: #FFF;  display: block; padding:3px 6px 5px 6px;text-transform:uppercase; font-size:90%;display: block; }
    .cms-layout .skill6 { background-color: #08059F; }
    .cms-layout .skill6 a { background-color: #08059F; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    
.cms-layout .expgreen { background-color: #76B900; }
.cms-layout .expgreen a { background-color: #76B900; color: #FFF;  display: block; padding:3px 8px 5px 6px;text-transform:uppercase;  font-size:90%;display: block;}
    .cms-layout .exp1 { background-color: #085D0D; }
    .cms-layout .exp1 a { background-color: #085D0D; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .exp2 { background-color: #B1D91A; }
    .cms-layout .exp2 a { background-color: #B1D91A; color: #FFF;  display: block; padding:3px 6px 5px 6px;text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .exp3 { background-color: #D4FF88; }
    .cms-layout .exp3 a { background-color: #D4FF88; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .exp4 { background-color: #CFCE72; }
    .cms-layout .exp4 a { background-color: #CFCE72; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block; }
    .cms-layout .exp5 { background-color: #B3C50F; }
    .cms-layout .exp5 a { background-color: #B3C50F; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .exp6 { background-color: #008D0D; }
    .cms-layout .exp6 a { background-color: #008D0D; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}

.cms-layout .Respurple { background-color: #831FB5; }
.cms-layout .Respurple a { background-color: #831FB5; color: #FFF;  display: block; padding:3px 6px 5px 6px;text-transform:uppercase;font-size:90%;display: block; }
    .cms-layout .res1 { background-color: #882581; }
    .cms-layout .res1 a { background-color: #882581; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .res2 { background-color: #B325AC; }
    .cms-layout .res2 a { background-color: #B325AC; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%; display: block;}
    .cms-layout .res3 { background-color: #F0C5FF; }
    .cms-layout .res3 a { background-color: #F0C5FF; color: #FFF;  display: block;padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%;display: block;}
    .cms-layout .res4 { background-color: #FFB1CD; }
    .cms-layout .res4 a { background-color: #FFB1CD; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase; font-size:90%;display: block;}
    .cms-layout .res5 { background-color: #B3C50F; }
    .cms-layout .res5 a { background-color: #B3C50F; color: #FFF;  display: block; padding:3px 6px 5px 6px; text-transform:uppercase;font-size:90%; display: block;}
    .cms-layout .res6 { background-color: #A47CF2; }
    .cms-layout .res6 a { background-color: #A47CF2; color: #FFF;  display: block; padding:3px 6px 5px 6px;text-transform:uppercase; font-size:90%;display: block; }

/* end */

    .cms-comments{padding: 5px 0px 10px 0px;clear:both;margin-left: 0px;margin-bottom:10px !important; border:2px solid #D9D9D9;clear:both}
	.cms-comments h3{clear:both}
    .cms-comments h4,.cms-comments .cms-form{margin-left:0;margin-top:15px;}
	.cms-comments .cms-text{padding:0;margin:0;clear:none;}
	.cms-comments .cms-text h3{width:385px;text-transform:uppercase;color:#fff;background-color:#3F515D;margin:10px 0 0 0;padding:3px;font-weight:normal}
	
    .cms-comments .comment{padding-top:5px;background-color:#D9D9D9;clear:both;} 
    .cms-comments .name{margin: 5px 15px 5px 5px;font-size:1.1em;float:left;font-weight:bold;width:200px;}
    .cms-comments .comment .details,.cms-comments .comment .replyDetails{padding:5px 5px 15px 5px; border-top:1px dotted #999;clear:both;}
    .cms-comments .comment .date,.cms-comments .commentAlt .date{text-align:right;color:#999;width:150px;margin: 8px 15px 8px 0;float:left;clear:none;}
	.cms-comments .comment .replyDetails{background:#efe7de}
	
	.cms-comments .commentAlt{padding-top:5px;background-color:#FFF;clear:both;}
	.cms-comments .commentAlt .details,.cms-comments .commentAlt .replyDetails{padding:5px 8px 15px 8px; border-top:1px dotted #999;clear:both;}
	
    .cms-comments .commentRating{padding:2px 5px;width:30%;text-align:right; float:right}
    .cms-comments .commentRating span.rateText{display:block;text-align:right}
	.cms-comments .commentRating div{float:right;}
    .ratingStar 
	{font-size:0pt;width:13px;height:12px;margin:0;padding:0;cursor:pointer;display:block;float:left;background-repeat: no-repeat}
    .filledRatingStar{background-image: url(Images/webparts/FilledStar.png)}
    .emptyRatingStar{background-image: url(Images/webparts/EmptyStar.png)}
    .savedRatingStar{background-image: url(Images/webparts/SavedStar.png)}
   
    .Socialbookmarks{margin-bottom:10px !important; float:left;width:40%;padding:2px 0 0 3px;}

	h3.formheader{width:385px;color:#fff;background-color:#7E909A;text-transform:none !important;margin:10px 0 0 0;padding:3px;font-weight:normal}
	
	.cms-comments .cms-form {clear:both;margin:0 0 20px 10px}
    .cms-comments .cms-form p {margin:0}
    .cms-comments .cms-form .row {clear:both;display:block;padding:5px}
    .cms-comments .cms-form .label {float:left;width:120px;display:block}
    .cms-comments .cms-form .fieldrequiredmarker {text-decoration: none;outline:none;border:none;float:left;width:8px;color:red}
    .cms-comments .cms-form .fielderror {font-size: 90%;display:inline;color:red}
    .cms-comments .cms-form .optionlist{width:220px;float:left;display:block;}
    .cms-comments .cms-form .optionlist label{display:block;float:left;width:70px;margin:4px 0 0 5px}
    .cms-comments .cms-form .optionlist input{float:left;display:block;height:20px}
    .cms-comments .cms-form .optionlist br{clear:both}
    .cms-comments .cms-form .field{width:180px}
    .cms-comments .cms-form select {width: 184px}
    .cms-comments .cms-form textarea{width:180px;font-size:1.1em;padding:0 3px}
    .cms-comments .cms-form .send { margin-left:128px;}
    .cms-comments .cms-form .send input{background:#707070;color:#FFF;text-transform:uppercase;padding:0 10px;border:none;font-size:0.9em; display: block; height: 20px; width: 60px; cursor: pointer;}
    .cms-comments .cms-form .send a:hover {background: url(images/show_button.gif) 0px 20px;}
	
	
	
/*Wrapper style -  */
.wrapper 		{border:2px solid #3d3d3d; border-top:5px solid #3d3d3d;width:390px;overflow:hidden;position:relative}

