/*

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


*{padding:0;
margin:0;list-style:none;

}


body,html {
background:#d4d4d4;
}


li {list-style-image:url(../images/bullet.gif);list-style-type:square;}
#wrapper {
background:#d4d4d4 url(../images/bgdark.gif) repeat-x;
padding:1em 1em 0;
}


#content {
background:#FFF;
width:74em;
margin:2em auto 0;
padding:1em;
text-align:justify;
}


#masthead {
height:15em;line-height:15em;
text-align:center;background:url(../images/head3.jpg) center no-repeat;
}


#nav {
height:2.2em;/*
width:78.2em;*/ /*You have to adjust this to keep the nav bar centered 
if you change the number of links.
 8.5em per link + 0.2em for IE6/7 Bug:
 
3 links = 25.7em
 4 links = 34.2em
 5 links = 42.7em
 6 links = 51.2em
*/
margin:0 auto;
position:relative;
top:0;
}


#nav li {
float:left;
text-align:center;list-style-image:none;list-style-type:none;}


#nav li a {
display:block;
padding:0.5em;width:7.7em;height:2.5em;
background:#FFF url(../images/li.gif) bottom repeat-x;
border-right:0.1em solid #EAEAEA;
}
#nav li .current {

display:block;
padding:0.5em;width:7.7em;height:2.5em;

background:#FFF url(../images/li_hover.gif) bottom repeat-x;
color:#000;
border-right:0.1em solid #EAEAEA;}
#nav li a:hover {
background:#FFF url(../images/li_hover.gif) bottom repeat-x;
color:#000;
}
#nav li .noBorder {

display:block;
padding:0.5em 0;width:0.6em;
background:#FFF url(../images/li.gif) bottom repeat-x;
border-right:0 solid #EAEAEA;
}



#main {
clear:both;padding:3em 1.5em;
}


#main ul {
margin-bottom:1em;
}


#main li {
margin:0.5em 2em;
padding:0;
}


#main li p {
margin:0;
padding:0;
	color:#666;
}


p {
margin-bottom:1em;
}


h2 {
margin:0 0 0.25em;
}

h3 {
font-size:1.2em;
margin-bottom:0.5em;
}


#subMain {
width:25%;
float:right;
padding:1em;
margin:0 0 1em 2em;
border:0.1em solid #EAEAEA;background:url(../images/subMain.gif) bottom repeat-x;text-align:left;
}


#subMain h2 {
margin-top:0;}


#footer {
text-align:center;
background:#FFFFFF;
clear:both;
height:3em;
}


#footer p {
height:3em;
line-height:3em;}
/*-------------------------------------------------------Typography
---------------------------------------------------------*/


body {
font:62.5% tahoma,georgia,times,serif;/* This sets the resolution for the site,currently 1em = 10px. */
	color:#333;
}


a {
text-decoration:none;
color:#333;
background:url(../images/underline.gif) bottom repeat-x;
}


a:hover {
color:#333;background:url(../images/solidUnderline.gif) bottom repeat-x;
}


p, h2 {
font-size:1.3em;
line-height:1.5em;
}


h1 {
font-size:3em;
color:#33ada9;
background:url(../images/subMain.gif) bottom repeat-x;

}


blockquote {
margin-left:1.5em;
padding-left:2em;
border-left:0.3em solid #33ada9;

}
li {font-size:1.3em;}


#main li {color:#333;
}


#nav li {
font-size:1.2em;
}


#footer {
font-size:0.75em;
}