@charset "UTF-8";
/* CSS Document */

/*GLOBAL BABY
-----------------------*/
body {
	font: 14px Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(images/containerBG.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}

h1 {font-size: 14px; color: #FF3300}
h2 {font-size: 12px; color: #333333;}
h3 {font-size: 24px; color: #FFF; padding: 0; margin: 0;}
h4 {font-size: 14px; color: #FF3300;}

a {color: #FF3300; text-decoration: none;}
a:hover {color: #003399; text-decoration: none;}
a:active {color: #FF9900; text-decoration: none;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

#pageContainer {margin: 0 auto; width: 1060px; background: none;}

#container {margin: 0 auto; width: 1060px; background-image: url(images/wrapperBG.png); background-repeat: no-repeat; background-position: top center; background-color: #FFF;}

#wrapper {margin: 0 auto; width: 960px; background: #FFF;}

/*HEADER BABY
----------------------*/
#header {background-image: url(images/headerBG.jpg); background-position: top; background-repeat: no-repeat; height: 150px; overflow: hidden;}

.logo {float: left; padding-left: 5px; padding-top: 3px;}

.headerRt {float:right;}

.topHeaderRt {text-align: right;}

.bottomHeaderRt {margin-top:82px; padding-right: 10px;}

/*NAVIGATION BABY
--------------------------*/

#navigation {margin-top: 5px; width: 960px; overflow: hidden;}

.nav {display: inline;}

/*NETWORK CONTENT
------------------------------*/

#networkContent {color:#FFF; font-size: 12px; background-image: url(images/networkContentBG.jpg); background-repeat: no-repeat; background-position: top left; background-color: #009bcc; padding: 10px; border-bottom: 2px solid #003366;}

#networkContent a {color: #FFFF00; text-decoration: none;}
#networkContent a:hover {color: #FFF; text-decoration: none;}
#networkContent td {padding: 0 40px;}

/*MAIN CONTENT/BOTTOM CONTENT
----------------------------*/

#bottomContainer {margin: 0 auto; width: 1060px; background-image: url(images/bottomWrapperBG.jpg); background-repeat: repeat-y; background-position: top center; background-color: #FFF;}

#bottomWrapper {margin: 0 auto; width: 960px; background: #FFF;}

#mainContent {background-color: #FFF; padding: 15px;}

.mainLeft {float: left; width: 435px; border: 1px solid #CCC; padding: 3px 10px; margin-bottom: 10px;}

.mainRight {float: right; width: 435px; border:1px solid #CCC; padding: 3px 10px; margin-bottom: 10px;}

.mainFull {border: 1px solid #CCC; padding: 3px 10px; margin-bottom: 10px;}

#footer {border-top: 1px solid #CCC; padding: 10px; text-align: center; font-size: 10px; color: #999999;}

.footerContact {font-size: 12px; color: #009900; font-family: Arial, Helvetica, sans-serif;}



/*PAGE TITLES
------------------------------*/

.pageTitle {background-image: url(images/networkContentBG.jpg); background-repeat: no-repeat; background-position: top left; background-color: #009bcc; padding:10px 10px 10px 10px; border-bottom: 2px solid #003366; text-align: left;}