/* 
===================
TOC 
===================
1. YUI Global Reset
2. Body
	2.a - Columns
	2.b - Breadcrumbs
	2.c - Sidebar
	2.d - Main Content
	2.e - Callout boxes
3. Dropdown login
	3.a - Input Fields
4. Header
	4.a - Homepage
	4.b - Interior Additions
5. Footer

*/

/* ===================
1. YUI Global Reset
=================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
*{margin:0;}

/* ====
2. Body
==== */
html, body{height:100%;}
body{font: 0.8125em/1.5em Calibri, Arial Narrow, Tahoma, Verdana, sans-serif;}
p{font-size: 1.1em; line-height:1.35em; color:#666; padding-top:8px;}
h1{font-size: 2.2em; color:#000000; line-height:1em;}
h2{font-size: 2.2em; color:#000000; line-height:1em;}
h3{font: 1.3em Georgia, Times, serif; color:#888; padding-top:8px;}
h4{font-size: 1.3em; color:#666; padding-top:8px;}
h5{font-size: 1.2em; color:#666; padding-top:8px;}
h6{font-size: 0.8em; color:#666; padding-top:8px;}
ul{margin-left:40px; color: #666; padding-top:8px;}
ul li { color: #666;}
ol.normal  { margin-left: 20px; color: #666;}
ol.normal li { color: #666;}
.centeredContent{width:1000px; position:relative; margin:0 auto;}
.link {color:#84bd0e; text-decoration: none; outline:none;}
.link:hover {text-decoration: underline;}
.linkBold {color:#84bd0e; text-decoration: none; font-weight:bold; outline:none;}
.stbutton{color:#84bd0e; text-decoration: none; outline:none;} 
.stbutton:hover {text-decoration: underline;} 
.linkBold:hover {text-decoration: underline; outline:none;}
.imageHover:hover {outline: #666 solid 2px}
.content {min-height:100%; height:auto !important; height:100%; margin:0 auto -57px;}
.contentContainer{width:825px;overflow:hidden;}
.blogEntryTable tr td { padding-right: 5px; }
	/* 2.a Columns  */
	.column{width:253px; margin:0 10px 0 10px; padding:20px 0 35px 0; float:left;}
	.dividerColumn{padding-right:10px; border-right:1px solid #efefef; margin-right:0px;padding-bottom: 10000px; margin-bottom: -9965px;}
	.columnLinks{width:253px; font:1.15em Calibri, Arial Narrow, Tahoma, Verdana, sans-serif; color:#8ecb0f;}
	.columnLinks ul{list-style:none; margin:0; padding:10px 0 0 0; border:none;}
	.columnLinks li {height:26px; border-bottom:1px solid #efefef; margin:0; padding:0;}
	.columnLinks li.first {border-top:1px solid #efefef; border-bottom:1px solid #efefef; margin:0;}
	.columnLinks li a {display:block; padding:5px 0 5px 2px; text-decoration:none; width: 100%; color:#84bd0e; font-weight:bold; outline:none;}
	html>body .columnLinks li a {width: auto;}
	.columnLinks li a:hover {background:transparent url('../images/body/column_link_hover.jpg') repeat-x; color: #fff; outline:none;}
	.columnLinks li a.current {background:transparent url('../images/body/column_link_selected_new.jpg') repeat-x; color: #fff; outline:none;}
	.headlinePosted {font-size: 0.8em; color:#666; padding-top:8px;}
	.nestedPageColumnLinks {font-size: 1.5em;}

	/* 2.b Breadcrumbs  */
	.breadcrumbs{margin-left:10px; font-size:1.08em; color:#aaa; width:100%;}
	.breadcrumbs a{color:#666;}
	
	/* 2.c Sidebar  */
	.sidebar{margin-top:32px; width:253px; float:left;}
	.moreInfo{clear:both; margin-left:10px;}
	.moreInfoForm{padding:10px 0 10px 0;}
	.moreInfo .inputs input{width:210px;}
	.submitBtn {background:transparent url('../images/body/submit.jpg') no-repeat scroll 0 0; border:0 none !important; clear:both; display:block; float:right; font-size:0; height:32px !important; text-indent:-9999px; width:63px; outline:none;}
	.cancelBtn {background:transparent url('../images/body/cancel.jpg') no-repeat scroll 0 0; border:0 none !important; clear:left; display:block; float:right; font-size:0; height:32px !important; text-indent:-9999px; width:63px; outline:none;}
	.inputError {border: solid 1px #ffffff; color:#ffffff; padding:1px;}
	
	/* 2.d Main Content  */
	.mainContent{float:right; margin:15px 10px 0 0; width:526px; padding-bottom:60px;}
	.imageViewer{width:526px; height:290px; background:#0a0a0a; margin:20px 0 20px 0; border: 1px solid #939393; color:#fff;}

	/* 2.e Callout Boxes  */
	.calloutTitle{padding:30px 0 10px 0;}
	.callout{float:left; width:515px;}
	.calloutText{font-size: 1.45em; color:#8ecb0f; color: black; float:left; width:165px; text-align:right; margin-top:25px;}
	.callout .top{background:transparent url('../images/body/callout_top.jpg') no-repeat; width:325px; height:5px;}
	.callout .bottom{background:transparent url('../images/body/callout_bottom.jpg') no-repeat; width:325px; height:5px; margin-top:.8em;}
	.callout ol{float:right; width:325px; background:transparent url('../images/body/callout_middle.jpg') repeat-y; margin:5px; padding:0;}
	.callout ol li{font-size: 1em; line-height:1.1em; color:#ffffff; text-align:left; margin-left: 30px; padding:.8em 10px 0 0;}
	.last{margin-bottom:30px;}
	
	/* 2.f At a Glance Boxes */
	.dialog {width:47%; margin:0px auto; min-width:20em; color:#fff; float:right; margin-right:10px; padding-left:10px;}
	.dialog .hd .c, .dialog .ft .c {font-size:1px; /* ensure minimum height */ height:13px;}
	.dialog .ft .c {height:14px;}
	.dialog .hd {background:transparent url(../images/callout/tl4.gif) no-repeat 0px 0px;}
	.dialog .hd .c {background:transparent url(../images/callout/tr2.gif) no-repeat right 0px;}
	.dialog .bd {background:transparent url(../images/callout/ml2.gif) repeat-y 0px 0px;}
	.dialog .bd .c {background:transparent url(../images/callout/mr2.gif) repeat-y right 0px;}
	.dialog .bd .c .s {margin:0px 8px 0px 4px; background:#fff url(../images/callout/m.jpg) repeat-x 0px 0px; padding:0.6em;}
	.dialog .ft {background:transparent url(../images/callout/bl2.gif) no-repeat 0px 0px;}
	.dialog .ft .c {background:transparent url(../images/callout/br2.gif) no-repeat right 0px;}
	
	/* 2.e Paging Control */
	.seoPager {color: White;}
	.seoPager a, .seoPager a:link, .seoPager a:active {    font-size: 14px;   padding: 1px 4px 1px 4px;     margin: 2px;    text-decoration: none;    border: 1px solid #cccccc;    color: #cccccc;   }
	.seoPager a:hover {	 font-size: 13px;   border: 1px solid #ffffff;   color: #ffffff;   }
	.seoPager span.pages {       font-size: 12px;  padding: 1px 4px 1px 4px;   margin: 2px 2px 2px 2px;  color: #eeeeee;   border: 1px solid #eeeeee;  }
	.seoPager span.current { font-size: 12px; padding: 1px 4px 1px 4px;  margin: 2px; font-weight: bold; border: 1px solid #dddddd;  color: #ffffff; background-color: #6c9713;  }
	.seoPager span.extend { font-size: 12px;  padding: 1px 4px 1px 4px;   margin: 2px;	  }

	/* content-specific */
	.dialog h1 {/* header */font-size:2em; margin:0px; padding:0px; margin-top:-0.6em;}
	.dialog p {margin:0.5em 0px 0px 0px; padding:0px; font:0.95em/1.5em arial,tahoma,"sans serif";}
	
	
/* ====
3. Dropdown login
==== */
#dropdownContainer {width:100%; height:165px; background: #fff url('../images/login/bg.jpg') repeat-x;}
.dropdownText{float:left;padding:25px 0px 40px 88px; width:480px; background:url('../images/login/divider.jpg') no-repeat top right;}
.loginForm{float:right; width:344px; padding:25px 68px 0px 0px;}
.loginBtn {background:transparent url('../images/login/loginBtn.gif') no-repeat scroll 0 0; border:0 none !important; clear:both; display:block; float:left; font-size:0; height:22px !important; margin:10px 0 0 -5px !important; text-indent:-9999px; width:63px;}
	
	/* 3.a Input Fields  */
	.inputs{float:left;}
	.inputs :focus {outline: 0;}
	.inputs label{color:#999999; font: 1.3em Calibri, Arial Narrow, Tahoma, Verdana, sans-serif; margin-top:20px; clear:both;}
	.inputs input{width:175px; color:#666666; font: 1.5em  Tahoma, Verdana, sans-serif; margin-bottom:10px; background:transparent url('../images/login/inputBGMiddle.gif') repeat-x; border:0 none !important; height:27px; float:left;}
	.inputsLeft{float:left; height:27px; width:15px; background:transparent url('../images/login/inputBGLeft.gif') no-repeat;}
	.inputsRight{float:left; height:27px; width:15px; background:transparent url('../images/login/inputBGRight.gif') no-repeat;}
	.inputText {float:right; width:120px; margin-top:15px;}
	.inputText p{line-height:1.1em; color:#999;}


/* ====
4. Header
==== */
	/* 4.a Homepage  */
	.headerTop{clear:both; width:100%; height:28px; background: #8ed300 url('../images/header/bg.jpg') repeat-x; position:relative;}
	.loginTab{float:right; top:0}
	.searchTab{float:right; top:0; margin-right:30px;}
	.search{background:url('../images/header/searchTabNew.jpg'); width:207px; height:26px;}
	.search :focus {outline: 0;}
	.search input{height:19px; padding-top:3px; font-style:italic; color:#999999; width:150px; margin:1px 0 0 0; float:right; background:transparent url('../images/header/searchInputMiddle.gif') repeat-x; border:0 none !important;}
	.searchBtn{float:right; margin:4px 8px 0 0;}
	.searchInputLeft{float:right; height:19px; width:8px; margin:1px 0 0 0; background:transparent url('../images/header/searchInputLeft.gif') no-repeat;}
	.searchInputRight{float:right; height:19px; width:8px; margin:1px 3px 0 0; background:transparent url('../images/header/searchInputRight.gif') no-repeat;}
	.headerFlash{width:100%; height:321px; background:#000 url('../images/header/bgFlash.jpg') repeat-x; position:relative;}
	.flashAreaLarge{background:transparent url('../images/header/flashBG.jpg') no-repeat bottom;}

	/* 4.b Interior Page  */
	.flashInterior{height:255px; background:#fff url('../images/header/bgFlash_interior.jpg') repeat-x;}
	.flashAreaSmall{background:transparent url('../images/header/flashBG_interior.jpg') no-repeat bottom;}
	
	/* 4.c Modal Popup  */
	.modalHeader{height:45px; background:#fff url('../images/header/bgFlash_modal.jpg') repeat-x;}
	.modalAreaSmall{height:75px; background:transparent url('../images/header/flashBG_interior.jpg') no-repeat bottom;}


/* ====
5. Footer
==== */
.footerPad{height:57px;}
.footerContainer{width:100%; height:42px; background:#fff url('../images/footer/bg.jpg') repeat-x bottom; clear:both; bottom:0;}
.footerContainer p{font-size: .825em; color:#999; padding-top:15px; bottom:0;}
.footerContainer .centeredContent{width:825px; margin:0 auto 10px auto; bottom:0;}
.footerContainer .centeredModalContent{width:100%; margin:0 auto 10px auto; bottom:0;}
.footerLeft{float:left;}
.footerRight{float:right;}
.footerRight .link{color:#999;}