﻿/* CSS Document */

body { margin:0px; padding:0px; background:url(../images/pagebg.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#bghighlight { background:url(../images/pagebg_highlight.jpg); width:1000px; height:280px; position:absolute; z-index:0; left:50%; margin-left:-570px; }

#container { position:absolute; z-index:1; width:910px; left:50%; margin-left:-460px;  padding-bottom:50px; } /* bbackground:#FFFFFF; removed */
.clear { clear:both; }

.txtbox  { width:180px; background:url(../images/txtboxbg.gif) repeat-x; border:1px solid #999999; padding:7px 9px; margin-bottom:10px; }
.btngrey { background:url(../images/btnbg.gif) repeat-x; border:0px; padding:8px 10px; text-transform:uppercase; color:#FFFFFF; font-size:12px; }
.search { float:left; margin:0 5px; }

/*** HEADER ***/

#header { background:url(../images/headerbg.gif); width:920px; height:200px; }
#header #logo { float:left; padding:10px 0 0 80px; }
#header #logo a { display:block; width:120px; height:160px; }
#header #logo a span { display:none; }

#header #nav { float:right; margin:53px 30px 0 0; }
#header #nav ul { list-style:none; margin:0px; padding:0px; }
#header #nav li { float:left; text-align:center; line-height:30px; padding:0 4px; text-transform:uppercase; font-size:12px; }
#header #nav li a { display:block; width:128px; height:30px; padding-top:7px; background:url(../images/headernav_grey.gif); color:#FFFFFF; text-decoration:none; }
#header #nav li a:hover { color:#000000; }
#header #nav li a.selected { background:url(../images/headernav_orange.gif); }

#header #searchbox { float:right; clear:right; margin:72px 35px 0 0; }

/*** CONTENT ***/

#content { width:850px; background:url(../images/contentbg.gif); margin:0px; padding:0px 35px; color:#666666; padding-bottom:40px; }
#content h1 { font-size:26px; font-weight:normal; color:#594337; margin:0 0 10px 0; }
#content h2 { font-size:22px; font-weight:normal; color:#d6441b; margin:0 0 10px 0; }
#content h3 { font-size:18px; font-weight:normal; color:#d6441b; margin:0 0 10px 0; }
#content h4 { font-size:14px; color:#6187b5; margin:0 0 10px 0; }
#content h5 { font-size:12px; }
#content a h1,
#content a h3 { color:#d6441b; text-decoration:none; }
#content a h2 { color:#594337; text-decoration:none; }
#content a h4 { color:#6187b5; text-decoration:none; }
#content a h5 { color:#666666; text-decoration:none; }
#content a:hover h1, #content a:hover h2, #content a:hover h3, #content a:hover h4, #content a:hover h5 { text-decoration:underline; }
#content h2 span { color:#000000; font-size:10px; }
#content h1 a.back { float:right; display:inline; font-size:18px; margin:10px 0; }
#content p,
#content ul,
#content ol { font-size:11px; line-height:18px; }

#sidepod { float:left; width:200px; }
#sidepod a { color:#6187b5; text-decoration:none; }
#sidepod a:hover { text-decoration:underline; }
#sidepod ul { list-style:none; margin:0 0 12px 0; padding:0px; }
#sidepod li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:32px; margin-bottom:10px; }
#sidepod li a { display:block; width:190px; height:32px; background:url(../images/mainmenubg.gif); color:#4b3429; text-decoration:none; padding-left:10px; }
#sidepod li a:hover { color:#d6441b; }
#sidepod label { font-size:14px; line-height:20px; color:#4b3429; }

#mainpod { float:left; display:inline; width:610px; margin-left:30px; background:url(../images/listborder.jpg) no-repeat; background-position:5px 40px; }
#mainpod a { color:#d6441b; text-decoration:none; }
#mainpod a:hover { text-decoration:underline; }

#mainpod .searchResult { padding:10px 0; }

#mainpod .pageBody { padding:10px 0; }
#mainpod .pageBody p { margin:0 0 15px 0; }
#mainpod .cmImage { text-align:center; font-size:10px; font-style:italic; }
#mainpod .cmImage img { padding:5px; background:#dbdbdb; margin:0 0 5px 0; border:0px; }
#mainpod .cmImage a:hover img { background:#f9bdad; }

#mainpod .article .articletxt.noimage { width:610px; }
#mainpod .articlelist p.noimage { width:610px; }

#mainpod .articlelist { background:url(../images/listborder.jpg) no-repeat center bottom; padding:10px 0; }
#mainpod .articlelist img { float:left; width:170px; height:120px; padding:5px; background:#dbdbdb; margin:0 20px 10px 0; border:0px; }
#mainpod .articlelist a:hover img { background:#f9bdad; }
#mainpod .articlelist p { float:left; display:block; width:410px; margin:0 0 15px 0; }

#mainpod .article { background:url(../images/listborder.jpg) no-repeat center bottom; padding:10px 0; }
#mainpod .article .articletxt { float:left; width:410px; margin:0 0 10px 0; }
#mainpod .article .articletxt p { margin:0 0 15px 0; }
#mainpod .article .articleimg { float:left; width:200px; }
#mainpod .article .articleimg img { padding:5px; background:#dbdbdb; margin:0 20px 10px 0; border:0px; }
#mainpod .article .articleimg a:hover img { background:#f9bdad; }

#social_bookmarks { padding:0 90px; }
#social_bookmarks span { display:block; float:left; color:#999999; font-size:12px; padding:12px 10px 0 0; }
#social_bookmarks a { float:left; display:block; width:32px; height:32px; margin:5px; }
#social_bookmarks a:hover { background-position:bottom; }
#social_bookmarks a span { display:none; }
#social_bookmarks .Stumbleupon { background:url(../images/social/stumbleupon.png); }
#social_bookmarks .Delicious { background:url(../images/social/delicious.png); }
#social_bookmarks .Digg { background:url(../images/social/digg.png); }
#social_bookmarks .Reddit { background:url(../images/social/reddit.png); }
#social_bookmarks .Facebook { background:url(../images/social/facebook.png); }
#social_bookmarks .Furl { background:url(../images/social/furl.png); }
#social_bookmarks .Technorati { background:url(../images/social/technorati.png); }
#social_bookmarks .Twitter { background:url(../images/social/twitter.png); }

/*** FOOTER ***/

#footer { width:920px; height:50px; background:url(../images/footerbg.gif); line-height:40px; font-size:11px; color:#FFFFFF; text-align:center; }





/*** FORM ***/
ul.form				                {margin:0 20px; padding:10px 50px; list-style:none; border:1px solid #cdcdcd; background:#fdfdfd;}
ul.form li						    {clear:left;margin:0;padding:5px;}
ul.form li label				    {float:left; width:120px; color:#333333; font-size:11px;}
ul.form li textarea				    {width:300px; height:100px;}
ul.form li textarea.textile	        {height:400px;}
ul.form li input				    {width:300px;}
ul.form li .imageButton,
ul.form li .button				    {width:auto;}
ul.form li .checkbox			    {width:auto;margin:3px 0;padding:0;}
ul.form li span.checkboxList		{float:left;}
ul.form li span.checkboxList input	{width:auto;margin:3px 0;}
ul.form li span.checkboxList label	{float:none;padding:5px;}

/* Form validation styling */
.valSummary ul			        {list-style-type:circle;padding-bottom:15px;}
.field-validation-error,
ul.validation-summary-errors    {color:Red;font-weight:bold;list-style-type:circle;padding-bottom:15px;}
input.input-validation-error    {border:1px solid red;}

/*** FEEDBACK MESSAGES ***/
.flash_info,
.flash_success,
.flash_warning,
.flash_error,
.flash_validation,
.validation-summary-errors   { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background: no-repeat 10px center;}
.flash_info         { color: #00529B; background-color: #BDE5F8; background-image: url('../images/info.png');}
.flash_success      { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/success.png');}
.flash_warning      { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning.png');}
.flash_error,
.validation-summary-errors   { color: #D8000C; background-color: #FFBABA; background-image: url('../images/error.png');}
.validation-summary-errors   { padding: 5px 5px 5px 70px; }


/* Pager */
.pager					{ margin:8px 3px; padding:3px; }
.pager .disabled		{ border:1px solid #ddd; color:#999; margin-top:4px; padding:3px; text-align:center; }
.pager .current			{ background-color:#06c; border:1px solid #009;	color:#fff;	font-weight:bold; margin-top:4px; padding:3px 5px; text-align:center; }
.pager span, .pager a	{ margin: 4px 3px; }
.pager a				{ border:1px solid #c0c0c0; padding:3px 5px; text-align:center; text-decoration:none; }

