/*
----------------------------------------
Name: base.css
Author:   Eric Eaton & Carter Stowell
Version:  Sept 2006
----------------------------------------



----------------------------------------
Color Guide

----------------------------------------
blue = 			4C87A6	(tagline)
blue = 			4080A0	(links)
dark blue = 	102F3F	(attribution text)
super lt blue	EFF4F7	(footer background)



----------------------------------------
Essential Stuff (body, blocks etc.)
---------------------------------------- */

body 			{margin:0; padding:0; background:#FFFFFF; /* #476F86 */
				font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; line-height:120%; color:#000000; font-size:1em;
				}


H1, H2, H3, H4, H5, H6, p, ul, ol, dl
				{margin:0;  }

H1				{font-size:1.25em;  }




dl dt 			{float: left; clear: left; width: 50%; margin: 0 -1px 0 0;} 

dl dd 			{width: 50%; float: left; margin: 0 ; clear: right; /*Forces the dd to break to the next line.*/
} 

/*Creates the horizontal border between each *row*.*/
dl> dd + dt, dl > dd + dt + dd {border-top: 1px #FFFFFF solid; padding:10px 0 10px 0; }

dt, dd			{font-size:80%;  }





/* Links
---------------------------------------- */
a, a:visited 	{color:#4080A0; text-decoration:none; }

a:hover			{text-decoration:underline; }



/* Tables (reitterates basic body stuff)
---------------------------------------- */
table, td, tr, th
				{font-family:Verdana, Arial, Helvetica, Sans-serif; line-height:1.5em; color:#444444;  }



/*
----------------------------------------
Layout Containers
---------------------------------------- */

.wrapper {
	position:relative;
	width:750px;
	margin:auto;
	border:1px solid #4C87A6;
	border-width:1px 0 0 0; /* need the top boarder to make the margins work correctly, not sure why */
}
					


#masthead-bg		{position:absolute; width:100%; height:24px; top:0; left:0;
					background: url(../images/fade_vert_blue_top.gif) 0 0 repeat-x; }
					
#masthead-wrapper		{ position: relative; z-index:20; }
#masthead		{position:absolute; width:100%; top:0; left:0; }




#logo				{position:absolute; width:223px; height:69px; top:21px; left:8px;  
					background: url(../images/logo.png) /* see png hack for ie */ 0 0 no-repeat;  }

  
  
#logo h2, #logo h3, #logo h4
					{display:none;  }


#tagline-shell, tagline			{display:none; }


/*
----------------------------------------
Navigation
---------------------------------------- */

#nav-wrapper ul, #nav-wrapper li {margin:0; padding:0; list-style: none;  display:block;  }


#nav-home, #nav-about, #nav-contact, #nav-leads, #nav-seminars		
								{background: url(../images/fade_orange_light_vert.gif) 0 0 repeat-x; }
#nav-login						{background: url(../images/fade_blue_light_vert.gif) 0 0 repeat-x; }

#nav-wrapper a					{color:#FFFFFF; text-decoration:none;  }
#nav-wrapper a:hover			{color:#FFCC66; }

#nav-wrapper					{position:absolute;  width:100%; margin-top:9px; z-index:10; }

#nav-horiz-wrapper				{position:relative; width:100%; background-color:#B3620E; border:1px solid #000000; border-width:1px 0 2px 0; line-height:1.35em; font-size:.9em; height:1.35em;
								background: url(../images/fade_orange_vert.gif) 0 0 repeat-x; }
					
#nav-wrapper li					{margin:0 0 0 0; display:block; position:relative; float:left; display:block; padding:.3em 1em .3em 1em; border:1px solid #FFFFFF; border-width:0 1px 0 1px;   line-height:1em; font-size:.9em;}

#nav-horiz						{width:686px; margin:auto; padding:0 0 0 64px; }



#blue-bar						{position:absolute; top:94px; width:100%; height:36px; 
								background: #74A0B7 url(../images/cloudbar_blue_inside.gif) 50% 0 repeat-x; }


#blue-header-text				{position:absolute; bottom:0; }

#blue-header					{position:relative; width:750px; height:36px; margin:auto;
								background: #74A0B7 url(../images/cloudbar_blue_inside.gif) 0 0 repeat-x; }

#blue-header h5, #blue-header h4, #blue-header h3
								{float:left;  font-weight:normal; text-transform:uppercase; color:#FFFFFF; font-size:.7em; letter-spacing:.2em; height:1.3em;}
								
#blue-header h3					{font-size:.9em; }
#blue-header h4					{font-size:.75em; }

#blue-header h5					{color:#0D5175; }

#blue-header span				{position:absolute; }




/* ON states relies on Body ID */
#home #nav-home,
#about #nav-about,
#contact #nav-contact,
#leads #nav-leads,
#seminar #nav-seminars			{background: url(../images/fade_orange_vert.gif) 0 0 repeat-x; }
#login #nav-login				{background: url(../images/fade_blue_light_vert.gif) 0 0 repeat-x; }

#home #nav-home					{display:none; }

/* end navigation */



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

#content-wrapper				{ position: relative; border-width:0;  margin-top:93px; } 

#maincontent					{position:relative; width:100%; background-color:#FFFFFF;
								background: url(../images/main_content_bg.gif) 0 0 repeat-y; border:1px solid #FFFFFF; border-width:0 0 1px 0; padding:0 0 0 0; 
								}

						
#maincontent h2, #maincontent h3
								{color:#000000; font-weight:bold; font-size:95%; 
								vertical-align:baseline; }  

#maincontent h3					{color:#000000; font-weight:bold; height:33px; font-size:85%;  margin-top:2em;   margin-bottom:-.5em; 
								vertical-align:baseline; line-height:33px; }  


#maincontent p					{font-size:.8em; margin-bottom:.8em;
								}  

#maincontent h2, #maincontent h3, #maincontent p
                                {padding:0 18px 0 95px; margin-right:90px;  }
								
.bullet							{background: url(../images/bullet.gif) 80px 50% no-repeat;  }								

#intro							{position:relative; background: url(../images/photo_home_color_new.jpg) 268px 0 no-repeat; z-index:10; }

#maincontent #introheader, #maincontent #secondheader
								{width:335px; padding-right:320px; }


#blueimage						{position:absolute; width:260px; height:92px; right:54px; top:68px;
								background: url(../images/photo_home_blue.jpg) #DDDDDD 0 0 no-repeat;  z-index:5; }  
						
						
#sidebar						{position:relative; display: inline; z-index:20; margin-bottom:2em; padding-top:15px; }
#sidebar h4						{text-transform:uppercase; font-weight:normal; letter-spacing:.2em; color:#505050; font-size:.7em; 
								line-height:1em; border:1px dotted #666666; border-width:1px 0 1px 0; padding:0 15px 0 15px; margin-top:1em; background-color:#CACACA;}


#sidebar h2, #sidebar h2
								{padding-left:15px; }

#maincontent #sidebar ul 		{ margin: 0; padding: 0 10px 0 30px; }
#maincontent #sidebar ul li 	{ margin: 0 0 7px 0; padding: 0; }

#maincontent  p.quote			{ font-style:italic;  }
#maincontent  p.attribution		{ font-size:70%; font-family:Georgia, Times, serif; line-height:100%; color:#102F3F;  }
#sidebar .attribution	{ text-align:right; }

.left-sidebar, .right-sidebar
								{border-style:solid; border-color:#BED0D6 #BED0D6 #FFFFFF #BED0D6; border-width:0 0 1px 1px; background-color:#F6F6F6; margin:0 15px 15px 15px; padding-bottom:1em;} 

.left-sidebar					{border-width:0 1px 1px 0; float:left; margin-left:75px; width:360px; } 
.right-sidebar					{float:right; margin-right:55px; width:259px } 

#maincontent .left-sidebar p, #maincontent .left-sidebar h2, #maincontent .left-sidebar h3, #maincontent .left-sidebar h4
								{padding:0 0 0 30px;  margin:0;
								width:310px; }


#maincontent .right-sidebar p, #maincontent .right-sidebar h2, #maincontent .right-sidebar h3, #maincontent .right-sidebar h4
								{padding:0 0 0 15px;  margin:0;
								width:230px; }
								



#promo-graphic					{margin-left:25px; }



.pdfbug							{display:block; width:14px; height:18px; margin-top:.5em; margin-left:-18px; position:absolute;
								background: url(../images/pdf_bug.gif) 0 0 no-repeat;  }

#footer							{font-size:75%; padding:0 18px 0 80px; line-height:1.5em; background-color:#EFF4F7; 
								background: url(../images/footer_bg.gif) 0 0 repeat-x; }  

.clear							{clear:both; }

/*
----------------------------------------
Page ID level stuff
---------------------------------------- */




/*
----------------------------------------
Derek Added These
---------------------------------------- */

#maincontent ul {
	font-size: 80%;
	margin: 5px 60px 10px 80px;
}

#maincontent form {
	margin: 0 0 0 95px;
}
#maincontent form p {
	padding: 0;
}
#maincontent form table tr td {
	font-size: 75%;
	padding: 0 8px 5px 0;
}
td.form_label { text-align: right; }

#footer {
	font-size: 70%;
	padding: 6px 0 3px 0;
	text-align: center;
}

#maincontent .error {
	color: #ca5c02;
}
#maincontent .error_box {
	background: #e9c8ad;
	border: 1px solid #ca5c02;
	font-size: 90%;
	margin: 0 0 10px 97px;
	padding: 8px;
	width: 558px;
}
#maincontent .error_box p,
#maincontent .error_box h3 {
	margin: 0;
	padding: 0;
}

#sidebar h2.bullet {
	background: url(../images/bullet.gif) 15px 50% no-repeat;
}

#maincontent #sidebar p {
	padding-bottom: .8em;
}


/*
----------------------------------------
Hacks for IE
---------------------------------------- */
* html #logo /* Will only be seen by IE */ 
	{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/logo.png',sizingMethod='crop'); }
* html #maincontent ul { margin-left: 120px; }