/* In this CSS
site, header, navigation, content, footer, forms, global
*/

/*/////// site /////////////////////////////////////////////////////////////*/

* { margin: 0; padding: 0; }
a { outline: expression(blur()); outline: 0; }
object, embed {outline:none;}

html {
	/*site wide inherited attributes*/
	color : #000000; 
	font: 13px/18px Arial, Helvetica, sans-serif; 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}
body { background:#e7d8b7 url(/Images/CommonImages/bg.gif) repeat-y center top; }
.wrapper { margin: 0 auto; width: 900px; }
.wrapper_padding { margin: 0 auto; width: 780px; }


/*/////// header /////////////////////////////////////////////////////////////*/

.header { position:relative; height:139px; }
.header-img { position:absolute; top:26px; left:-12px; z-index:1; }
.header-txt { position:absolute; top:57px; left:138px; z-index:1; }

/*/////// toc /////////////////////////////////////////////////////////////*/

.toc-logo { padding:5px 0 0 21px; }

.toc { padding: 0 10px 10px 30px; }
.toc-padding { padding: 10px 0; margin-bottom: 10px; }
.toc .h1 { padding:5px 0 5px 0; }
.toc a { color: #6a4541; text-decoration: none; }
.toc a:link { color: #6a4541; text-decoration: none; }
.toc a:visited { color: #6a4541; text-decoration: none; }
.toc a:hover { color: #6a4541; text-decoration:underline; }
.toc a:active { color: #6a4541; text-decoration: none; }

.toc-group { padding:5px 0;}
.toc-group a { display:block; font-weight:bold; padding:0 5px 1px 5px; }
.toc-group a.sel { color: #ffffff; text-decoration: none; background-color:#6e8241; }

.toc select { margin-top:5px; }

/*/////// content /////////////////////////////////////////////////////////////*/

.content { background-color: #6e8241; padding:10px; }
.content_padding { background-color:#abc178; padding:30px 15px 30px 30px; }

.main_content { vertical-align: top; width:485px; }
.main_content_padding { }

.home_content { border:10px solid #bed093; background-color:#ffffff; }
.home_content_padding { padding:20px 16px 15px 16px }

.right_content { vertical-align: top; }
.right_content_padding { }

/*/////// footer /////////////////////////////////////////////////////////////*/
.disclaimer { color: #ffffff; padding:5px 30px 15px 40px; background-color:#6e8241; font-size:11px; }
.footer {
	color: #6a4541;  
	line-height: 18px;
}
.footer_padding { padding:10px 30px 20px 40px; }

.footer a { color: #6a4541; text-decoration: underline; }
.footer a:link { color: #6a4541; text-decoration: underline; }
.footer a:visited { color: #6a4541; text-decoration: underline; }
.footer a:hover { color: #6a4541; text-decoration: none; }
.footer a:active { color: #6a4541; text-decoration: underline; }


/*/////// forms /////////////////////////////////////////////////////////////*/

/* generic form fields */

input, textarea, select { border: 1px solid #7f9db9;}
input, textarea, select, option { font-size: 11px; color: #202121; }
input, textarea { }
option { padding-right: 5px; }

.no_border { border: none !important; width: auto !important; }
.no_border input { border: none !important; }
input[type='checkbox'] { border: none !important; }
input[type='radio'] { border: none !important; }

/* form */

form { display: inline }

.form { display:block; margin-top: 10px; border:1px solid #dfdfdf; color:#666666; margin-bottom:8px;}
.form_padding { padding:40px 12px 12px 12px;}

legend.form_title { color:#075b87; font: bold 13px/18px Arial, Helvetica, sans-serif; margin-left:12px; padding: 0 6px; background-color:#fff;}
.form_info { float:right; background: #fff url(/Images/Icons/form_req_ast.gif) 3px 4px no-repeat; padding: 0 6px 0 12px; margin-right:18px; margin-top:-13px;}


.formcell { 
	clear:both;
	border-bottom: 1px solid #dfdfdf;
	padding: 7px 6px;
}
.form label { 
	font-size: 12px; 
	line-height: 17px; 
	display: block; 
	width:45%;
	float:left;
	margin-right:3%;
}
.form input, .form select, .form textarea { 
	color : #000000; 
	font: normal 11px/16px Arial, Helvetica, sans-serif; 
	margin: 0; 
	border: 2px solid #dfdfdf; 
	float:left;
}

.form .form_req label { background: url(/Images/Icons/form_req_ast.gif) right top no-repeat;}
.form .form_err { border-top: 1px solid #df7d7d !Important; border-bottom: 1px solid #df7d7d !Important; background-color:#ffdfdf; }
.form .errmessage { display:none; font: bold 12px/18px "Trebuchet MS", Helvetica, sans-serif; color:#ca4c4c; background-color:#ffbfbf;  margin-bottom:10px; padding: 4px 6px;}
.form .form_err .errmessage { display:block;}
.form_selected { background-color:#fffcdf;}

/*form field px width*/
.input_10 { width:10% !important;}
.input_15 { width:15% !important;}
.input_20 { width:20% !important;}
.input_25 { width:25% !important;}
.input_30 { width:30% !important;}
.input_35 { width:35% !important;}
.input_40 { width:40% !important;}
.input_50 { width:50% !important;}
.input_60 { width:60% !important;}
.input_70 { width:75% !important;}
.input_90 { width:90% !important;}
.input_100 { width:100% !important;}
textarea.input_100 {height:150px !important;}

/*form field percentage width*/
.short { width: 25% !important; }
.medium { width: 50% !important; }
.long { width: 100% !important; }
textarea.medium { height: 65px !important; }
textarea.long { height: 120px !important; }

.form_submit { clear:both; background-color:#e4e4e4;}
.form_submit_padding {padding: 6px 12px; text-align:right;}
.form_submit input { margin-left:15px;}
input.clear_button { 
	/*use to make a button-like element on a button*/
	color: #666666 !important; 
	font: 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	padding: 3px;
	background-color: transparent; 
	border: none; 
	width: auto; 
	cursor: pointer;
	text-decoration:underline;
}
input.clear_button:hover { text-decoration:none;}

/*/////// global /////////////////////////////////////////////////////////////*/

a { color: #37c1f0; text-decoration: none; }
a:link { color: #37c1f0; text-decoration: none; }
a:visited { color: #37c1f0; text-decoration: none; }
a:hover { color: #37c1f0; text-decoration: underline; }
a:active { color: #37c1f0; text-decoration: none; }

p { padding: .3em 0 .5em 0 ; }
p.indent { text-indent: 30px; }
blockquote{ font-style: italic}

h1 {
	font-size: 35.88px;
	font-weight:normal;
	line-height:36px;
	padding: 18px 0 12px 0;
	color: #000000;
}

h2 {}

h3 {}

h4, h5, h6 {}


table { empty-cells: show; }
table tr { vertical-align:top;}

table.basic { 
	/*table class to have padding=0 border=0 spacing=0 width=100% valign=top*/
	border: none; 
	width: 100%; 
	padding: 0; 
	margin: 0; 
	border-spacing: 0px; 
	border-collapse: collapse; 
}
table.basic td { 
	padding: 0; 
	vertical-align: top; 
}

.tablegrid { border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; color: #666666; }
.tablegrid td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

.float_left { 
	float: left; 
	position: relative; 
}
.float_right { 
	float: right; 
	position: relative; 
}
.clear { clear: both; }

.odd { background-color: #CCCCCC; }
.even { background-color: transparent; }

.hr { 
	background-color : #E6E6E6; 
	margin: 10px 0; 
	height: 1px; 
	overflow: hidden; 
}
hr { 
	background-color : #E6E6E6; 
	margin: 10px 0; 
	height: 1px; 
	overflow: hidden; 
}

ol { padding:2px 0 7px 37px;}

ul { padding:2px 0 7px 20px; list-style-image:url(/Images/CommonImages/li-square.gif); }
li { margin-bottom:3px;}

ul ul { padding:0 0 0 15px;}

img { border: 0px; }
.icon { 
	/*aligns img/input/text so they all have verticle centering - all elements need to be the same height*/
	vertical-align: middle; 
}
img.icon { 
	margin: 0 5px 0 5px; 
	display: inline; 
}

.img_mask { 
	position: absolute; 
	z-index: 100; 
}

a.button {
	color:#FFFFFF !important;
	font:normal 18px/24px Arial, Helvetica, sans-serif !important;
	background: #37c1f0 !important; 
	border-top: 2px solid #a0e2f8 !important; 
	border-right: 2px solid #1b89bc !important; 
	border-bottom: 2px solid #1073a7 !important; 
	border-left: 2px solid #67d0f4 !important;
	padding:5px 15px !important;
	margin: 5px 0 10px 0 !important;
	text-decoration: none;
}
a.button:link { color: #666666; text-decoration: none; }
a.button:visited { color: #666666; text-decoration: none; }
a.button:hover { color: #AF7215; text-decoration: none !important; }
a.button:active { color: #666666; text-decoration: none; }


/*/////// tweet-box /////////////////////////////////////////////////////////////*/

.tweet-box { background-color: #ffffff; padding:10px 15px 15px 15px; margin-bottom:31px; }
.tweet-box h2 { font-size:22px; line-height:26px; font-weight:normal; color:#6c6d69; padding-bottom:10px; width:454px; overflow:hidden;  }
.tweeter { height:48px; overflow:hidden; }
.tweeter .icon { float:left; width:48px; height:48px; overflow:hidden; }
.tweeter .info { height:48px; margin-left:58px; background-color:#fbf9f4; padding:5px 0 0 14px; }
.tweeter .info h3 { width:370px; overflow:hidden; font-size:15px; }
.tweeter .info .date { font-size:15px; color:#323232; }

.paging { padding:5px 5px; height:23px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
.paging a { position:relative; display:block; float:left; height:23px; padding:0 7px; line-height:22px; margin-right:10px; }
.paging a { color:#6a4541; text-decoration: none; }
.paging a:link { color: #6a4541; text-decoration: none; }
.paging a:visited { color: #6a4541; text-decoration: none; }
.paging a:hover { color: #ffffff; text-decoration: none; background-color:#6e8241; }
.paging a:active { color: #37c1f0; text-decoration: none; }




@media print { 
	
}