﻿@import url("resets.css");

/* GLOBALS ----------------------------------------- */
body {  background:#c0c0c0 url('../images/pageElements/bgd_horizontal.jpg') 0 0 repeat-x; 
		min-width:1006px;
		color: #555; 
		font: normal normal normal 0.95em/1.2 Tahoma, Geneva, Verdana, Helvetica, sans-serif;  
}

h1, h2, h3, h4, h5 { color: #222; line-height:1; font-weight:bold; margin-top:20px; margin-bottom:2px; }
	
h1 { font-size:1.8em; margin-bottom:14px; margin-top:30px; font-weight:normal; color:#05528b; }
h2 { font-size:1.4em; font-weight:normal; margin-bottom:4px; }
h3 { font-size:1.1em; }
h4 { font-size:1.17em; font-family:Arial, Tahoma, Geneva, Helvetica, sans-serif;}
h5 { font-size:1.1em; color:#05528b; font-family:Arial, Tahoma, Geneva, Helvetica, sans-serif;}

a { text-decoration:none; outline:none; color:#007597; }
a:link {}
a:visited {}
a:hover { color:#4fa783;}
a:active {}
a img {	background:none; border:none;}

hr { border:0; height:1px; size:1px; color:#999; background:#999; margin:12px 0; /*width:100%;*/ }
blockquote {margin-left:30px; margin-right:30px;}


/* LAYOUT ------------------------------------------ */
.masterForm {height: 100%;}

#wrapper {  position:relative !important; min-height: 100%; height: auto !important;
			voice-family: "\"}\""; voice-family: inherit;
			width: 1006px; 
			margin: 0 auto; 
			background: transparent url('../images/pageElements/bgd_vertical.jpg') 50% 0 repeat-y;  
}
    
#footer { position:relative !important; width: 1006px; margin: -40px auto 0; }

#shell { background:transparent url('../images/pageElements/bgd_shell.jpg') 0 0 no-repeat; padding-top:269px; min-height: 300px; }

#contentWrapper { padding:0 17px; font-size:0.83em;}

.content {margin:0 230px 0 30px; }
	.content p, .content ul, .content ol, .content dl, .content blockquote {margin-top:3px; margin-bottom:15px;}
	.content ul, .content ol { margin-left:25px; }
	.content ul li {list-style-type:disc;}
	.content ol li {list-style-type:decimal;}
	.content a { text-decoration:underline; }
	.content a:hover { }

.sideBar { float:right; width:200px; padding-bottom:68px; background:url('../images/pageElements/leftBar_bgd.gif') 0 0 repeat-y; font-family:Arial, Tahoma, Geneva, Helvetica, sans-serif; font-size:0.95em; }
	.sideBar .menuTitle { text-align:center;}
	.sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 { margin-top:11px; padding:0 10px; }
	.sideBar h2 {font-weight:bold;}
	.sideBar p { padding:0 10px;}

/*.leftBar { float:left; width:200px; padding-top:34px; font-family:Arial, Tahoma, Geneva, Helvetica, sans-serif; }*/

.push {  clear:both; height:55px; }

.footerContent { width:773px; padding:6px 0; height:28px; margin-left:17px; 
			font-size:0.75em; color:#bbb; text-align:center; 
			background:transparent url('../images/pageElements/footerBar.gif') 0 0 no-repeat;}
	.footerContent a {color:#8a8a8a;  }
	.footerContent a:hover {color:#000; }


#bannerTitle { position:absolute; top:175px; left:36px; height:42px; width:604px; z-index:100; color:#ccc; font-size:1.5em; letter-spacing:1px; }

#logos { position:absolute; bottom:1px; right:17px; }

.logged { float:right; font-size:0.85em; color:#444; }
	.logged a { text-decoration:none; font-weight:bold; }

.breadCrumbs { font-size:0.92em; color:#444;}
	.breadCrumbs a { text-decoration:none; /*color:#3d7375;*/}
	.breadCrumbs a:hover { color:#aaa; }


/* NAVIGATION ---------------------------------------- */

	/* top nav */
ul#topNav { position:absolute; top:24px; left:416px; width:560px; height:34px; }
	#topNav li { display:inline;}
	#topNav li a { float:left; width:112px; padding:34px 0 0 0; height: 0px; overflow: hidden; overflow:hidden; background-image:url('../images/pageElements/bgd_topNav.jpg');}

	#topNav li#homeBtn a { background-position: 0 0;}
	#topNav li#aboutBtn a { background-position: -112px 0; }
	#topNav li#newsBtn a { background-position: -224px 0;}
	#topNav li#contactBtn a { background-position: -336px 0; }
	#topNav li#supportBtn a { background-position: -448px 0; }

	#topNav li#homeBtn a:hover { background-position: 0 34px; }
	#topNav li#aboutBtn a:hover { background-position: -112px 34px; }
	#topNav li#newsBtn a:hover { background-position: -224px 34px; }
	#topNav li#contactBtn a:hover { background-position: -336px 34px; }
	#topNav li#supportBtn a:hover { background-position: -448px 34px; }
	
	/* mid nav */
ul#mainNav {position:absolute; top:226px; left:53px; color:#4c4c4c; font:bold 0.8em/1 Arial, Tahoma, Geneva, Helvetica, sans-serif;  }
	ul#mainNav li { float:left; margin-right:14px;  }
	ul#mainNav li a { color:#4c4c4c; border-bottom:0px; }
	ul#mainNav li a:hover { color:#2987a2; border-bottom:3px solid #439eb8; }

	/* side nav */
.sideBar ul.menu { width:99%; margin:10px auto; border-top:1px solid #ddd;}
	.sideBar .menu li { width:99%; display:block; border-bottom:1px solid #ddd; }
	.sideBar .menu li a {display:block; font-weight:bold; padding:6px 0 6px 8px;  }
	.sideBar .menu li a:hover { background:transparent url('../images/pageElements/bgd_sidenav_on.jpg') 0 0 repeat-y; border-left:4px solid #b7cdc3; padding-left:4px; }
	.sideBar .menu li.current { }
	.sideBar .menu li.current a, .sideBar .menu li.current a:hover { color:#555; padding-left:5px; cursor:default; border-left:4px solid #888; background:none; }


/* REUSABLE CLASSES ---------------------------------- */
.left 		{float:left; }
.right 		{float:right; }
.center 	{margin:8px auto;}
.clear 		{clear:both;}
.clearLeft	{clear:left;}
.photo 		{padding:3px; border:1px solid #ccc;}
.img-left 	{float:left; margin:3px 12px 10px 0;}
.img-right 	{float:right; margin:3px 0 10px 12px;}
.underline  {border-bottom:1px solid; }
.bold       {font-weight:bold; }
.italic     {font-style:italic; }
.row 		{width:99%; clear:both; overflow:auto; }
.inline		{display:inline;}
.block		{display:block;}
.smaller    {font-size:0.95em;}
.larger     {font-size:1.1em;}
.spaceout li{margin-bottom:10px; }
label.top   {display:block;}
label.left  {float:left; margin-right:5px; padding-top:2px; text-align:right;}
.readonly   {border:none; background:transparent;}
.scrollBox	{overflow-y:scroll; }
.error		{color:red; font-weight:bold;}
.errorBox	{background:#FDE9E8; border:1px solid #ff8282; padding:5px 20px; color:#ff5050; font-weight:bold;}
.successBox	{background:#d5efe0; border:1px solid #36a769; padding:5px 20px; color:#117256; font-weight:bold;}
.nonExistent { display:none; position:absolute; top:-100px; left:-100px; height:0; width:0; visibility:hidden;}
.hidden		{ display:none; }

.grey_lt	{color:#aaa;}
.grey_md	{color:#777;}
.grey_dk	{color:#333;}