*****************************************************/
/*   Design:  DVE                         */
/*   Stylesheet for screen rendering        */
/*---------------------------------------------------*/
/*   Author:  Stacie Johnstun                        */
/*   Email:   stacie@yourwebcrew.com                 */
/*   Date:    December 1, 2007                         */
/*---------------------------------------------------*/

html,body {
margin:0;
padding:0;
}

body {
font: 80% arial,sans-serif;
margin: 0em auto; 
width: 100%;
padding: 0em; 
background-image: url(../images/bg.jpg);
}

p {
margin:0 10px 10px;
}

a {
display:block;
color: #981793;
}

h5 {
padding:7px;
}

.sm_txt {
color: #FFFFFF;
font-size: 8pt;
}

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:13px;
	background:#2d3c72;
	border:3px solid #CCCCCC;
}
ul#menu li{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	pading:0px;
	}
	
ul#menu li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 14px 0 10px;
	height:20px;
	font-weight: bold;
	}
ul#menu li a:hover{
	background: #217DDA;
	}

.sel{
	background: #7D3B93;
	border-right:1px solid #CCCCCC;	
	}

.last{
	width: 45px;	
	border: none;
	}
	
 .lastsel{
	border: none;
	background: #7D3B93;
	}
	
.menu{
	border-right:1px solid #CCCCCC;
	
	}
.buffer {
float: left;
width: 100px;
max-height: 8px;
background: #FFFFFF;
}

#header {
margin-top: 5px;
margin-left: 4px;
margin-bottom: 7px;
height:130px;
width:780px;
background: #FFFFFF;
}


.banner {
margin-top: 10px;
margin-left: 5px;
background: #FFFFFF;
color: #0099FF;
font: 270% Palatino, serif ; 
font-weight: bold;
}

.banner-font {
background: #FFFFFF;
color: #0099FF;
font: 180% Palatino, serif ;
font-weight: bold;
text-align: center;
line-height: 50px;
}

.banner-font2 {
background: #FFFFFF;
color: #7D3B93;
margin-top: 10px;
font: 160% Comic Sans MS;
font-weight: bold;
text-align: center;
}

.banner2 {
background: #FFFFFF;
color: #7D3B93;
margin-top: 10px;
font: 270%  Comic Sans MS ;
font-weight: bold;
text-align: center;
}

#container{
width:800px;
margin: 0px auto; 
background:#FFFFFF;
border: solid 1px #000000;
padding: 4px;
}

#container{
text-align:left
}

#content p{
line-height:1.4
}

#footer{
background: #FFFFFF;
color: #FFF
}

#footer p{
margin:0;
padding:5px 10px
}

#image{
float:right;
top: 0px;
width:515px;
height:213px;
background: #FFFFFF;
padding-bottom: 0px;
}

#media{
float:left;
width:264px;
max-height: 200px;
background:#FFFFFF;
margin-top: 5px;
padding: 4px 1px 1px 4px;
border: solid 1px;
border-color: #000000;
}

#states{
float: left;
width:264px;
height: 185px;
background:#FFFFFF;
padding: 4px 1px 1px 4px;
border: solid 1px;
border-color: #000000;
color: #333333;
font-size: 9pt;
line-height: 20px;
}

#form{
float:left;
width:269px;
height: 295px;
top:2px;
padding-top: 7px;
background:#FFFFFF;
border: solid 1px;
border-color: #000000;
text-align:center;
color: #333333;
}

#form p{
text-align:center;
color: #333333;
}

#form td{
color: #333333;
font-size: 8pt;
}

input { 
 background-color: #FFFFFF;
 font-size: 8pt;
 color: #333333;
}

select {
font-size: 8pt;
color: #333333;
width: 105px;
}

#address_box{
float:left;
width:271px;
background:#1B2A65;
}

#address_box td{
text-align:left;
color: #FFFFFF;
line-height: 18px;
letter-spacing: 1px;
font-weight: bold;
text-align: center;
font-size: 10pt;
}

#content{
float:right;
width:511px;
background: #000000;
padding: 2px;
padding-bottom:10px;
}

.box2{
float: left;
width:200px;
margin-top: 0px;
margin-left: 15px;
background: #000000;
color: #33ff00;
font-size: 9pt;
font-weight: bold;
text-align: center;
padding-bottom: 5px;
}

.box3{
float: left;
width:200px;
height: 165px;
margin-top: 0px;
margin-left: 5px;
background: #000000;
color: #33ff00;
font-size: 9pt;
font-weight: bold;
padding: 0px;
}

.merch{
float: left;
width:500px;
background: #ffffff;
color: #000000;
font-size: 10pt;
font-weight: bold;
text-align: center;
padding: 4px;
}

.box4{
float: left;
color: #ffffff;
background: #000000;
}

.links{
float: left;
margin-top: 0px;
margin-left: 5px;
background: #000000;
color: #ffffff;
font-size: 9pt;
font-weight: bold;
padding: 0px;
}

.box{
float: left;
width:480px;
margin-top: 10px;
background: #000000;
color: #ffffff;
font-size: 11pt;
font-weight: bold;
text-align: left;
padding: 0px;
}

.rentals{
float: left;
width:500px;
background: #ffffff;
color: #000000;
font-size: 8pt;
font-weight: normal;
text-align: left;
padding: 4px;
}

div#footer{
clear:both;
width:100%;
background: #FFFFFF;
color: #959595;
border-top: solid 1px #333333;
margin-top: 2px;
}
