body{ 
	font-family: "segoe ui", corbel, "lucida grande", "lucida sans regular", verdana,sans-serif;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:small;
	color: #000033;
	background-image:url(bg1.gif);
	background-repeat:repeat;
}

td, th, h2, h3, h4 { 
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000033;

}


a {
	color: #ffffff;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

span.hide { display: none; }

#sitebox {
	width: 700px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url(bg.gif) top left repeat-y;
	
	
}



#top {
	width: 700px;
	height: 16px;
	display: block;
	background: url(top.gif) top left no-repeat;
	margin: 0px;
	padding: 0px;
}

#bottom {
	width: 700px;
	height: 16px;
	display: block;
	background: url(bottom.gif) top left no-repeat;
	margin: 0px;
	padding: 0px;
}

#container {
	width: 680px;
	margin: 0 18px 0 18px;
	padding: 5px 0 5px 0;
}

#banner {
	width: 660px;
	height: 148px;
	display: block;
	background-color: #ffffff;
}

#navbar {
	width: 660px;
	height: 20px;
	display: block;
	text-align:center;
	background-color: #000033;
}

#subnav {
	position:relative;
	padding-top:1px;
	height: 18px;
	text-align: center;
	width: 660px;
	margin: 0px auto 0px auto;
}

#subnav .nav {

    padding: 0;
	margin: 5px 5px 5px auto;
}

#subnav a:link, #subnav a:hover {
color: #000033;

}

#subnav a:hover, #subnav a:active {
text-decoration:underline;
}

#content {
    padding:1px;
	left:0px;
	height: 530px;
	width:660px;
}

#subcontent1 {
    float:left;
	height: 500px;
	width:320px;
}

#subcontent2 {
    float:right;
	height: 500px;
	width:320px;
}

#pic1 {
position:relative;
top:19px; 
width: 300px;
height: 225px;
left:8px;
	}
	
#pic2 {
position:relative;
top:30px; 
width: 300px;
height: 225px;
left:8px;
	}
	
#title {
position:relative;
top:15px; 
width: 320px;
height: 25px;
	}
	
#text {
position:relative;
top:25px; 
width: 320px;
height: 420px;

	}
	
#textinner {
position:relative; 
width: 320px;
height: 300px;

	}			
	
#text a {
    font-size:12px;
	color: #000033;
	text-decoration: none;
}

#text a:hover {
    font-size:12px;
	color: #000033;
	text-decoration:underline;

}
		
		
#footimagebox {
    position:relative;
	height: 100px;
	width:320px;
}

#footimage1{
    position:absolute;
    left:0px;
	height: 100px;
	width:144px;
}

#footimage2 {
    position:absolute;
    left:145px;
	height: 100px;
	width:175px;
}

#footimage3 {
   
	height: 225px;
	width:175px;
	padding-top:2em;
}


#footer {
	text-align: center;
	width: 100%;
	padding-top: 2em;
}

#footer a {
    font-size:12px;
	color: #000033;
	text-decoration: none;
}

#footer a:hover {
    font-size:12px;
	color: #ffffff;
	text-decoration: none;
}

* CSS Image Rollover Hack */
/* Preloads the image in the cache for instant use */
.cssRolloverImageHack_1{
visibility:hidden;
background: url(macgas2.gif);
}
.cssRolloverImageHack_2{
visibility:hidden;
background: url(caaso2.gif);
}





.menu {
        position:absolute;
        left:-30px;
		list-style: none;
        text-align: left;
	    width: 390px;
        margin: 0px auto 0px auto;
}
.menu li {
        padding: 0;
        margin: 0;
        height: 100px;
        list-style: none;
        background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
        display: block;
        text-decoration: none;
		text-indent: -2000px;
		height: 100px;
        background-repeat: no-repeat;
}
#gas {background-image: url(macgas2.gif);width:144px;}
#gas a {background-image: url(macgas1.gif);}
#caaso {background-image: url(caaso2.gif);width: 175px;}
#caaso a {background-image: url(caaso1.gif);}
#gas a:hover, #caaso a:hover{background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}