/*

Company:	CAO

File:		main.css - This contains all the main styles for the website.



All the styles are separted into the following groups:

Global Browser Reset - this is handled by the reset-fonts.css file from YUI

HTML, Body - for the html and body tags

Layout - styles that define the layout of the site

Modules - styles for content modules

Common Text Styles - Styles for text

Default Headings - headings like h1, h2, etc

Default Lists - unordered and ordered lists

Nav - navigation bar

Forms - html forms

Default Links - links

Misc - anything that doesn't fit elsewhere

*/



/* @group HTML, Body */

html {

	background: url(../images/page-bkg.gif) repeat-x 0 0 #005eae;

}

body {

	font-family: Helvetica, Arial, sans-serif;

}

/* @end */



/* @group Layout */

/* Head */

div#hd {

	width: 975px;

	margin-left: auto;

	margin-right: auto;

}



/* Body */

div#bd {

	width: 975px;

	margin-left: auto;

	margin-right: auto;

	background: url(../images/content-bkg.gif) repeat-y 0 0;

}


/* Body */

div#bd_didyounola {

	width: 975px;

	margin-left: auto;

	margin-right: auto;

	background: url(../images/content-bkg_didyounola.gif) repeat-y 0 0;

}



/* Footer */

div#ft {

	width: 975px;

	margin-left: auto;

	margin-right: auto;

	background: url(../images/ft-bkg.png) no-repeat 0 0;

	height: 45px;

	overflow: hidden;

	text-indent: -9000px;

}

/* @end */



/* @group Modules */

/* Logo */

div#logo {

	width: 666px;

	height: 130px;

	background: url(../images/cao-logo.gif) no-repeat 0 0;

	text-indent: -9000px;

}

div#logo a {

	display: block;

	height: 100%;

}



/* Main */

div.main {

	width: 620px;

	margin: 0 0 0 24px;

	padding: 15px 0 15px 0;

	float: left;

	display: inline;

}

/* Main */

div.main_didyounola {

	width: 920px;

	margin: 0 0 0 24px;

	padding: 15px 0 15px 0;

	float: left;

	display: inline;

}



/* Side */

div.side {

	width: 308px;

	margin-right: 1px;

	float: right;

	display: inline;

}

div.side-inner {

	width: 263px;

	background: url(../images/side-red-fade.jpg) no-repeat 0 100px;

	overflow: hidden;

	padding: 100px 20px 15px 25px;

	

	min-height:309px;

	height:auto !important;

	height:309px;

}

div.side p.how-help {

	margin-bottom: 25px;

}



/* Community Links */

a.comm-twitter {

	display: block;

	width: 125px;

	height: 35px;

	background: url(../images/logo-twitter.gif) no-repeat 0 0;

	text-indent: -9000px;

	float: left;

	display: inline;

}

a.comm-youtube {

	display: block;

	width: 125px;

	height: 35px;

	background: url(../images/logo-youtube.gif) no-repeat 0 0;

	text-indent: -9000px;

	float: left;

	display: inline;

}

a.comm-flickr {

	display: block;

	width: 130px;

	height: 35px;

	

	background: url(../images/logo-flickr.gif) no-repeat 0 0;

	text-indent: -9000px;

	float: left;

	display: inline;

}

a.comm-facebook{

	display: block;

	width: 130px;

	height: 35px;

	background: url(../images/logo-facebook.gif) no-repeat 0 0;

	text-indent: -9000px;

	float: left;

	display: inline;

}







/* RSS FEED */

a.rss-feed {

	display: block;

	background: url(../images/rss-icon.gif) no-repeat 0 50%;

	padding: 0 0 0 18px;

	font-size: 93%;

	float: right;

	display: inline;

}

a.rss-feed:link, a.rss-feed:visited {

	color: #5486af!important;

	text-decoration: none;

}



/* Joseph Pic */

img.joseph-pic {

	position: absolute;

	margin: -199px 0 0 0;

}



/* Post */

div.post {

	margin: 0 0 25px 0;

}



/* Navigation */

.navigation {

	clear: both;

}

.navigation:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.navigation {display: inline-block;}



/* Hides from IE-mac \*/

* html .navigation {height: 1%;}

.navigation {display: block;}

/* End hide from IE-mac */

/* @end */



/* @group Common Text Styles */

div.main {

	color: #024781;

}

div.main_didyounola {

	color: #024781;

}

div.main p {

	font-size: 93%;

	line-height: 140%;

}

div.main_didyounola p {

	font-size: 93%;

	line-height: 140%;

}



div.main p.posted {

	margin: 0 0 0 0;

}

div.main_didyounola p.posted {

	margin: 0 0 0 0;

}

/* @end */



/* @group Default Headings */

div.main h1 {

	color: #024781;

	font-size: 167%;

	margin: 0 0 10px 0;

	font-weight: normal;

}

div.main_didyounola h1 {

	color: #024781;

	font-size: 167%;

	margin: 0 0 10px 0;

	font-weight: normal;

}

div.main h2 {

	margin: 0 0 0 0;

	font-weight: normal;

	font-size: 138.5%;

}

div.main_didyounola h2 {

	margin: 0 0 0 0;

	font-weight: normal;

	font-size: 138.5%;

}

div.main h3, div.main h4 {

	margin: 0 0 5px 0;

	font-weight: normal;

}

div.main_didyounola h3, div.main_didyounola h4 {

	margin: 0 0 5px 0;

	font-weight: normal;

}

div.main h5, div.main h6 {

	font-weight: bold;

	margin: 0 0 2px 0;

}

div.main_didyounola h5, div.main_didyounola h6 {

	font-weight: bold;

	margin: 0 0 2px 0;

}





div.side h2 {

	font-family: Palatino, times, serif;

	font-size: 182%;

	font-style: italic;

	font-weight: normal;

	color: #fff;

	margin: 0 0 5px 0;

}

/* @end */



/* @group Default Lists */

	

/* @end */



/* @group Nav */

div#nav {

	width: 971px;

	height: 69px;

	background: url(../images/header-new.jpg) no-repeat 0 0;

	

}

div#nav ul {

	margin: 0 0 5px 0;

	padding: 40px 0 0 0;

}

div#nav ul li {

	list-style: none;

	font-size: 93%;

	float: left;

	display: inline;

	font-weight: 500;

}

div#nav ul li a {

	border-right: 1px solid #024681;

	display: block;

	padding: 0 10px;

}

div#nav ul li.home a {

		padding-left: 30px;

		

}

div#nav ul li.contribute a {

	font-weight: bolder;

	border: none;

	padding-right: 0;

	font-size: 97%;

}

div#nav ul li a:link, div#nav ul li a:visited {

	color: #024681;

	text-decoration: none;

}



div#nav ul li a:hover {

	text-decoration: underline;

}

/* @end */



/* @group Forms */

div.email-signup {

	margin: 0 0 30px 0;

}

div.email-signup input.txt {

	width: 150px;

	vertical-align: middle;

	padding: 3px;

	border: 1px solid #000;

}

div.email-signup input.btn {

	vertical-align: middle;

}

/* @end */



/* @group Default Links - link visited hover active */

a:link, a:visited {

	color: #024781;

	text-decoration: underline;

}

a:hover {

	text-decoration: none;

	color:#840000;

}

/* @end */



/* @group Misc */

.clear {

	clear: both;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* @end */

input.volform1 {
border:1px solid #0267B7;
font-family:Helvetica,Arial sans-serif;
font-size:105%;
padding:5px;
width:180px;
}

input.volform2 {
border:1px solid #0267B7;
font-family:Helvetica,Arial sans-serif;
font-size:105%;
padding:5px;
width:200px;
}

input.volform4 {
border:1px solid #0267B7;
font-family:Helvetica,Arial sans-serif;
font-size:105%;
padding:5px;
width:60px;
}