/*
Company:	doctors at war
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
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background: url(../images/home-photo-1.jpg) no-repeat 0 0 #000;
}
body {
	
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	background: url(../images/home-hd-bkg.png) no-repeat 0 0;
}
body.inside div#hd {
	background: url(../images/inside-hd-bkg.png) no-repeat 0 0;
}
body.inside div#hd h1 {
	clear: both;
	margin: 0 0 0 328px;
	height: 112px;
	line-height: 112px;
	font-weight: normal;
	font-size: 369%;
	color: #fff;
	font-family: "Goudy Old Style", Palatino, Times, serif;
	letter-spacing: -1px;
}

/* Body */
body.home div#bd {
	width: 614px;
	padding: 65px 0 0 291px;
	height: 772px;
}
body.inside div#bd {
	/*height: 1075px;*/
	
	min-height:1075px;
	height:auto !important;
	height:1075px;
}

/* Footer */
div#ft {
	background-color: #000;
	overflow: hidden;
	padding: 90px 0;
}
div#ft-logo {
	width: 155px;
	height: 37px;
	background: url(../images/daw-logo-ft.gif) no-repeat 0 0;
	margin: 0 110px 0 50px;
	float: left;
	display: inline;
}
div#ft-logo a {
	display: block;
	height: 100%;
	text-indent: -9000px;
}
div#ft div#ft-content {
	padding: 8px 0 0 0;
	float: left;
	display: inline;
}
div#ft div#ft-content p {
	color: #fff;
	font-family: Georgia, Times, serif;
	font-size: 85%;
	padding-left: 4px;
	margin: 0 0 5px 0;
	letter-spacing: 1px;
}
div#ft div#ft-content p.ft-nav {
	padding-left: 0;
	font-weight: bold;
}
div#ft div#ft-content p.ft-nav a {
	padding: 0 4px;
}
div#ft div#ft-content a:link, div#ft div#ft-content a:visited {
	color: #fff;
	text-decoration: none;
}
div#ft div#ft-content a:hover {
	text-decoration: underline;
}
div#ft div#ft-content p.copyright {
	margin: 0 0 20px 0;
}
div#ft div#ft-content p.credits a {
	font-weight: bold;
}
/* @end */

/* @group Modules */
/* Logo */
div#logo {
	width: 307px;
	height: 57px;
	background: url(../images/daw-logo.png) no-repeat 0 0;
	text-indent: -9000px;
	margin: 35px 0 0 25px;
	float: left;
	display: inline;
}
div#logo a {
	display: block;
	height: 100%;
}

/* Top Content */
body.home div.top-content {
	padding-left: 40px;
}
body.home div.top-content p {
	font-size: 138.5%;
	color: #fff;
}
body.home div.top-content p.learn-more {
	background: url(../images/learn-more-btn.gif) no-repeat 100% 0;
	height: 36px;
	text-indent: -9000px;
}
body.home div.top-content p.learn-more a {
	display: block;
	height: 100%;
}

/* Bottom Content */
body.home div.btm-content {
	padding: 20px 0 0 0;
}
body.home div.btm-content div.doctors-needed-btn {
	background: url(../images/doctors-needed-btn.gif) no-repeat 0 0;
	height: 44px;
	margin: 0 0 10px 0;
}
body.home div.btm-content div.doctors-needed-btn a {
	height: 100%;
	display: block;
	text-indent: -9000px;
}
body.home div.btm-content div.left {
	width: 254px;
	height: 292px;
	padding: 23px 23px 0 23px;
	background: url(../images/home-text-bkg.png) repeat 0 0;
	float: left;
	display: inline;
}
body.home div.btm-content div.left h4 {
	background: url(../images/hd-did-you-know.png) no-repeat 0 0;
	height: 13px;
	text-indent: -9000px;
	margin: 0 0 6px 0;
}
body.home div.btm-content div.left img {
	margin: 0 0 10px 0;
}
body.home div.btm-content div.left h5 {
	height: 89px;
	color: #d51b08;
	font-size: 108%;
	font-family: Georgia, Times, serif;
	margin: 0;
}
body.home div.btm-content div.left p {
	font-family: Georgia, Times, serif;
	font-size: 108%;
	margin: 0;
}
body.home div.btm-content div.right {
	width: 254px;
	height: 292px;
	padding: 23px 23px 0 23px;
	background: url(../images/home-text-bkg.png) repeat 0 0;
	float: right;
	display: inline;
}
body.home div.btm-content div.right h4 {
	background: url(../images/hd-doctors-at-war.png) no-repeat 0 0;
	height: 13px;
	text-indent: -9000px;
	margin: 0 0 6px 0;
}
body.home div.btm-content div.right img {
	margin: 0 0 10px 0;
}
body.home div.btm-content div.right h5 {
	height: 89px;
	color: #d51b08;
	font-size: 108%;
	font-family: Georgia, Times, serif;
	margin: 0;
}
body.home div.btm-content div.right p {
	font-family: Georgia, Times, serif;
	font-size: 108%;
	margin: 0;
}

/* Tragic Truths */
div.truths {
	width: 300px;
	height: 500px;
	margin: 250px 50px 0 0;
	overflow: hidden;
	float: left;
	display: inline;
}
div.truths a.learn-more {
	margin: 163px 0 0 0;
	display: block;
}

/* Inside Content */
body.inside div.content {
	width: 560px;
	padding: 100px 0 0 0;
	float: left;
	display: inline;
}
body.inside div.content p.bc {
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
}
body.inside div.content p.bc a:link, body.inside div.content p.bc a:visited {
	color: #fff;
	text-decoration: none;
}
body.inside div.content p.bc a:hover {
	text-decoration: underline;
}
div.content div.content-left {
	width: 221px;
	float: left;
	display: inline;
}
div.content div.content-cols {
	padding: 30px 0 0 0;
}
div.content div.content-left h3 {
	margin: 0 0 5px 0;
	background: url(../images/hd-doctors-needed-plus.png) no-repeat 0 0;
	height: 80px;
	text-indent: -9000px;
}
div.content div.content-left p, div.content div.content-right p {
	font-size: 85%;
	font-family: Verdana, Arial, sans-serif;
}
div.content div.content-left p a {
	display: block;
	background: url(../images/get-started-btn.gif) no-repeat 0 0;
	height: 31px;
	text-indent: -9000px;
}
div.content div.content-right {
	width: 221px;
	float: right;
	display: inline;
}
div.content div.content-right h3 {
	margin: 0 0 5px 0;
	background: url(../images/hd-volunteers-needed-plus.png) no-repeat 0 0;
	height: 80px;
	text-indent: -9000px;
}
div.content div.content-right p a {
	display: block;
	background: url(../images/yes-help-btn.gif) no-repeat 0 0;
	height: 31px;
	text-indent: -9000px;
}
div.content div.content-pad {
	padding-left: 10px;
}
/* @end */

/* @group Nav */
div#nav {
	margin: 18px 0 0 77px;
	float: left;
	display: inline;
}
div#nav ul {
	margin: 0;
	padding: 0;
}
div#nav ul li {
	list-style: none;
	float: left;
	display: inline;
}
div#nav ul li a {
	display: block;
	height: 95px;
	text-indent: -9000px;
	float: left;
	display: inline;
}
div#nav ul li#n-home a {
	background: url(../images/nav-home.png) no-repeat 0 0;
	width: 50px;
}
div#nav ul li#n-home a:hover {
	background: url(../images/nav-home.png) no-repeat 0 0 #d31212;
}

div#nav ul li#n-what a {
	background: url(../images/nav-what.png) no-repeat 0 0;
	width: 91px;
}
div#nav ul li#n-what a:hover {
	background: url(../images/nav-what.png) no-repeat 0 0 #d31212;
}

div#nav ul li#n-volunteer a {
	background: url(../images/nav-volunteer.png) no-repeat 0 0;
	width: 91px;
}
div#nav ul li#n-volunteer a:hover {
	background: url(../images/nav-volunteer.png) no-repeat 0 0 #d31212;
}

div#nav ul li#n-donate a {
	background: url(../images/nav-donate.png) no-repeat 0 0;
	width: 61px;
}
div#nav ul li#n-donate a:hover {
	background: url(../images/nav-donate.png) no-repeat 0 0 #d31212;
}

div#nav ul li#n-contact a {
	background: url(../images/nav-contact.png) no-repeat 0 0;
	width: 68px;
}
div#nav ul li#n-contact a:hover {
	background: url(../images/nav-contact.png) no-repeat 0 0 #d31212;
}

div#nav ul li#n-about a {
	background: url(../images/nav-about.png) no-repeat 0 0;
	width: 56px;
}
div#nav ul li#n-about a:hover {
	background: url(../images/nav-about.png) no-repeat 0 0 #d31212;
}
/* @end */

/* @group Default Headings */
body.home div.top-content h2 {
	background: url(../images/daw-against-trafficking.png) no-repeat 0 0;
	height: 17px;
	margin: 0;
	text-indent: -9000px;
}
body.home div.top-content h1 {
	font-size: 369%;
	font-weight: normal;
	font-family: "Goudy Old Style", Palatino, Times, serif;
	color: #fff;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
	line-height: 110%;
}

div.content h2 {
	font-size: 182%;
	margin: 0 0 30px 0;
	line-height: 110%;
}
/* @end */

/* @group Common Text Styles */
div.content p {
	font-size: 108%;
	line-height: 170%;
	margin: 0 0 2em 0;
}
/* @end */

/* @group Default Lists */
	
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #d51b08;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* @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 */





/* Form Styles */
div.formRow { width: 450px; overflow: hidden; clear: both; margin: 0 0 3px 0; padding: 5px 0; font-size: 12px; }

.over { background: #c4ad6a !important; }

	div.formRow span.formLabel { width: 100px; font-weight: bold; text-align: right; float: left; }

	div.formRow span.formControl { width: 330px; text-align: left; float: right;  } 

	div.formRow textarea { width: 255px; height: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

		div.formRow input.formButton { cursor: pointer; border: 1px solid #666; padding: 2px 10px; background: #000; font-weight: bold; color: #fff; }

	div.formRow label { display: inline !important; }

	div.formRow label.error { display: block !important; font-weight: bold; color: #f00 !important;  }

	div.formRow input.error { border: 1px dotted #f00; }
	div.formRow select.error { border: 1px dotted #f00; }
	div.formRow textarea.error { border: 1px dotted #f00; }