/*
Welcome to the COSD Stylesheet!
"Zoinks, it's the creepy coin collector again!" - Shaggy
Authored by the Tombras Group, www.tombras.com 

ROUGH TOC:
- Essential
- Sandbox
- Structural Items by order in document
	- Homepage Styles
	- Subpage Styles
- Forms
- Tables
*/

/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

table tr{
	font-size: 11px;
}

table tr h2{
font-size: 24px;
font-weight: bod;
line-height:28px;
margin: 12px;
}

h1#ie-warning{
color: white;
font-size: 24px;
font-weight: bold;
display: block;
background: red;
padding: 40px;
line-height: 28px;
}

html { 
height: 100%;
margin-bottom: 1px; 
}

body * {margin: 0;padding: 0;}

body {
margin: 0;
padding: 0 0 0 0;
font: 14px/22px Tahoma, Geneva, sans-serif;
color: #000;
}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 14px; font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #0061AA;text-decoration: none; outline: none;}
a:visited {color: #5c4ec6;}
a:hover {
color: #000; 
border-bottom: 1px solid;
background: #FFC;
text-decoration: none;
}

a.external{
background: url(http://www.cosdonline.org/site/images/external.gif) no-repeat right center;
padding-right: 12px;
}

a.print-me{
background: url(http://www.cosdonline.org/site/images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url(http://www.cosdonline.org/site/images/pdf-icon.gif) no-repeat right center;
padding-right: 20px;
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

.flt-right{
float: right;
}

.flt-left{
float: left;
}

/*
----------------------------------------------------------------------------- 
SANDBOX
-----------------------------------------------------------------------------*/

/*
----------------------------------------------------------------------------- 
Wrapper
-----------------------------------------------------------------------------*/

div#wrapper{
width: 960px;
margin: 0 auto;
position: relative;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
position: relative;
width: 960px;
height: 150px;
}

ul#primary-nav{
position: absolute;
left: 250px;
top: 20px;
height: 50px;
width: 600px;
}

ul#primary-nav li{
float: left;
display: block;
margin-right: 6px;
padding-bottom: 8px;
}

ul#primary-nav li.active{
background: url(http://www.cosdonline.org/site/images/active-arrow.gif) no-repeat center bottom;
}

ul#primary-nav li#prim-1{padding: 0;}

ul#primary-nav li#prim-1 a{
position: absolute;
width: 207px;
height: 90px;
background: url(http://www.cosdonline.org/site/images/prim-li-01.gif) no-repeat left top;
left: -240px;
top: -5px;
float: none;
}

div#header  ul#primary-nav li#prim-1 a:hover{
background-position: 0 0;
border-bottom: 1px solid;
}

ul#primary-nav li a{
float:left;
display: block;
height: 27px;
background: red;
text-indent: -2000000px;
}

ul#primary-nav li#prim-2 a{
width: 60px;
background: url(http://www.cosdonline.org/site/images/prim-li-02.png) no-repeat 0 0;
}

ul#primary-nav li#prim-3 a{
width: 107px;
background: url(http://www.cosdonline.org/site/images/prim-li-03.png) no-repeat 0 0;
}

ul#primary-nav li#prim-4 a{
width: 71px;
background: url(http://www.cosdonline.org/site/images/prim-li-04.png) no-repeat 0 0;
}

ul#primary-nav li#prim-5 a{
width: 83px;
background: url(http://www.cosdonline.org/site/images/prim-li-05b.png) no-repeat 0 0;
}

ul#primary-nav li#prim-6 a{
width: 83px;
background: url(http://www.cosdonline.org/site/images/prim-li-06.png) no-repeat 0 0;
}

div#header ul#primary-nav li a:hover{
background-position: 0 -28px;
border: none;
}

/* Subpage Header Tweak */
body#subpage div#header{
height: 155px;
}

/*
----------------------------------------------------------------------------- 
ALPHA MESSAGE
-----------------------------------------------------------------------------*/

div#alpha-message{
position: absolute;
right: 104px;
top: 145px;
width: 270px;
color: #FFF;
}

div#alpha-message p{
font-size: 24px;
font-weight: bold;
line-height: 30px;
}

div#alpha-message h1{
line-height: 0;
display: block;
text-indent: -2000000px;
}

/*
----------------------------------------------------------------------------- 
Content
-----------------------------------------------------------------------------*/

div#content{
}


/* Main Content
---------------------------------------------------- */

/* Home Main Content Items */

body#index div#main-content{
width: 220px;
margin: 0 20px 20px 10px;
float:left;
}

body#index div#main-content h2{
color: #0061aa;
font-weight: bold;
font-size: 14px;
line-height: 15px;
}

/* Subpage Main Content Items */

body#subpage div#main-content{
width: 699px;
margin: 0 10px 0 0;
float:right;
}

body#subpage div#main-content h1{
margin: 0 0 15px 0;
font-size: 24px;
font-weight: bold;
color: #D3003D;
}


div#main-content img{
	 margin:15px;
	}

/* Secondary Content
---------------------------------------------------- */

/* Home Secondary Content Items */

body#index div#secondary-content{
width: 220px;
float:left;
}

body#index div#secondary-content h2{
background: url(http://www.cosdonline.org/site/images/career-gateway-logo.gif) no-repeat left top;
width: 140px;
height: 44px;
display: block;
text-indent: -20000px;
}

body#index div#secondary-content ul li{
background: url(http://www.cosdonline.org/site/images/nav-li-bg.gif) no-repeat right center;
width: 115px;
text-align: right;
padding-right: 17px;
line-height: 16px;
}

body#index div#secondary-content ul li a{
font-size: 11px;
}

a#gateway{
display: block;
width: 117px;
height: 22px;
background: url(http://www.cosdonline.org/site/images/gateway-bg.gif) no-repeat left top;
text-indent: -20000px;
margin: 0 0 5px 25px;
}

a#gateway:hover{
background-position: 0 -22px;
border: none;
}

/* Subpage Secondary Content Items */

body#subpage div#secondary-content{
width: 207px;
float:left;
margin: 0 0 0 10px;
}

/* pushes down via the li item so line height of a can multi-line link visually grouped */
body#subpage div#secondary-content ul li{
background: url(http://www.cosdonline.org/site/images/nav-li-bg.gif) no-repeat 0 5px;
padding-left: 16px;
text-transform: uppercase;
margin-bottom: 3px;
}

/* creates visual grouping on multi-line links */
body#subpage div#secondary-content li a{
display: block;
padding: 3px 0 4px 5px;
line-height: 14px;
}

/* compensates for added padding when hovered minus 1px for border */
body#subpage div#secondary-content li a:hover{
padding-bottom: 3px;
}

body#subpage div#secondary-content li.active a{
background: #0061AA;
color: #FFF;
font-weight: bold;
}

/* have ta add a pixel and subtract border on hover */
body#subpage div#secondary-content li.active a:hover{
border: none;
padding-bottom: 4px;
}

/* Breadcrumb */

ul#breadcrumb{
position: absolute;
top: 91px;
left: 251px;
text-transform: uppercase;
letter-spacing: 1px;
}

ul#breadcrumb li,
ul#breadcrumb a{
float:left;
margin-right: 3px;
font-size: 11px;
}

ul#breadcrumb li.active a{
font-weight: bold;
}

/*
----------------------------------------------------------------------------- 
Items Specific to Homepage
-----------------------------------------------------------------------------*/

/* Homepage Background Graphic */

body#index{
/* background: #FFF url(http://www.cosdonline.org/site/images/bg-head1.gif) no-repeat center top; */
background-position: no-repeat center top;
}

/* Adverts Module */

div#adverts{
clear: both;
margin-left: 10px;
}

div#adverts div.advert-module{
width: 236px;
float:left;
margin: 0 15px 20px 0;
}

/* Sponors Module */

div#sponsors{
clear: both;
height:100px;
}

div#sponsorscontent {
	margin-left:10px;
	height: 50px;
}

img#sponsorscontent {
	padding-right:10px;
}


div#sponsors h2{
color: #0061aa;
font-weight: bold;
font-size: 12px;
margin: 0 0 5px 10px;
}

div#sponsors ul li{
display: inline;
}

/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
text-align: center;
background: url(http://www.cosdonline.org/site/images/footer-bg.png);
padding: 10px 0;
clear: both;
}

div#footer ul{
margin: 0;
line-height: 14px;
}

div#footer ul li{
display: inline;
font-size: 12px;
margin: 0 10px;
line-height: 14px;
}

div#footer p{
font-size: 10px;
color: #124D99;
margin: 0;
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

form fieldset{
border: 1px solid #DDD;
width: 95%;
margin: 0 0 30px 0px;
padding: 15px 30px 40px 50px;
background: #FFF;
}

form legend{
padding: 0 10px;
text-transform: uppercase;
font-size: 10px;
}

form p{
margin-bottom: 10px;
clear: both;
}

form label{
display: block;
font-size: 14px;
text-transform: uppercase;
color: #696055;
letter-spacing: -1px;
}

form textarea{
height: 300px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;

}

form p input,
form textarea{
width: 90%;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
font-size: 18px;
}

form p.short input{
width: 155px;
}

form p.checkbox input{
width: auto;
}

form p.submit input{
width: auto;
background: #333;
color: #FFF;
padding: 3px 9px;
display: block;
margin: 0 auto;
}

form address{
font-style: normal;
font-size: 14px;
}

div.success{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div.failure{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div#content div.success h1{
font-size: 24px;
}

div#content div.failure h1{
color: red;
font-size: 24px;
}

form em{
color: #8F3023;
}

form select option{
margin-right: 5px;
}
span.headline {
	font-weight:bold;
	color:#006699;
	font-size:18px;
}

span.copy {
	color:#006699;
}

/*
----------------------------------------------------------------------------- 
Table Styles
-----------------------------------------------------------------------------*/

.label{
	color: #006699;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	padding: 2px 5px 2px 5px; 
}

.req{
	color: #FF0000;
}

div.error {
	color:#FFFFFF;
	background-color:#FF0000;
	font-size:14px;
	margin-left: 2px;
	width:518px;
	text-align:center;
	display:none;
}

/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/