/*
Project Name
By  - ISITE Design



--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

/* Basic browser reset  */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, button, fieldset, legend, label, input, textarea, form {
    margin: 0; padding: 0; border: 0;
}

body {
	background-color:#01304D;
	font:70% Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p {    margin: .1em 0 .7em 0;}

h1{font-size: 210%;}
h2{font-size: 125%;}
h3{font-size: 100%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 90%; }

input, textarea {border: 1px solid #242323;}

#content ul, #content ol {margin:10px 0 10px 1.5em;}
#content ul li {list-style-type: disc; margin: .2em 0 0 0;}

/* For quicklinks and navigation. For lists of links add the class "links" to the ul - this will remove the bullets.    */
ul.links, ul.links ul, ul.links ul ul, #content ul.links li{ list-style-type: none;}

.accessibility{
	position:absolute; left:-9999em;
}


 /* temp for layout purposes */
/*div {
    border: 1px solid #ccc;
}*/



          /*
--=.._/(        Site Structure      )\_..=--
    	  */
#wrapper {
	background:transparent url(../img/dev/bg_wrapper.gif) 0 0 repeat-y;
	margin:0 auto;
	overflow:hidden;
	padding:0 12px;
	width:790px;
}

/* #header layout */
#header {
	background:transparent url(../img/dev/bg_header.jpg) 0 0 no-repeat;
	height:270px;
	position:relative;
	width:790px;
}
	#header #logo {
		background:transparent url(../img/dev/bg_logo.gif) 0 0 no-repeat;
		height:48px;
		position:absolute; top:10px; left:20px;
		width:131px;
	}
		#header #logo a {
			display:block;
			overflow:hidden;
			text-indent:-9999em;
		}
	#header #tagline {
		background:transparent url(../img/dev/bg_tagline.gif) 0 0 no-repeat;
		height:270px;
		overflow:hidden;
		text-indent:-9999px;
		width:790px;
	}
		

/* #content layout */

#content {
	margin-top:-80px;
	position:relative;
}

#introduction {margin-bottom:2.5em;}


/* footer layout */

#footer ul#standards{
	clear:both;
	list-style-type: none;
	overflow:hidden;
	padding:0 0 4em 278px;
}
#footer ul#standards li a{
  display: block;
	float:left;
	text-indent: -9999em;
}
#footer ul#standards li a.aatb{
	background: url(../img/dev/aatb_logo.gif) no-repeat;
	height:38px;
	width:153px;
}
#footer ul#standards li a.fda{
	background: url(../img/dev/fda_temp.gif) no-repeat;
	height: 38px;
	width: 82px;
}

* html #footer ul#standards li a.fda{
	margin-top:-12px;
}


          /*
--=.._/(        Type, Links and Lists      )\_..=--
    	  */

.apply {
	background:transparent url(../img/dev/btn_apply_today.gif) 0 0 no-repeat;
	display:block;
	height:46px;
	margin:0 auto;
	text-indent:-9999em;
	width:115px;
}
.apply:hover {
	background-position:0 -45px;
}
a.over {
	background-position:0 -45px;
}



#introduction h1 {
	background:transparent url(../img/dev/bg_h1.gif) center bottom no-repeat; /* this is the top of the box around the list below */
	color:#AC3910;
	height:100%; /* ensures ie6 will render background image */
	margin:0;
	position:relative;
	padding:0 0 1em;
	text-align:center;
}

#introduction ul.callout {
	background:transparent url(../img/dev/bg_callout.gif) left bottom no-repeat;
	margin:0 auto .75em;
	padding:0 40px 1.5em;
	width:440px;
}
	#introduction ul.callout li {
		font-size:130%;
		margin:0 0 .5em;
	}
#introduction h2 {
	text-align:center;
}
#introduction p {
	margin:1em 12px 1em 150px;
}



#testimonials h3 {
	margin:0 0 0 70px;
}
#testimonials .quote {
	background:transparent url(../img/dev/bg_quote.gif) 0 0 repeat-y;
	color:#01304D;
	font-style:italic;
	margin:0 0 .25em;
	padding:.5em 40px .5em 424px;
}
	.quote .attribution {
		display:block;
		font-size:85%;
		font-style:normal;
	}
#testimonials #paloalto {
	background:transparent url(../img/dev/bg_quote_left.gif) 0 0 repeat-y;
	margin:0 0 .25em;
	padding:.5em 396px .5em 70px;
}



#calltoaction p {
	color: #015D95;
	font-size:200%;
	font-weight:bold;
	text-align:center;
}


#additionalinfo { 
	margin-top:42px;
	padding:0;
	position:absolute; /*bottom:0; left:0;*/
}
#additionalinfo dt {
	color:#949494;
	cursor:pointer;
	float:left;
	font-weight:bold;
	margin:.5em 0;
	text-align:center;
	width:260px;
	
}
#additionalinfo dd { 
	background-color:#D6DFF0;
	border:3px solid #015D94;
	display:none;
	padding:.5em;
	position:absolute; top:-400px; left:262px;
	width:260px;
}
	#additionalinfo dd strong {
		font-size:120%;
	}
	#additionalinfo dd ul {
		list-style-type:none;
		margin:0;padding:0;
		font-weight:bold;
	}

#printadditionalinfo {display:none;}


          /*
--=.._/(        Navigation      )\_..=--
    	  */




          /*
--=.._/(        Forms      )\_..=--
    	  */




          /*
--=.._/(        Randoms/dev utility styles      )\_..=--
    	  */


.hide {display: none;}
.left {float: left; margin: 10px 5px 10px 0;}
* html .left {margin-right: 0;}
.right {float: right;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.error, .red {color: red;}

.small {width: 25%;}
.medium {width: 48%;}
.large {width: 90%;}

.accessibility{height: 0; left: -9999em;  line-height: 0; position: absolute; text-indent: -9999em; }

/*these next two are set with more specificity to help override other styles.  */
body #wrapper .noborderplease {border:none;}
body #wrapper .borderplease {border-width: 1px; border-style: solid;}
