body {margin: 0; padding: 0; background:#DEE8EA; background-image: url(images/bg2_b.jpg); background-repeat:repeat-y;
         font-family: Verdana;
         font-size:10pt;
         color:#00336A;


 }

 h1{font-size:12pt}

 a:link{color:#02356E;font-weight:bold;text-decoration:none;}
a:visited{color:#02356E;font-weight:bold;text-decoration:none;}
a:hover{color:#000000;font-weight:bold;text-decoration:none;}
a:active{color:#000000;font-weight:bold;text-decoration:none;}

#wrapper {
        text-align: left;
        margin: 0px;
        padding: 0px;
        border:0;
        width: 984px;
        background: url(images/bg_b.jpg) repeat-y;
}

#header {
        margin: 0 0 0 0;
        background-image:url(images/head_b.jpg);
        height:271px;
}

#side-a {
        margin: 0 0 0 0;
        float: left;
        width: 271px;
        min-height:550px;
        background-image: url(images/left_b.jpg);
        background-repeat:no-repeat
}

#side-b {
         margin: 0 0 0 0;
        float: right;
        width: 51px;
        height:270px;
        background-image: url(images/right_b.jpg);
        background-repeat:no-repeat
}

#content {
        margin: 0 0 0 0;
        float: left;
        width: 662px;
        min-height:300px;
        display:block;
        background-image: url(images/middle_b.jpg);
        background-repeat:no-repeat
}

#footer {
        clear: both;
        margin: 0 0 0 0;
        background-image: url(images/foot_b.jpg);
        height:184px;
}

#disclaimer {width:984px;color:#4B8FB6;font-size:7pt;text-align: center; position:relative; top:80px; left:107px;}

#frame {width:984px;color:#4B8FB6;font-size:7pt;text-align: center; position:relative; top:80px; left:107px; margin:0px; padding:0px; border:0px;}


#cos a {
   display: block;
   background:url(images/b_cos.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#cos a:hover {
   background-position:-150px 0px;}
#cos a:active {
   background-position:-300px 0px;}
#cos {position:absolute;top:390px;left:85px;}

#about a {
   display: block;
   background:url(images/b_about.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#about a:hover {
   background-position:-150px 0px;}
#about a:active {
   background-position:-300px 0px;}
#about {position:absolute;top:360px;left:85px;}

#media a {
   display: block;
   background:url(images/b_media.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#media a:hover {
   background-position:-150px 0px;}
#media a:active {
   background-position:-300px 0px;}
#media {position:absolute;top:480px;left:85px;}

#guestbook a {
   display: block;
   background:url(images/b_guestbook.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#guestbook a:hover {
   background-position:-150px 0px;}
#guestbook a:active {
   background-position:-300px 0px;}
#guestbook {position:absolute;top:570px;left:85px;}

#links a {
   display: block;
   background:url(images/b_links.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#links a:hover {
   background-position:-150px 0px;}
#links a:active {
   background-position:-300px 0px;}
#links {position:absolute;top:540px;left:85px;}

#youandus a {
   display: block;
   background:url(images/b_you.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#youandus a:hover {
   background-position:-150px 0px;}
#youandus a:active {
   background-position:-300px 0px;}
#youandus {position:absolute;top:510px;left:85px;}

#updates a {
   display: block;
   background:url(images/b_updates.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#updates a:hover {
   background-position:-150px 0px;}
#updates a:active {
   background-position:-300px 0px;}
#updates {position:absolute;top:330px;left:85px;}

#plans a {
   display: block;
   background:url(images/b_plans.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#plans a:hover {
   background-position:-150px 0px;}
#plans a:active {
   background-position:-300px 0px;}
#plans {position:absolute;top:450px;left:85px;}

#bloggie a {
   display: block;
   background:url(images/b_blog.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#bloggie a:hover {
   background-position:-150px 0px;}
#bloggie a:active {
   background-position:-300px 0px;}
#bloggie {position:absolute;top:600px;left:85px;}

#random {font-size:7pt; position:absolute; top:650px;left:70px;}

#shoot a {
   display: block;
   background:url(images/b_shootings.png) 0px 0px no-repeat;
   height:30px;
   width:150px;}
#shoot a:hover {
   background-position:-150px 0px;}
#shoot a:active {
   background-position:-300px 0px;}
#shoot {position:absolute;top:420px;left:85px;}


#upd #side-a #updates a,
#abo #side-a #about a,
#costumes #side-a #cos a,
#med #side-a #media a,
#pla #side-a #plans a,
#lin #side-a #links a,
#guest #side-a #guestbook a,
#blog #side-a #bloggie a,
#shot #side-a #shoot a,
#you #side-a #youandus a {
background-position:-300px 0px;
}

.rand {

border-style:solid;
border-color:#000000;
border:1px dashed #000000;


}
.rand:visited
{
border:1px dashed #000000;
}
.rand:hover
{
border:1px solid #ffffff;
}
#costumes td {text-align:center; vertical-align:top;}
#upd th {color:#ffffff; background:url(head.png); text-align:center; font-size:10pt; border:1px dashed #ffffff; padding:5px;}
#upd td {color:#00336A; background:url(trans_a.png); text-align:left; font-size:10pt; border:1px dashed #ffffff; padding:10px;}
#costext {position:absolute; top:280px; width:250px; left:690px;}
#upd .empty{background:transparent; border:0px; padding:5px;}

#comment_s {width:450px;}
#comment_s table {width:450px;}

#com th {color:#ffffff; background:url(head.png); text-align:center; font-size:10pt; border:1px dashed #ffffff; padding:5px;}
#com td {color:#00336A; background:url(trans_a.png); text-align:left; font-size:10pt; border:1px dashed #ffffff; padding:10px;}

#com .empty{background:transparent; border:0px; padding:5px;}

#frame {background:transparent;}

.nosee { display:none; }