
* {
   padding:0;
   margin:0;

}


html,body {height: 100%;
}


/*this ensures vertical scroll bar in all browsers*/

html {overflow-y: scroll;
}

/*html { height: 100%; margin-bottom: 1px; }*/

/*OLD METHOD FOR MOZILLA ONLY html {overflow: -moz-scrollbars-vertical;}
*/

body {background:#fff;
 margin : 0;
 padding : 0;
 text-align : center;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;

}



/* the bg image provides the blue bar*/


#bg {
background : url(images/bg.jpg) repeat-y 50% 0%;
width:700px;
margin:0 auto;

}


#container {
 width:700px;
 background:transparent;
margin:0 auto;

}



/*this controls the top bar*/


#top {
 background : url(images/top.jpg);
 width:700px;
 height:55px;
text-align:left;
padding-left:90px;
padding-top:25px;
 voice-family: inherit;
 width: 610px;

}


html>body #top {
 width:610px;

}



/*this is the left content*/


#content_one {
margin-top:20px;
width:300px;
float:left;
font-size:80%;color:#000066;

}


#content_one p{
 text-align:left;
 padding:10px;

}


#content_one h1{font-size:150%;
}
content_one h2{font-size:125%;color:#3333ff;
}

/*this is the right content*/


#content_two {
margin-top:20px;
width:200px;
float:right;
font-size:80%;color:#000066;

}


#content_two p{
	text-align:left;
 padding:10px; 
}

#content_two h1{font-size:150%;
}
#content_two h2{font-size:125%;color:#3333ff;
}

/*this formats the logo text*/


#headertext_one {
font-size:200%;
color:#fff;

}


#headertext_two {
font-size:200%;
padding-left:3px;
color:#18198F;

}



/*this is the blue bar*/


#sidebar{
 width:200px;
 float:left;

}


/*navigation is here*/


#navcontainer { width: 200px;
float:left;
}


#navcontainer ul
{
border-top:1px solid #9399d5;
margin-left: 0;
margin-top:30px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;

}

/* for IE5 and IE6 */


#navcontainer li{display: inline;
}

#navcontainer a{
display: block;
padding: 10px 3px 3px 3px;
width: 194px;
height:30px;
background: transparent;
border-bottom: 1px solid #9399d5;

}


#navcontainer a:link, #navcontainer a:visited
{
color: #ffffff;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #333B8B;
color: #ccccff;
font-weight:bold;

}

#navcontainer li a#active{
background-color: #333B8B;
color: #ccccff;
font-weight:bold; cursor: default;
}

/*footer, obviously*/


#footer {
background : url(images/footer.jpg);
 width:700px;
 height:75px;
 clear:both;
 margin:0;
 font-size:80%;
 text-align:center;
 padding-top:5px;
 color:#262C62;

}





/*this stops borders around link boxes in footer area*/
a img { border:none; 
}
a.midtext {
text-decoration : none;
color:#3333ff;
font-weight:bold;

}


a.midtext:hover { color:#000066;}

/*this positions the three circles at the side */


#side_logo {
position:absolute;
height:80px;
width:30px;
top:0;
left:0;

}





/*email form*/

#emailcontainer {list-style: none; text-align: left;padding-left: 10px;
}
#emailcontainer li{color: #000066;
}
#emailcontainer a{font-size:100%; color: #ff0000;
}

/*map container*/

#map {
margin-left:200px;margin-top:20px;
width:500px;
height:330px;float:right;

}


/*popup text*/

#popup {color: #000; background-color: #c0c0c0; width: 200px;
}
#popup a, #popup a:visited {position: relative;display: block;width: 180px;line-height: 20px;text-align: center;padding: 0 10px;
margin: 0;border: 1px solid #666;text-decoration: none;font-size: 1em;font-weight: bold;
}
#popup a span {display: none;
}
#popup a:hover { background-color: #e9e9e2; 
}
/* the IE correction rule */
#popup a:hover	{ color: #f00; background-color: #e9e9e2;text-indent: 0;/* added the default value */
}
#popup a:hover span{;display: block;position: absolute;bottom: -1px;left: 200px;width: 320px;margin: 0px;padding: 10px;color: #335500;
font-weight: bold;font-size:75%;background: #e5e5e5;text-align: left;border: 1px solid #666;
}
#popup a, #popup a:visited {position: relative;display: block;width: 180px;line-height: 20px;text-align: center;padding: 0 10px;
margin: -1px;border: 1px solid #666;text-decoration: none;font-size: 1em;font-weight: bold;
}
.red { color: #ff0000;
}
.blue { color: #0000cc;
}


