/* Heading webparts*/
    .cms-heading  { padding-left:10px;  	font-family:Tahoma Bold,Arial,Helvetica;}
    .cms-heading  H3{font-size: 1.8em;padding:0;margin:0 0 5px 0;font-family:Tahoma Bold,Arial,Helvetica;}
/* end*/


/* Text&Image webpart*/
/*------- Text floated to the side of image ------*/
    .cms-textandimage 
	{padding: 5px 10px; margin-right:50px; line-height: 1.3em; text-align: left;float:left; display:block;line-height:1.6em;}
	 * html .cms-textandimage 
	{padding:0; margin-right:0; line-height: 1.3em; text-align: left;float:left; display:block;line-height:1.6em;}
	.cms-textandimage a {white-space:nowrap}
    .cms-textandimage H3, .cms-textandimage H4 { color: #747474; font-weight: bold; margin-left: 0px; padding-left: 0px; }
    .cms-textandimage .image-right img {  padding: 2px; }
    .cms-textandimage .image-box-right { float: right;display:block }
    .cms-textandimage .image-box-left {float: left;display:block }
    .cms-textandimage .caption{}

/* Text webpart*/
    .cms-text {clear:both;display:block;font-family: Arial, Helvetica, sans-serif;margin:0 50px 8px 10px;line-height:1.6em; }
    .cms-text H3{font-size: 1.3em !important;padding:5px 0 ; margin:0;font-weight:bold;}
    .cms-text H4{font-size: 1.2em;margin-bottom:5px; margin:0;margin-top:10px;font-weight:bold;}
        .cms-text span {text-decoration:none !important;}
		.cms-text a {text-decoration:none !important;}
    .cms-text a:hover {  }
	.cms-text br{height:8px;font-size:0px;}
	.cms-text .subnav {background: transparent url(images/template/bullet.gif) no-repeat left;padding-left:25px}
	
	
	
/* end*/
table{border-collapse:separate}
table tr{border:1px solid #000;}
table td{background:#F2F2F2; border:1px solid #D6D6D4;padding:3px 10px;font-size:12px;font-family:arial,Tahoma,helvetica, Sans-Serif;}
table td.col1{background: #666666 url(images/webparts/cellbg.gif) no-repeat top left; border:1px solid #6A6A6A;color:#FFF;font-weight:bold;}
/* Image webpart*/
    .cms-image {margin:0 0 5px 10px !important;padding:0 !important;}
    .image-box {padding:0;margin:0}
    .image-box-text {font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; text-align: center; background: #ebe7dd; padding: 0px; margin-top:-3px  }
/* end*/

    .image-box-text {padding:10px;margin-bottom:0px !important}
    .image-box-left {clear:both; margin: 0 10px 0 0 !important }
    .image-box-right {float:right; margin: 0 0 0 10px  !important}
    .image-box-center {margin: 0 auto !important }
    
/* BoxOut webpart*/
    .cms-boxout { background:#CCCCCC url(images/webparts/boxoutBG.gif) no-repeat top left; color: #000; display: block; padding: 10px 100px  0px 10px ;margin-right:8px;}
/*== h4 class to hook into cms highlight ==*/
    .cms-boxout h3{ color: #999;}
    .cms-boxout h4 { color: #999; }
    .cms-boxout .footer{background:#CCCCCC url(images/webparts/boxoutfooterBG.gif) no-repeat left bottom;height:10px;width:580px;margin-left:-10px;margin-right:-100px;}
/* end*/

/* Links webpart*/
    .cms-links{padding: 5px 100px  40px 10px ;}
    .cms-links-title h4 { font-size: 1.3em; font-weight: bold; color: #fc6f21;  }
    .cms-links ul {margin:0px;}
    .cms-links ul li { list-style-type: none; background: transparent url(images/webparts/greybullet.gif) no-repeat 0px 10%; padding-left:15px; }
    .cms-links ul li a{clear:both;margin-bottom:15px;text-decoration:none;line-height:2.5em;}
/* ie6 hack (valid)*/
/*\*/* html .cms-links {  min-height: 3.8em; float: left; position: relative; margin-left: 2px; border: none; }
/**/
/* end*/

/* Documents webpart*/
    .cms-documents { background: #ffffff; min-height: 2.0em; display: block; float: left; margin: 5px 0 20px 5px; padding: 6px; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; border: 1px solid #737373; width: 92%; }
    .cms-documents a { color: #658bc0; text-decoration: underline; }
    .cms-documents a:hover { color: #000000; text-decoration: none; }
/* end */

/* Flash mediaparts*/
    .cms-flash { border: 0 #fff; padding-left: 19px; }
    .cms-flash-text { display: block; margin-top: 6px; margin-left: 20px; }
/* end */

/* Highlight webpart*/
    .cms-highlight { background:#FC6F20 url(images/webparts/hightlightBG.gif) no-repeat top left; color: #000; display: block; padding: 10px 100px  0px 10px ;margin-right:8px;}
/*== h4 class to hook into cms highlight ==*/
    .cms-highlight h3{ color: #fff;}
    .cms-highlight h4 { color: #fff; }
    .cms-highlight .footer{background:#FC6F20 url(images/webparts/hightlightfooterBG.gif) no-repeat left bottom;height:10px;width:580px;margin-left:-10px;margin-right:-100px;}

/* end*/


/* Media mediapart*/
    .cms-media { clear: both; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; font-weight: normal; line-height: 1.3em; text-indent: 0px; list-style-type: none; color: #747474; width: 90%; padding-left: 15px; padding-right: 10px; }
    .cms-media a { margin-bottom: 20px; color: #658bc0; text-decoration: underline; }
    .cms-media p a { font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; font-weight: normal; line-height: 1.3em; text-decoration: underline; }
    .cms-media a:hover { color: #FF9900; text-decoration: none; }
/* end */

/*CMS-FORM FEEDBACK*/
    .cms-form { clear: both; margin: 0 0 20px 10px;}
    .cms-form p {margin:0 0 0 125px }
    .cms-form .row {clear: both; display: block;padding:5px;}
    .cms-form .label {float: left; width: 120px; display: block;}
    .cms-form .fieldrequiredmarker {text-decoration: none;outline:none; border:none;color: #cc3333;float:left;width:8px;}
    .cms-form .fielderror {color: #cc3333; font-size: 90%; display:inline;}
    .cms-form .optionlist{width:220px;float:left;display:block;}
    .cms-form .optionlist label{display:block;float:left;width:70px;margin-left:5px;margin-top:4px;}
    .cms-form .optionlist input{float:left;display:block;height:20px;}
    .cms-form .optionlist br{clear:both;}
    .cms-form .field{width:180px;}
    .cms-form select {width: 184px; }
    .cms-form textarea{width:178px;font-size:1.1em;padding:0 3px;font-family:Arial,Helvertica,sans-serif;}
   
    .cms-form .send {padding:0 0 0 127px !important}
    .cms-form .send a {padding:0 0 2px 0px !important;background: url(images/show_button.gif) no-repeat;display:block;height:23px;width:68px;cursor:pointer;}
    .cms-form .send a:hover {background: url(images/show_button.gif) 0px 20px;}
    
    .cms-form .send input, .cms-form .send input.confirm   
	{cursor:pointer;width:68px; height:23px;background:url(images/submit.gif);margin:0;color:#fff;border-style: none;}
    .cms-form .send input.cancel   {display:none;cursor:pointer; padding:0 3px;  background: #999; margin: 0 ; color: #fff; border-style: none;}


/* Profile (mode A)webpart*/
    .cms-profile-a { border: 1px solid #777777; height: 91px; width: 100%; float: left; background: #EFEFEF; margin: 4px 4px 10px 0px; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; padding-bottom: 8px; }
    .cms-profile-a a { color: #777777; text-decoration: none; }
    .cms-profile-a a:hover { color: #ff9900; text-decoration: none; }
    .cms-profile-a .image { float: left; width: 70px; height: 69px; border: 1px solid #737373; background: #FFF; margin-left: -70px; }
    .cms-profile-a .title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.95em; height: 15px; width: 100%; position: relative; top: 17px; left: 115px; font-weight: bold; }
    .cms-profile-a .body { float: right; width: 300px; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
    .cms-profile-a a { font-weight: bold; font-size: 1.0em; }
    .cms-profile-a .body .pullquote { position: relative; left: 28px; top: 20px; width: 190px; }
    .cms-profile-a .body .pullquote a { position: relative; left: 14px; color: #747474; text-decoration: none; }
    .cms-profile-a .body .pullquote a:hover { color: #FF9900; text-decoration: underline; }
    .cms-profile-a .body .pullquote div.start { float: left; }
    .cms-profile-a .body .pullquote div.end { float: right; }
    /*background:url(images/end_quote.gif); width:24px ;height:13px;display:block; float:right;}*/
    .cms-profile-a .body .text { color: #747474; position: relative; left: 5px; top: 5px; width: 220px; }
    .cms-profile-a .body .text a { position: relative; top: 8px; left: -1px; color: #747474; text-decoration: none; }
    .cms-profile-a .body .text a:hover { color: #ff9900; text-decoration: underline; float: left; }
    .cms-profile-a .footer { display: none; }
/*end*/

/*Start is the first left quote and right its the final right quote!*/
    .cms-profile-a .body .pullquote div.start { float: left; }
    /*{background:url(images/start_quote.gif); width:24px ;height:13px; display:block; float:left;}*/
    .cms-profile-a .body .pullquote div.end { float: right; }
    /*background:url(images/end_quote.gif); width:24px ;height:13px;display:block; float:right;}*/
    .cms-profile-a .body .text { font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; color: #747474; position: relative; left: 32px; top: 10px; width: 250px; float: left; margin-top: 10px; }
    .cms-profile-a .body .text a { color: #747474; text-decoration: none; float: left; }
    .cms-profile-a .body .text a:hover { color: #ff9900; text-decoration: underline; float: left; }
    .cms-profile-a .footer { display: none; }
/*end*/


















/* Profile (mode B)webpart*/
.cms-profile-b { background: #EFEFEF; height: 15.5em; width: 42%; float: left; margin-top: 5px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #737373; text-align: center; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; overflow: hidden; padding-top: 10px; }
.cms-profile-b a { color: #777777; text-decoration: none; }
.cms-profile-b a:hover { color: #ff9900; text-decoration: none; }
.cms-profile-b .image { clear: both; float: left; width: 69px; height: 70px; position: relative; left: 45px; overflow: hidden; border: 1px solid #737373; }
.cms-profile-b .title { font-weight: bold; }
.cms-profile-b .body { padding-top: 20px; height: 100%; }
.cms-profile-b .body .text { clear: both; margin-left: 5px; padding-left: 8px; padding-right: 8px; padding-top: 16px; color: #747474; width: 130px; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
.cms-profile-b .text a { color: #747474; text-decoration: none; }
file-b .text a:hover { color: #747474; text-decoration: underline; }
.cms-profile-b .pullquote { clear: both; padding-top: 15px; padding-left: 20px; padding-right: 20px; color: #747474; width: 130px; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
.cms-profile-b .body .pullquote a { color: #747474; text-decoration: none; float: left; }
.cms-profile-b .body .pullquote a:hover { color: #FF9900; text-decoration: underline; }
.cms-profile-b .body .pullquote div.start { }
/*{background:url(images/start_quote.gif); width:24px ;height:13px; display:block; float:left;}*/
.cms-profile-b .body .pullquote div.end { float: right; }
.cms-profile-b { }
.cms-profile-b .footer { display: none; }
/* end*/














/* Google maps webpart */

.cms-gmap { clear: both; width: 409px; }
#map { clear: both; height: 400px; }
/* header area */
.cms-gmap .header { /* controls the map starting location text */ clear: both; float: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background: #336699; font-size: 1em; width: 100%; height: 30px; }
/*------background for h3 heading text-------*/
.cms-gmap .header .left { clear: both; float: left; height: 25em; width: 30%; background: #737373; padding: 5px; }
/*--------Get Directions Header text------*/
.cms-gmap .header .left H3 { clear: both; font-family: Palatino Linotype, Georgia, "Times New Roman" , Times, serif; font-size: 1.1em; width: 100%; height: 2.5em; padding-left: 3px; color: #ffffff; margin-top: 0px; }
.cms-gmap .header .right { float: right; height: 2.5em; width: 280px; background: #737373; font-size: 1em; margin-left: 112px; margin-top: -310px; }
/* directions form styles the width */
.cms-gmap .header .right .form { float: left; border-top: 1px dotted #666; padding: 2px 0px 0px 10px; clear: both; width: 200px; }
/*-------Styles the text (start location)--------*/
.cms-gmap .header .right .form label { clear: both; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; float: left; display: block; padding: 5px 6px 0px 0px; font-size: 0.95em; color: #fff; }
/*--------input text area----*/
.cms-gmap .header .right .form input { clear: both; position: relative; right: -107px; top: -19px; width: 125px; font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; }
/* 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)*/


/*----go button-------*/

.cms-gmap .header a { position: relative; left: 239px; top: -40px; display: block; width: 24px; height: 18px; padding: 1px; text-align: center; background: #ff9900; color: #FFF; font-size: 0.95em; }
/*----go button hover--------*/
.cms-gmap .header a:hover { text-decoration: none; }
/* 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 #CCC; border-right: 1px solid #CCC; padding: 0px 5px 0px 5px; }
/* end */
/* body area- contains map & imfo panels */
.cms-gmap .body { border: 1px solid #737373; }
.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 { font-family: Georgia, "Times New Roman" , Times, serif; padding: 10px; font-size: 0.9em; margin: 0px 0px 0px 0px; }
.cms-gmap .body .left .right .info H3 { font-family: Georgia, "Times New Roman" , Times, serif; font-size: 1em; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.cms-gmap #directions { border: 1px dotted #666; }
/* end */
/* end */
/* footer */
.cms-gmap .footer { }
.cms-gmap .footer .left { }
.cms-gmap .footer .right { }
/* end */
/* 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; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-right: 2px; width: 345px; height: 60px; }
/* Focus On Group */

.Box-FocusOn-Group { }
.Box-FocusOn-Left { }
/* Banner area (usually says 'focus on' in there in regular CMS */
.Box-FocusOn-Left .Banner { }
/* 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 { }
/* 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 { }
.Box-FocusOn-Left .Footer .Left { }
.Box-FocusOn-Left .Footer .Right { }
/* End  */

/* User Control Body/content areas. This is the part that holds the dynamic contents. */
.Box-FocusOn-Left .Body { }
/* 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 { }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Left .Body .Content .Text { }
/* 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; font-weight: bold; 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 { width: 100%; height: 35px; color: #ff9900; 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; font-weight: bold; line-height: 32px; }
/* 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 { }
.Box-FocusOn .Right .Body .Left .Right .Content .Text { }
/* 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; font-weight: bold; width: 100%; clear: both; }
/* Nested inside the left div- for expandable widths (ie sliding doors)*/
.Box-FocusOn-Right .Body .Right { background: #DEDEDE; }
