/* CSS Master Document */

html, body {
border:0;
margin:0;
padding:0;
}

body {
color:#fff;
background:#034041 url("../images/bg-teal.jpg") top no-repeat;
font:100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h2 {
color:#fff;
padding:0 0 25px 0;
font-size:1.8em;
letter-spacing:-1px;
}

h3 {
color:#e8e862;
padding:20px 0;
font-size:1.4em;
}

h4 {
color:#fff;
font-size:1em;
font-weight:bold;
}

/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 1.35em 0;
}

ul, ol {
padding:0 0 1.35em 2.7em;
}

blockquote {
margin:1.35em;
padding:1.35em 1.35em 0 1.35em;
}

small {
font-size:0.8em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a,
a:link,
a:visited {
color:#e8e862;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}

textarea {
width:100%;
line-height:1.35;
}

/***** Tables *****/

table {
border:0;
margin:0 0 1.35em 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/***** Wrapper *****/

#wrap {
width:770px;
margin:0 auto;
}

/***** Header *****/

#header {
margin:0 0 20px 0;
padding:20px 0 0 0;
position:relative;
}

/***** Logo *****/

#header h1 {
padding:0 0 20px 0;
text-indent:-2000px;
}
	
	#header h1 a {
	width:256px;
	height:55px;
	display:block;
	background:url("../images/bloom-and-young-teal.gif") no-repeat;
	}

/***** Navbar *****/

#header ul {
height:30px;
margin:0;
padding:0;
position:absolute;
top:42px;
right:0;
list-style:none;
}
	
#header ul li {
display:inline;
}
	
#header ul li a {
height:25px;
margin:0 5px 0 0;
padding:5px 15px 0 15px;
text-decoration:none;
font-weight:bold;
color:#fff;
text-transform:uppercase;
}

#header ul li a:hover,
#header ul li a.current {
color:#e8e862;
}

/***** Content *****/

#three-col-primary {
font: 15px Georgia, "Times New Roman", Times, serif;
width:730px;
text-align:left;
padding:20px;
}

#left-primary {
display:inline;
padding:0;
width:240px;
float:left;
margin:5px;
margin-left:0;
}

#center-primary {
display:inline;
padding:0;
width:120px;
float:left;
margin:0;
}

#right-primary {
display:inline;
padding:0;
width:370px;
float:right;
margin:0;
}

#three-col-secondary {
font: 13px Verdana, Arial, Helvetica, sans-serif;
width:770px;
text-align:left;
}

#left {
display:inline;
padding:0 45px 0 0;
width:195px;
float:left;
margin:5px;
margin-left:0;
}

#center {
display:inline;
padding:0 20px;
width:200px;
float:left;
margin:5px 0 5px 0;
}

#right {
display:inline;
padding:0 45px 0 0;
width:200px;
float:right;
margin:5px;
margin-right:0;
}

/***** Footer *****/

#footer {
width:800px;
clear:both;
color:#fff;
border-top:1px solid #063637;
margin:20px auto 0 auto;
padding:10px 0;
position:relative;
font-size:0.8em;
}

#footer p {
position:absolute;
top:10px;
left:150px;
}

#footer span {
position:absolute;
top:10px;
right:150px;
}

/***** Global Classes *****/

.clear {
clear:both;
height:0;
}