/*  Layout.xsl
	This file should contain any CSS that is used to render the layout,
	structure, and style of the page.  eWebEditPro will not see this file,
	so CSS that is specific to the editable content areas should go in the
	appropriate site-specific CSS file.
*/

html { overflow-y: scroll; } /* normalize presence of scrollbars */
/*body { text-align: center; background-image: url('/images/Layout/page_bg.jpg'); background-repeat: repeat-x; background-color: #A7A8AC; } /* Center the layout on the page    */
body { text-align: center; background-repeat: repeat-x; background-color: #717075; } /* Center the layout on the page    */

#doc1 {
	width: 960px;
	text-align: left;
	background-color: #C5C6C8;
}

/** Page Grid (golden mean):
  * 960px: Total page
  * 534px: Main
  * 210px: Left
  * 210px: Right
  *
  * 10px gutter between all sections (not including page edges)
  * Gutter handled using padding. Margin could also be used.
  * Remember to adjust width if adjusting padding/margin!!
  *
  * LMR = Left, Middle, Right
  * LM  = Left, Middle
  *  MR =       Middle, Right
  *  M  =       Middle
  */
.grid_LMR #grid_container { float: right; width: 730px; }
.grid_LMR #grid_Main      { float: left;  width: 485px; padding: 0; }
.grid_LMR #grid_Right     { float: left; width: 219px; padding: 0 4px; border-left: 1px dotted #ccc; }
.grid_LMR #grid_Left      { float: left;  width: 230px; padding: 0; }

.grid_LM  #grid_Main      { float: right; width: 730px; padding: 0; }
.grid_LM  #grid_Left      { float: left;  width: 230px; padding: 0; }

.grid_MR  #grid_Main      { float: left;  width: 720px; padding: 0 5px; }
.grid_MR  #grid_Right     { float: right; width: 219px; padding: 0 4px; border-left: 1px dotted #ccc; }

.grid_M   #grid_Main      { width: 960px; }

#grid_container { background-color: #fff; }
#grid_wrapper { width: 980px; background-color: #c5c6c8; margin: auto; text-align: left; }

#hd, #bd, #ft { clear: both; }
#layout_Breadcrumbs { padding: 8px 0 0 0; color: #000; text-decoration: none; font-weight: bold; font-size: 10px; }
#layout_Breadcrumbs a { color: #000; text-decoration: none; font-weight: bold; font-size: 10px; }
#layout_Breadcrumbs a:hover { color: #666; }
.grid_Content { padding: 0 15px 0 15px; }

/*** HomePage ***/
#Firstcolumn { width: 220px; float: left; }
#Secondcolumn { width: 286px; min-height: 600px; height: auto!important; height: 600px; padding-left: 3px; float: left; background-image: url('/images/Layout/secondColumn_bg.jpg'); 
	background-repeat: no-repeat; background-color: #C3BDBD; }
#Thirdcolumn { width: 212px; float: left; padding-left: 6px; padding-top: 10px; }
.HomePage #layout_Breadcrumbs,
.HomePage .page_title { display: none; }
#HomePage #grid_container { background-image: url('/images/Layout/homepage_bg.jpg'); background-repeat: repeat-x; background-color: #d5d5d5; }
#HomePage #grid_Main { background-color: transparent; }
div.yui-skin-sam .yui-carousel, .yui-skin-sam .yui-carousel-vertical { border: 0; }
div.yui-carousel { width: 202px !important; }
div.yui-carousel .yui-carousel-item-selected { border: 0; width: 200px; }
div.yui-skin-sam .yui-carousel-nav ul { margin: 0; float: left; padding: 4px 3px 0 0; }
div .yui-carousel-element li { border: 0; width: 200px; }
div.yui-skin-sam .yui-navset .yui-content { background-color: #f5f2f2; border: 1px solid #808080; min-height: 215px; height: auto !important; height: 215px; clear: both; 
	padding-top: 10px;  }
div.yui-skin-sam .yui-navset .yui-nav, 
div.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { border: none; }
div.yui-skin-sam .yui-navset .yui-nav .selected a, 
div.yui-skin-sam .yui-navset .yui-nav .selected a:focus, 
div.yui-skin-sam .yui-navset .yui-nav .selected a:hover { background: #f5f2f2 none no-repeat scroll; color: #000; text-transform: uppercase; }
div.yui-skin-sam .yui-navset .yui-nav .selected a, 
div.yui-skin-sam .yui-navset .yui-nav .selected a em { border-color: #808080; }
div.yui-skin-sam .yui-navset .yui-nav a, 
div.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a { background: #d8d8d8 url('/images/Layout/unselected_bg.jpg') repeat-x scroll 0 0; }
div.yui-skin-sam .yui-navset .yui-nav .selected a, 
div.yui-skin-sam .yui-navset .yui-nav .selected a:focus, 
div.yui-skin-sam .yui-navset .yui-nav .selected a:hover,
div.yui-skin-sam .yui-navset .yui-nav .selected a, 
div.yui-skin-sam .yui-navset .yui-nav .selected a em,
#tabBox .yui-nav li a {
	border-top-right-radius: 5px;          /* For the future   */
	border-top-left-radius: 5px;          /* For the future   */
	-moz-border-radius-topright: 5px;     /* Firefox 1.5+     */
	-moz-border-radius-topleft: 5px;     /* Firefox 1.5+     */
	-webkit-border-top-right-radius: 5px; /* Apple WebKit */
	-webkit-border-top-left-radius: 5px;  /* Apple WebKit */
	/**Safari has -webkit-border-radius, but safari's
	   text fields have rounded borders by default.
	   Only solution for IE that comes to mind is use
	   of images.**/
}
div.yui-skin-sam .yui-carousel-button input { margin: 0px; padding: 0px; height: 18px; width: 39px; text-indent: -9999px; line-height: 0px; } /* line-height forces IE6, IE7 to conform */
div.yui-skin-sam .yui-carousel-nav select { position: static; top: 0; font-size: 13px; width: 100px; }
#carousel,
.news_carousel { padding: 10px 5px 0 0; margin-left: 5px; border: 0; border-bottom: 1px dotted #a9a9a9; margin-bottom: 10px; }
/* News carousel section for homepage -- the importants are used to selectively override inherited properties from
 * other carousel declarations without actually removing them from the stylesheet.  I tried to make the scope as narrow as
 * possible so that these overriding styles would not impact styling elsewhere in the site. --Christopher Brett Fuller
 */
/* **Start news carousel styling** */  
.news_carousel { height: 228px !important; padding-top: 5px !important; } /* Compensates for internal padding / margins */ 
.news_carousel .yui-content { width: 202px !important; height: 271px !important; position: absolute; top: 0px; left: 0px; }
.news_carousel .yui-carousel-nav { width: 202px !important; height: 24px !important; position: absolute; bottom: 5px; left: 0px; right: 0px; background-image: none !important; }
.news_carousel .yui-carousel-nav .yui-carousel-first-button { position: absolute; left: 58px !important; }
.news_carousel .yui-carousel-nav .yui-carousel-button { margin: 3px 0px !important; position: absolute; right: 58px; } 
/* **End news carousel styling** */
#carousel .yui-carousel-content { width: 202px !important; }
#tabBox { width: 283px; padding: 10px 0 0 0; font-size: 12px; }
#tabBox .yui-content p,
#tabBox .yui-content ul,
#tabBox .yui-content ol { padding-bottom: 8px; }
#tabBox .yui-nav li { margin: 0; padding: 0; display: inline; float: left; }
#tabBox .yui-nav li.selected { position: relative; top: 1px; }
#tabBox .yui-nav li a { padding: 5px 9px; margin: 0; text-transform: uppercase; border-top: 1px solid #808080; font-weight: bold; } 
#twitter_Widget { width: 210px; height: 220px; margin-bottom: 10px; background-image: url('/images/Layout/twitter_bg.gif'); background-repeat: no-repeat; }
#twitter_Widget h2 { color: #fff; margin: 0; padding: 11px 0 11px 10px; font-size: 14px; }
#main_Content { width: 270px; padding: 0 5px; font-size: 12px; }
.HomePage #grid_Main { padding: 5px 0px 5px 0px; width: 283px; margin-top: 5px; }
#grid_Main { background-color: #fff; }
.HomePage #ft { clear: both; float: none; }
#contact_Form { width: 208px; background-image: url('/images/Layout/contact_t.png'); background-position: left top; background-repeat: no-repeat; margin: 0; padding-top: 53px;
	clear: left; }
.contact_Wrapper { margin: 0; padding: 0; width: 208px; }
.contact_Content { background-image: url('/images/Layout/contact_m.gif'); padding: 10px 0 0 0; width: 208px; }
.contact_Content p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }
.contact_Content a { text-decoration: none; color: #90032d; font-weight: bold; padding: 3px 5px; border: 1px solid #818181; background-color: #fff; }
/*
.contact_Content .special_background { background-image: url('/images/Layout/signup_boxBG.jpg'); background-repeat: no-repeat; height: 224px; width: 186px; padding: 0 10px; margin-left: 1px; }
*/
.contact_Content .special_background { height: 114px; width: 186px; padding: 0 10px; margin-left: 1px; }
.contact_Wrapper .contact_bottom { background-image: url('/images/Layout/contact_b.png'); background-repeat: no-repeat; height: 13px; width: 215px; }
#HomePage #flashsmall { margin-bottom: 10px; }
#HomePage #Thirdcolumn .base { border-bottom: 1px dotted #a9a9a9; margin-bottom: 10px; }

#HomePage .home_link { display: none; }

/*** Header ***/
#hd          { background-color: #a4a6a9; padding: 0; margin: 0; height: 93px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#layout_Logo { float: left; }
#hd #search_corner { float: left; background-color: #CED5DC; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; height: 73px; width: 250px; }
#hd #search_corner h3 { font-weight: bold; font-size: 11px; color: #000; margin: 0 0 5px 0; }
#hd #search_corner form { margin-top: 8px; }
#hd #search_corner span.search_text { font-size: 10px; font-weight: bold; }
#hd #search_corner form .search_btn { background-color: #BA090A; color: #fff; font-weight: bold; border: 1px solid #000; font-size: 12px; }
#layout_SearchField { width: 155px; }
#layout_TopNav { padding: 0; margin: 0; float: left; width: 458px; height: 36px; background-image: url('/images/Layout/global_nav_bg.gif'); background-repeat: repeat-x; position: relative; top: 57px; }
#layout_TopNav li { display: inline; float: left; height: 36px; line-height: 36px; background-image: url('/images/Layout/global_nav_bg.gif'); background-repeat: repeat-x; padding: 0 10px; margin: 0; }
#layout_TopNav li.not_link { padding: 0px; background-image: none; }
#layout_TopNav li.first_link { border-left: 1px solid #fff; }
#layout_TopNav li a { text-decoration: none; color: #000; font-size: 80%; }
#layout_TopNav li a:hover { color: #666; }

/*** Menu ***/
#menu_Left { background-image: url('/images/Layout/nav_bg.jpg'); background-repeat: repeat-y; padding: 20px; }
#menu_Left a { color: #fff; font-weight: bold; text-decoration: none; }
#menu_Left a:hover { color: #c5c5c5; }
#menu_Left li.T1 { border-bottom: 1px solid #74A7CE; padding: 8px 0; list-style: none; color: #fff; list-style-position: outside; margin-left:10px; }
#menu_Left ul.T2 { margin: 9px 0 0 25px; display: none; padding: 0; }
#menu_Left ul.T2Active { display: block; }
#menu_Left li.T2 { border-bottom: none; list-style: disc; list-style-position: outside; line-height:12px; padding-bottom:5px;}
#menu_Left li.T2 a { font-weight: normal; font-size: 80%; margin: 0; padding: 0; }
#menu_Left ul.T3 { margin: 0px 0 0 15px; display: none; padding: 0; }
#menu_Left ul.T3 li {list-style-type:disc;}
#menu_Left ul.T3Active { display: block; }

#blog_Buttons { width: 230px; clear: left; float: left; text-align: center; }
#blog_Buttons h4 { padding: 8px 0 5px 0; }

/*** Right Callouts ***/
#grid_Right p,
#grid_Right ul,
#grid_Right ol,
#grid_Right dl { color: #000; padding-bottom: 10px; font-size: 12px; }
#grid_Right h3 { background-image: url('/images/Layout/global_nav_bg.gif'); background-repeat: repeat-x; padding: 10px; background-color: #C0BFB3; margin: 0 0 10px 0;}
.this_Page { text-align: center; }
.this_Page a { border: none; text-decoration: none; }
.more_Information { width: 220px; background-image: url('/images/Layout/info_t.jpg'); background-repeat: no-repeat; padding: 80px 0 0 0; margin: 0; }
.info_Wrapper { width: 220px; padding: 0; margin: 0; }
.info_Content { padding: 0 10px; background-image: url('/images/Layout/info_m.jpg'); background-repeat: repeat-y; }
.info_Content p { padding: 0 10px; }
#grid_Right .info_Content h3 { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }

/*** Body ***/
#bd { font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
#layout_TopContent { float: right; width: 730px; background-color: #fff; }

/*** Footer ***/
#ft      { padding: 13px 0; height: 31px; text-align: center; font-size: 9px; background-color: #004b8d; border: 1px solid #fff; color: #fff; clear: right; float: right; width: 728px; }
#ft a { color: #fff; text-decoration: none; line-height: 20px; font-weight: bold; }
#ft a:hover { color: #C5C5C5; }

/** Forms **/
.FormError { background-color: red; color: white; }

/*! Apply base styles to editable components
  * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  * Code licensed under the BSD License:
  * http://developer.yahoo.net/yui/license.txt
  * version: 2.6.0
  * Patch: added namespace
  **/
.base h1, h1 { font-size: 138.5%; margin: 13px 0; font-weight: bold; color: #004e90; }
.base h2, h2 { font-size: 123.1%; margin: 13px 0; font-weight: bold; color: #004e90; }
.base h3, h3 { font-size: 108%;   margin: 13px 0; font-weight: bold; color: #004e90; }
.base h4, h4 { font-weight: bold; color: #004e90; }
.base h5, h5 { font-weight: bold; color: #004e90; }
.base h6, h6 { font-weight: bold; color: #004e90; }
.base strong { font-weight: bold; }
.base abbr,
.base acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
.base em  { font-style: italic; }
.base del { text-decoration: line-through; }
.base blockquote { margin: 13px; }
.base ul,
.base ol,
.base dl { margin: 13px 13px 13px 35px; }
.base ol li { list-style: decimal outside; }
.base ul li { list-style: disc outside; }
.base dl dd { margin-left:13px; }
.base th,
.base td {
	border: 0;
	padding: 5px;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base caption {
	margin-bottom: 7px;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 13px;
}
/*.base input[type=text],
.base input[type=password],
.base textarea {
	width: 159px;
}*/


/* Style for eCards */
.eCardForm td, .eCardForm th {
	border: 0;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

.eCardForm th {
	background-color:#B1B2B5;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom:3px;
}

.eCardForm p {
	margin-bottom: 2px;
}


/* Style for homepage rotating carousel */
div.yui-skin-sam .yui-carousel-nav select { display: none; }


/* Twitter rss feed homepage */
.base #twitter_Widget h2 { color: #fff; margin: 8px 0 9px 0; padding-left: 10px; font-size: 14px; }
#feedDiv {
	height: 163px;
	width: 206px;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 12px;
}

#feedList {
	margin: 0px;
	padding: 0px;
}

li.feedItem {
	padding: 5px;
}

a.feedTitle {
	font-weight: bold;
	text-decoration: none;
}

/**Services home Page**/
.bullet li {
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:none;
	padding-left:10px;
}