BODY{
background:#382d4d url(../gifs/newbck.jpg) no-repeat;
color:#eeeeee;
font-family: "Trebuchet MS", Tahoma, Verdana, arial, Helvetica, sans-serif;
margin:30px;
margin-left:8px;
margin-top:60px;
font-size:100%;
text-align:center;
-webkit-text-size-adjust: 100%;
}

.maincontent{
background:transparent;
border:0px #af9878 solid;
width:980px;
margin-left:auto;
margin-right:auto;
}


.maincontentwide{
background:transparent;
border:0px #af9878 solid;
width:100%;
margin-left:auto;
margin-right:auto;
}


.navul{
width:250px;
float:left;
text-align:right;
margin-right:30px;
}

.mid{
float:left; 
text-align:left;
min-height:777px;
}

.introtext{
width:625px;
text-align:left;
}

.box{
float:left;
border:silver 1px solid;
padding:4px;
margin:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
background:#382d4d;
width:260px;
min-height:34em;
text-align:left;
}

.boxnew{
float:left;
border:silver 1px solid;
padding:4px;
margin:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
background:#382d4d;
width:750px;
min-height:34em;
text-align:left;
}

.select{
border:silver 1px solid;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}

H1 {
font-size:0.9em;
background:transparent;
color:#eeeeee;
width:80%;
margin:0px;
padding:0px;
padding-top:10px;
margin-top:10px;
padding-bottom:10px;
letter-spacing:0.5em;
text-align:center;
font-family: "Comic sans ms","Trebuchet MS", Tahoma, Verdana, arial, Helvetica, sans-serif;
}

H2 {
font-size:0.9em;
font-family: "Comic sans ms","Trebuchet MS", Tahoma, Verdana, arial, Helvetica, sans-serif;
font-weight:normal;
}


H3 {
font-size:0.85em;
font-family: "Comic sans ms","Trebuchet MS", Tahoma, Verdana, arial, Helvetica, sans-serif;
}

P {
font-size:0.9em;
}

P.clear{
clear:both;
}

P.nav{
padding-left:210px;
line-height:1.5;
}

UL {
list-style-type:none;
padding-left:10px;
text-align:left;
}

LI {
font-size:0.9em;
background-image:url(../gifs/paws.gif);
background-position:0pt center;
background-repeat:no-repeat;
margin:5px auto;
padding-left:25px;
}

UL.nav{

}

.footer{
background:transparent;
margin:4px;
text-align:right;
}

a:link{
color:#dddddd;
text-decoration:none;
font-weight:bold;
font-style:normal;
background:transparent;
font-size:0.9em;
}

a:active{
color:#dddddd;
text-decoration:none;
font-weight:bold;
font-style:normal;
background:transparent;
font-size:0.9em;
}

a:visited{
color:#dddddd;
font-style:normal;
text-decoration:none;
font-weight:bold;
background:transparent;
font-size:0.9em;
}

a:hover{
color:#ffffff;
text-decoration:underline;
font-weight:bold;
font-style:normal;
background:transparent;
font-size:0.9em;
}

.greybox{
width:210px;
float:left;
border:#dddddd solid 1px;
margin:5px;
padding:5px;
}

IMG.left{
float:left;
margin:5px;
}

IMG.right{
float:right;
margin:5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}

IMG.gallery{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}


IMG.rightfull{
float:right;
margin:5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}

.button{
background:#b61a85 url(../gifs/button.jpg) repeat-x;
color:#ffffff;
border:#000000 1px solid;
padding:7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}


@media only screen and (min-width : 800px) and (max-width : 999px) {






BODY{
background:#382d4d url(../gifs/newbck2.jpg) no-repeat;
}

P.nav{
padding-left:11px;
padding-top:54px;
}
.maincontent{width:95%;margin-right:0px;margin-left:0px;}

.introtext{width:90%;}
}



@media only screen and (max-width : 799px) {



IMG.rightfull{float:none;width:100%;}


.boxnew{width:90%;}

BODY{
background:#382d4d url(../gifs/newbck2.jpg) no-repeat;
}

P.nav{
padding-left:11px;
padding-top:54px;
}
.maincontent{width:95%;margin-right:0px;margin-left:0px;}

.introtext{width:90%;}

}