


body  { position:relative;margin: auto; padding:0;width: 800px; color: black; font-size: small; font-family: Arial, Verdana,  Helvetica, sans-serif; text-align: center }
#allcontent {text-align: left;position:relative;}



.main { height:400px; }


img {border:none;}
h1 {position:relative;left:-10px;font-size: 1.3em; color:#970f00;height:1.2em;margin:0px;padding:10px 0px 10px 0px;width:530px;background-color:#E8DFD1;text-indent: 10px;}
h1 a {color:#ff9900;}
h2 {font-size:1.1em;font-weight: bold;color:black;}
h3 {font-size:1em;color:#999;font-weight: bold;}
p {text-align: left;font-size:0.85em;}
a {color:#970f00;text-decoration: none;}
a:hover {color:#ff9900;text-decoration: none;}
strong {font-size: inherit; font-weight: bold;}


.pagecontent {float:left;width:510px;position:relative; margin:0px 0px 0px 10px;background-color: #f4f4f4;padding-left:10px;padding-right:10px;padding-bottom:20px;border-left:1px solid #E8DFD1;border-right:1px solid #E8DFD1;}

#aboutusinfo {position:relative;padding:0px; margin:0px;margin-left:20px;font-size: 1%;background:url("../images/aboutus.gif") no-repeat;text-indent:-9999px;overflow:hidden;width:500px; height:480px;color:white;}
.normallist  { font-size: 0.85em; list-style-type: none; padding-left: 15px }
.bullets {list-style-type:disc;}

/*****header***********/
#header {margin:0px 0px 10px 0px;padding:0px;}
#toolbar {width:100%;height:30px;margin:0px;padding:0px;}
#text-sizer {height:30px; padding:0;margin:0;float:right;}
#text-sizer p {float:left;font-size: 0.8em;color:#999;}
#text-sizer a {float:left;margin-left:5px;}
#title-bar  { font-size: 1%; background-color: white; background-image: url("../images/cobseoheader.jpg"); background-repeat: no-repeat; text-indent: -9999px; margin:0px 0px 10px 0px;padding: 0; width: 100%; height: 180px; overflow: hidden; }

/************************** navigation *****************************/

.nav-main {float:left;height:320px;width:125px;position:relative;}
#mainnavlist {margin:0;padding:0;/*******background:url("../images/menumatrix.gif") no-repeat;****/list-style-type:none;width:125px;height:197px;float:left;position:relative;}
#mainnavlist li {margin:0;padding:0;float:left;}
#mainnavlist li a {position:absolute;left:0;margin:0;padding:0;display:block;height:100px;width:125px;background:url("../images/menumatrix.gif") no-repeat;text-indent:-9999px;overflow:hidden;font-size:1%;}


li#abo a {top:0;height:39px;background-position:0 0;}
li#mem a {top:39px;height:39px;background-position:0 -39px;}
li#vet a {top:79px;height:39px;background-position:0 -79px;}
li#con a {top:118px;height:39px;background-position:0 -118px;}
li#blo a {top:157px;height:39px;background-position:0 -157px;}

li#abo a:hover {background-position:-125px 0;}
li#mem a:hover {background-position:-125px -39px;}
li#vet a:hover {background-position:-125px -79px;}
li#con a:hover {background-position:-125px -118px;}
li#blo a:hover {background-position:-125px -157px;}

#abou li#abo a {background-position:-250px 0;}
#memb li#mem a {background-position:-250px -39px;}
#vete li#vet a {background-position:-250px -79px;}
#cont li#con a {background-position:-250px -118px;}
#blog li#blo a {background-position:-250px -157px;}
/****/


/************************** splash *****************************/
#title-bar-splash  { position:absolute;top:60px;height:420px;width:425px;margin-left:180px;text-align: center;font-size: 1%; background-color: white; background-image: url("../images/splash-page.jpg"); background-repeat: no-repeat; text-indent: -9999px; padding: 0;  overflow: hidden }

#splash {margin:0;padding:0;list-style-type:none;position:absolute;top:205px;width:425px;height:260px;margin-left:180px;}

#splash li {margin:0;padding:0;}
#splash li a {margin:0;padding:0;display:block;height:130px;width:135px;text-indent:-9999px;overflow:hidden;font-size:1%;background-color: red;}
#splash li a#ab {position:absolute;left:0px;top:-2px;background:url("../images/navy.jpg") no-repeat;}
#splash li a#me {position:absolute;left:146px;top:-2px;background:url("../images/army.jpg") no-repeat;}
#splash li a#ve {position:absolute;left:150px;top:142px;background:url("../images/ladies.jpg") no-repeat;}
#splash li a#co {position:absolute;left:295px;top:0px;background:url("../images/raf.jpg") no-repeat;}
#splash li a#bl {position:absolute;left:2px;top:145px;background:url("../images/home.jpg") no-repeat;}
#splash li a#en {position:absolute;left:295px;top:145px;background:url("../images/enter.gif") no-repeat;}
#splash li a#ab:hover {background:url("../images/rollover-aboutus.jpg") no-repeat;top:-1px;}
#splash li a#me:hover {background:url("../images/rollover-membership.jpg") no-repeat;top:0px;left:145px;}
#splash li a#ve:hover {background:url("../images/rollover-veterans.jpg") no-repeat;top:145px;}
#splash li a#co:hover {background:url("../images/rollover-contactus.jpg") no-repeat;}
#splash li a#bl:hover {background:url("../images/rollover-members.jpg") no-repeat;left:5px;top:146px;}
#splash li a#en:hover {background:url("../images/enterON.gif") no-repeat;}

#splashfoot {margin-top:550px;margin-bottom:20px;}
/*******************************************************/


#footer {clear:both;margin:0;margin-bottom:20px;padding:20px 0px 0px 0px;font-size:0.9em;text-align: left;color:#999;}







