/* CSS Document */
/* Basic Formatting
====================================================================*/

/* Zero down margin and paddin on all elements */
* {
margin: 0;
padding: 0;
}

html {
background-color: #ccc;
}

body {
font: 66%/1.6 Arial, Helvetica, sans-serif;
text-align: center;
min-width: 760px;
}

h1 {
font-size: 2.0em;
font-weight: bold;
line-height: 0.6em;
}

h2 {
font-size: 1.5em;
font-weight: bold;
}

p {
font-size: 1.4em;
}

li {
font-size: 12px;
}

h1, h2, p {
margin: 1em 0;
line-height:1.5em;
}

/* Header
====================================================================*/
#branding {
margin: 0 auto;
padding: 0;
height: 125px;
width: 100%;
background: url(cog_img/Finalheader.jpg) no-repeat;
}

#branding h1 {
margin: 0;
font-size: 1.4em;
line-height: 1.2em;
text-align: center;
font-style: italic;
position: relative;
top: 70px;
line-height: 1.3em;
}

#branding table {
position: relative;
top: 85px;
color: #fff;
font-size: 12px;
padding-top: 10px;
}

#branding table a {
color: #fff;
font-size: 12px;
padding: 15px;
}

/* Layout Begins
====================================================================*/
#wrapper0 {
width: 775px;
margin: 0 auto; 
background: url(cog_img/FinalbgCol.jpg) repeat-y left top;
}

#wrapper1 {
width: 775px;
margin: 0 auto; 
text-align: left;
background: url(cog_img/FinalBG.jpg) no-repeat 0 125px;
}

#wrapper2 {
margin: 0;
padding: 0;
width: 82%;
float: right;
}

/* Top Menu
====================================================================*/
#topMenu, #topMenu ul {
float: left;
width: 100%;
list-style: none;
line-height: 1;
font-weight: bold;
padding: 0;
border: solid #fbde92;
border-width: 0 0;
margin: 0em 0 1em 0;
}

#topMenu a {
display: block;
width: 10em;
w\idth: 6em;
color: #000;
text-decoration: none;
padding: 0.25em 2em;
text-align: center
}

#topMenu a:hover {
color: #fff;
}

#topMenu li {
float: left;
padding: 0;
width: 10em;
}

#topMenu li ul {
position: absolute;
left: -999em;
height: auto;
width: 11.5em;
w\idth: 11em;
font-weight: normal;
border-width: 0.25em;
border-color: #000;
margin: 0;
background: #fff;
}

#topMenu li li {
padding-right: 1em;
width: 10em;
border-bottom: 1px solid #000;
}

#topMenu li ul a {
width: 10em;
w\idth: 7em;
}

#topMenu li ul ul {
margin: -1.75em 0 0 11em;
}

#topMenu li:hover ul ul, #topMenu li:hover ul ul ul, #topMenu li.sfhover ul ul, #topMenu li.sfhover ul ul ul {
left: -999em;
}

#topMenu li:hover ul, #topMenu li li:hover ul, #topMenu li li li:hover ul, #topMenu li.sfhover ul, #topMenu li li.sfhover ul, #topMenu li li li.sfhover ul {
left: auto;
}

#topMenu li:hover, #topMenu li.sfhover {
background: #1a578d;
}

/*============================ Side Menu ================================*/
.sideMenuTitle p {
margin: 1em 0;
padding: 0.5em 0 0.5em 0.3em;
width: 131px;
font-size: 8.5pt;
line-height: 1.2em;
font-weight: bold;
color: #000;
background-color: #ffff32;
}

#sideMenu, #sideMenu ul { /* all lists */
padding: 0;
margin: 60px 0 0 0;
list-style: none;
float : left;
width : 133px;
}
	
#sideMenu li { /* all list items */
position: relative;
float: left;
line-height : 1.25em;
margin-bottom : -1px;
width: 133px;
}
	
#sideMenu li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 133.05px;
margin-top : -2.25em;
}
	
#sideMenu li ul a { /* second-level lists */
width: 15em;
font-size: 12px;
font-weight: 300;
}	
	
#sideMenu li ul ul { /* third-and-above-level lists */
left: -999em;
margin-left: 192.05px;
}
	
#sideMenu li a {
width: 11em;
w\idth: 10em;
display: block;
color: #fff;
f\ont-weight: bold;
text-decoration: none;
background-color: #1a578d;
padding: 0.5em;
}
	
#sideMenu li a:hover {
color: #ffff32;
background-color: #1a578d;
text-decoration: underline;
}
	
#sideMenu li:hover ul ul, #sideMenu li:hover ul ul ul, #sideMenu li.sfhover ul ul, #sideMenu li.sfhover ul ul ul {
left: -999em;
}
	
#sideMenu li:hover ul, #sideMenu li li:hover ul, #sideMenu li li li:hover ul, #sideMenu li.sfhover ul, #sideMenu li li.sfhover ul, #sideMenu li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}		
/* Picture, News & Action Buttons 
================================================================== */
#space1 {
display: inline;
margin: 20px 0 0 25px;
padding: 0 0.5em;
width: 63%;
float: left;
}

#space1 a {
display: block;
height: 30px;
padding: 5px 0 0 0;
font-size: 1em;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
background: url(cog_img/buttonBG2.jpg) no-repeat top center;
text-align: center;
}

#space1 a:hover {
color: #ffff32;
text-decoration: underline;
}

#space1 p {
margin: 0;
padding: 0 0 0 15px;
line-height: 1.25em;
font-size: 8pt;
text-align: left;
}

#space1 td {
width: 30%;
}

#space2 {
width: 33%;
margin: 2% 0 0 0;
float: right;
}

/* rounded corner box
================================== */
.box {
width: 155px;
margin-top: 20px;
background: url(cog_img/rcMid2.jpg) repeat-y;
float: right;
text-align: center;
}

.box h2 {
margin: 0;
background: url(cog_img/rcTop2.jpg) no-repeat left top;
padding-top: 25px;
line-height: 0.5em;
font-size: 0.5em;
}

.box .last {
background: url(cog_img/rcBottom2.jpg) no-repeat left bottom;
padding-bottom: 20px;
}

.box h2, .box li {
padding-left: 20px;
padding-right: 25px;
}

.box ul {
list-style: none;
margin: 0;
padding: 0;
}

.box li {
line-height: 1.25em;
font-size: 11px;
}

.box li a {
text-decoration: none;
color: #1a578d;
}

.box li a:hover {
color: #000;
background-color: #ffff32;
}

/* Main Content Common Page
====================================================================*/
#mainContenti { 
width: 67%; 
margin: 0;
padding-left: 2%; 
float: left; 
}

#mainContent { 
width: 95%; 
margin: 0;
padding-left: 2%; 
float: left; 
}

#spacer {
width: 1px;
height: 600px;
float: left;
}

#mainContenti p {
font-size: 1.2em;
}

#mainContenti h1 {
font-size: 14px;
font-weight:bold;
}

#mainContenti h2 {
font-size: 1.5em;
font-weight:bold;
}

#mainContenti ol {
padding: 0;
margin: 0 0 0 50px;
}

#mainContenti ul {
padding: 0;
margin: 0 0 0 50px;
}

#mainContenti li {
font-size: 12px;
}

#mainContenti td {
font-size: 12px;
}

#mainContenti a {
color: #0000FF;
}

#mainContenti a:visited {
color: #0000FF;
}

#mainContent p {
font-size: 1.2em;
}
#mainContent h1 {
font-size: 1.5em;
font-weight:bold;
}

#mainContent ol {
padding: 0;
margin: 0 0 0 50px;
}

#mainContent ul {
padding: 0;
margin: 0 0 0 50px;
}

#mainContent li {
font-size: 1.2em;
}

#mainContent a {
color: #0000FF;
}

#mainContent a:visited {
color: #0000FF;
}

/* Secondary Content
====================================================================*/
#secondaryContent { 
width: 28%;
margin: 2.5em 0.01em 0 0;
height: 225px;
overflow: auto;
min-width: 10em;
display: inline; /* :KLUDGE: Fixes IE double margin float bug */
float: right;
border: 2px solid #1a578d;
background-color: #fff;
}

#secondaryContent * { 
padding-left: 10px;
padding-right: 10px;
}

#secondaryContent * * { 
padding-left: 0;
padding-right: 0;
} 

#secondaryContent h2{
font-size: 12px;
margin: 0;
font-weight: bold;
color: #fff;
background-color: #1a578d;
text-align: center;
}

#secondaryContent p {
font-size: 12px;
font-weight:100;
}

#secondaryContent strong {
font-size: 0.9em;
font-weight:bold;
}

#secondaryContent a {
font-size: 0.9em;
color: #1a578d;
}

#contactinfo {
width: 550px;
float: left;
margin: 0 0 30px 150px;
display: inline;
}

#contactinfo p {
font-size:12px;
}

#contactinfo table {
text-align: center;
}

#contactinfo td {
width: 30%;
font-weight: bold;
}


/* Footer
====================================================================*/
#footer {
margin: 0;
padding: 0;
height: 322px;
width: 775px;
text-align: center;
background: url(cog_img/FinalendCol.jpg) no-repeat;
clear: both;
}

#footer table {
margin-top: 30px;
}

#footer p {
font-size: 12px;
font-weight: bold;
}

#footer a {
color: #fff;
text-decoration: none;
font-size: 11px;
}

#footer a:visited {
color: #fff;
font-size: 11px;
}

/* Other Helpful Links
====================================================================*/
#helpfullinks {
margin: 0;
padding: 0;
width: 775px;
font-size: 8px;
color: #000;
text-align: center;
background-color: #ccc;
}

#helpfullinks p {
font-size: 8px;
color: #000;
background-color: #ccc;
}

#helpfullinks tr, #helpfullinks td {
padding: 0;
text-align: center;
}

#helpfullinks h1 a {
color: #000;
font-size:9px;
line-height:1.0em;
}