/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, 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 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li, ul li { list-style:none }
/* * a { position:relative } Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

body { color: #333333; font-family: tahoma, sans-serif, arial; font-size: 12px; line-height: 1.4em; text-align: center;background:#ECEBE6 url(images/body_bg.jpg) top center no-repeat }

/* Control Panel */
table.ControlPanel {background: #ECEBE6; border: 0; border-bottom: 1px solid #87826C;}
table.ControlPanel td {padding: 0px 0 6px 0;}
table.ControlPanel td td.SubHead {padding: 3px 0 2px 0; background: #eaeaea; border-bottom: 1px solid #D4C5A7;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle; border: 0;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel td a {margin: 0 4px 0 4px; text-align: center;}
table.ControlPanel .ControlPanel {border-left: 1px solid #D4C5A7; border-right: 1px solid #D4C5A7; border-top: 0; border-bottom: 0; width: 0px; height: 100px; display: none;}

/* Layout */
.clear { clear: both; border:none; visibility: hidden; }
#headerwrapper { margin:0pt; padding:0pt; width:100%; }
#headercontent { height: 295px; margin:0px auto 0pt; padding:0pt; position:relative; text-align:left; width: 750px }
#logo {	width: 310px;	position: absolute;	top: 0px;	height: 150px;background-image: url(images/logo.gif);z-index: 2;border: 0;right: -15px;}
#login { position: absolute; top: 40px; left: 0px; }
#adminnav { position: absolute; top: 155px; right: 0px; height: 20px; width: 310px }

#search { position: absolute; bottom: -18px; right: 4px; text-align: left; }
#dnn_dnnSEARCH_txtSearch.NormalTextBox { height:18px; background-color: #ECEBE6; width: 120px; color: #537CA6; padding: 4px 0px -4px 4px; border: 1px solid #87826C; cursor:text;}

#breadcrumb { margin: 0px 0 10px 10px; padding: 3px}
#horizontalmenuwrapper { height: 44px; margin: 0pt auto 0pt; background: url(images/menu_bg.gif) top left repeat-x; position: relative; text-align:left}
#horizontalmenu { height: 44px; width: 750px; margin: 0px auto }
#horizontalwrapper { clear: both; margin: 0px auto; padding: 0pt; text-align:left; width:750px; }

#footer { background: #656563 url(images/footer_bg.gif) repeat-x top left; min-height: 110px; clear: both; position: relative; text-align: center; margin-top: 20px; padding: 10px 0 }
#footerwrapper { margin: 0px auto; padding: 0pt; text-align:left; width:750px; height: 100% }

/*#copyright { background-color: #DFDEDB; margin: 5px 0px; padding: 5px; border: solid 1px #87826C; float: left; width: 49%; text-align: left; }*/

/* Panes */
.topleftpane { float: left; width: 25%; text-align:left }
.topcenterpane { float: left; width: 49%; text-align:left }
.toprightpane{ float: left; width: 25%; text-align:left }
.bottomleftpane { float: left; width: 49%; text-align:left }
.bottomrightpane { float: right; width: 49%;  text-align:left}

.leftpane { float: left; width: 30%; text-align:left }
.rightpane { float: right; width: 68.5%; text-align:left }

.ftrleftpane { float: left; width: 30%;  text-align:left}
.ftrrightpane { float: right; width: 68.5%; text-align:left }

.contentpane { clear: both; height: auto !important; height: 100%; position: relative; text-align:left}

/* Typography */
.toplinks, .toplinks a:link, .toplinks a:visited, .toplinks a:active, .login, a.login:link, a.login:visited, a.login:active, .user, a.user:link, a.user:visited, a.user:active { font-weight: bold; font-size: 11px; color: #333333; padding: 3px; text-decoration: none; text-transform: lowercase; }
.toplinks a:hover, a.login:hover, a.user:hover { font-size: 11px; background-color: #333;color: #ECEBE6; padding: 3px; text-decoration: none; text-transform: lowercase; border: none}

.breadcrumbs, a.breadcrumbs:link, a.breadcrumbs:visited, a.breadcrumbs:active { font-size: 12px; font-weight: normal; color: #FF9300; text-decoration: none }
a.breadcrumbs:hover { font-size: 12px; color: #FF9300; border-bottom: dashed 1px #FF9300 }

/*.bottom-links, a.bottom-links:link, a.bottom-links:visited, a.bottom-links:active { font-weight: normal; font-size: 12px; color: #666563; text-decoration: none }
a.bottom-links:hover { font-size: 12px;	color: #666563; text-decoration: none; border-bottom: dashed 1px #666563 }*/

.ptc-links, a.ptc-links:link, a.ptc-links:visited, a.ptc-links:active { font-weight: normal; font-size: 12px; color: #87826C; text-decoration: none }
a.ptc-links:hover { font-size: 12px; color: #FF9300; text-decoration: none; border-bottom: dashed 1px #87826C }

.normal, .Normal { font-family: tahoma, sans-serif, arial; font-size: 12px; padding:0 0 10px 0 }
.NormalBold { font-family: tahoma, sans-serif, arial; font-size: 12px; font-weight: bold }
.NormalRed { color: #C50000; font-weight: bold }
.SubHead { font-family: tahoma, sans-serif, arial; font-size: 12px; font-weight: bold;margin:0; padding: 0; }
.head, .Head {color: #537CA6; font-size: 16px; font-weight: bold;margin:0; padding: 0 0 10px 0;}


a:link, a:visited, a:active, a.Normal:link, a.Normal:visited, .CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active
{	color: #537CA6;font-family: tahoma, sans-serif, arial;font-weight: normal;font-size: 12px;text-decoration: none}
a:hover, a.Normal:hover,a.CommandButton:hover 
{ color: #537CA6; font-family: tahoma, sans-serif, arial; font-size: 12px; text-decoration: underline }
.CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { font-weight: bold}
a.CommandButton:hover { font-weight: bold}


select { width:130px }
.NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma, sans-serif, arial; font-weight: normal; font-size: 12px; }
.links { color: #537CA6 }

/* Menu */
#nav, #nav li, #nav a { font-family: Georgia, 'Trebuchet MS' , 'Times New Roman'; font-size: 13px; font-weight: normal; color: #A9BFD4; text-transform: uppercase; z-index: 999 }
/* Level 0 */
#nav ul { list-style: none; float: left; width: auto; background-color: transparent;  line-height: 44px; }
#nav li { position: relative; float: left; width: 107px; padding:0; list-style: none; text-align:center }
#nav a { display: block; padding: 0px; text-decoration: none; width: 107px; border:0 }
#nav li a:hover { background-image: url(images/menu_over.gif) }
#horizontalmenu > #nav li a:hover { background-image: url(images/menu_over.gif) }
#nav li.SelectedTab a { background-image: url(images/menu_over.gif) }
#horizontalmenu > #nav li.SelectedTab a { background-image: url(images/menu_over.gif) }
/* Level 1 */
#nav ul.Level1 { position: absolute; left: -999em; background-color: #4A5057; margin: 0px; padding: 2px; border: 0px solid #666563; font-size: 11px; z-index: 999; } /* second-level lists */
#nav ul.Level1 li { display:block; float: left; width:200px; list-style: none; text-align:left; padding: 0px; line-height:20px; height: 20px }
#nav ul.Level1 li a { background-image: none; padding-left:5px; font-size: 11px; display: block; text-decoration: none; width: 200px; w\idth: 195px; background-color: #4A5057 }
#horizontalmenu > #nav ul.Level1 li a { background-image: none; padding-left:5px; font-size: 11px; display: block; text-decoration: none; width: 200px; w\idth: 195px; background-color: #4A5057 }
#nav ul.Level1 li a:hover { background-image: none; background-color: #666563; margin: 0px; padding-left: 5px; }
#horizontalmenu > #nav ul.Level1 li a:hover { background-image: none; background-color: #666563 }
#nav ul.Level1 li.SelectedTab a { background-image: none; background-color: #666563 }
#horizontalmenu > #nav ul.Level1 li.SelectedTab a { background-image: none; background-color: #666563 }
#nav li:hover ul, #nav li.iehover ul { top: 42px; left:0; }
/* Level 2 */
#nav ul.Level2 { position: absolute; left: -999em; background-color: #4A5057; margin: -2px 0 0 0; border: 0px solid #666563; font-size: 11px; } /* third-level lists */
#nav ul.Level2 li { position: relative; float: left; width: 200px; padding:0; list-style: none; text-align:left }
#nav ul.Level2 li a { font-size: 11px; line-height: 20px; display: block; padding: 0px 5px; text-decoration: none; width: 190px; height: 20px; background-color: #4A5057 }
#nav ul.Level2 li a:hover { background-image: none; background-color: #666563 }
#horizontalmenu > #nav ul.Level2 li a:hover { background-image: none; background-color: #666563; padding-top: 0px }
#nav ul.Level2 li.SelectedTab a { background-image: none; background-color: #666563 }
#horizontalmenu > #nav ul.Level2 li.SelectedTab a { background-image: none; background-color: #666563 }
#nav li li:hover ul, #nav li li li:hover ul, #nav li li.iehover ul, #nav li li li.iehover ul { top: 0; left:105px }
/*no need to change these hover classes unless you need more than 4 levels */
#nav li.iehover ul ul ul ul, 
#nav li.iehover ul ul ul, 
#nav li.iehover ul ul, 
#nav li:hover ul ul ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul { left: -999em }
#nav .DisabledTab { color: #ccc }

#body { background:#ECEBE6 url(images/body_bg.jpg) top center no-repeat }


blockquote.big {background:transparent url(images/blockquote.gif) no-repeat scroll left top;margin:1em;padding:0pt 0pt 10px 50px}
blockquote.small {background:transparent url(images/smallblockquote.gif) no-repeat scroll left top;margin:1em;padding:0pt 0pt 10px 25px}
blockquote.check {background:transparent url(images/check.gif) no-repeat scroll left top;margin:1em;padding:0pt 0pt 10px 50px}
.divider{height:8px;text-align:center; padding:10px 0pt 20px}

/* Latest Articles Home */
.latestbox{padding:10px}
.latestarticles{position:relative;margin-bottom:5px;border-bottom:1px #666563 solid}
.latesttitle{font-size: 16px;	height: 20px;	padding: 4px 0px;	margin: 0pt;color: #537CA6;text-transform: capitalize;}
.latestcontent{padding:10px;line-height:150%}
.latestcontent p {padding-bottom:10px}
.latestcontent p.title {color: #333333; font-size: 16px; font-weight: bold;margin:0; padding-bottom:10px}
.latestcontent p.head {color: #537CA6; font-size: 14px; font-weight: bold;margin:0; padding-bottom:10px}
.latestcontent ol, .latestcontent ul {padding-left: 50px}
.latestcontent span {color:#333333}

.linkbox {margin:0px 0px 15px 10px;padding:10px;border: 1px #DCDCD0 solid;background-color: #F6F6F3}
.small{font-size:11px;color:#333333}
a.small:link, a.small:visited, a.small:active {font-weight: normal;font-size: 11px;color: #537CA6;text-decoration: none}
a.small:hover {font-size: 11px; color: #537CA6; text-decoration:underline}
.latestlinks {font-weight: normal;font-size: 11px;color: #333333;text-align:right}
a.read:link, a.read:visited, a.read:active {background-color:#666563;padding:2px 3px;font-weight:normal;font-size: 11px;color:#ECEBE6;text-decoration:none}
a.read:hover {background-color:#ECEBE6;padding:2px 3px;font-weight:normal;font-size: 11px;color:#666563;text-decoration:none}
/* Sitemap */
.sitemap {padding:15px 10px}
a.parentlink {font-size:11px; font-weight: bold; color:#537CA6}
a.parentlink:hover {text-decoration: underline;color: #ECEBE6;font-size:11px; font-weight: bold}
a.childlink {padding-left: 10px;font-size:11px;line-height: 150%;font-weight: normal;color:#ECEBE6;background: url(images/sitemaparrow.gif) left center no-repeat}
a.childlink:hover{background-position: 2px 50%;font-size:11px;line-height: 150%;font-weight: normal;color:#537CA6}

.img-left { float: left;margin: 4px 10px 4px 0;}
.img-right {float: right;	margin: 4px 0 4px 10px;}
.float-left{float: left}
.float-right{float:right}

/* feature promos (aka 'currently')
==============================================================================*/

#currently {
	/*position: relative;*/
	float: left;
	width: 500px;
	min-height: 192px;
	margin-bottom: 16px; /* to force following elements down */
	padding: 5px 6px 5px 5px;
	background: #fff;
}

#currently #features {
	height: 200px;
	overflow: hidden;
}

#currently p {
	padding-top: 7px;
	text-align: right;
	font: normal 1.0em/1 'lucida grande',tahoma,sans-serif;
	border-top: 1px solid #eae7d2;
}

#currently p strong {
	display: block;
	float: left;
	font-weight: normal;
	color: #555;
}

#currently span {
	display: block;
	font: normal 1em 'lucida grande',tahoma,sans-serif;
	text-align: center;
	color: #999;
}

#currently a {
	color: #2388ff;
	font-weight: bold;
}