/********************************************
HTML ELEMENTS
********************************************/

* { margin: 0; padding: 0; outline: 0; } 

body {
background: #ffffff; 
color: #000000; 
margin: 0px 0; 
font-family: Verdana, Tahoma, arial, sans-serif; 
font-size: 80%; 
line-height: 1.5em; 
}
#wrap {
width: 750px;
margin: auto; 
text-align: left; 
}
#content-wrap {
width: 750px;
padding: 0 0 0 0; 
}
#head {
position: relative ;
height: 233px;
background: url(../img/header.png) no-repeat center top; 
margin:  0px 0px 0 0 ;
padding: 0 0 0 0; 
}

#content{
	text-align:left;
	border:0px solid;
}

#menu {
position:absolute;
background: url(../img/menu.png)  ; 
height:28px;
width:750px;
}

#menutext {
	float: none;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: left;
	list-style:none;
}
.menuc {
text-align: center;
font-size: 110%;
line-height:2;


}
/********************************************
MAIN COLUMN
********************************************/


#main {
background: url(../img/content.png) repeat-y; 
width:750px;
}
#maintext {
	padding-top: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.title{
font-size: 110%;
font-weight:bold;
}

#main h2 {
padding: 0;
margin-bottom: 0;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 180%;
font-style: normal;
font-weight: bold;
}
#main h2 a {
color: #000000;
text-decoration: none;
}

#main p, #main h1, #main h2, #main h3, #main ol, #main ul,
#main blockquote, #main table, #main form {
margin-left: 25px;
margin-right: 20px;
}

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

#foots{
position:relative;
bottom:0px;
margin-left: 1px;
height: 32px;
width: 750px;
margin-top: -15px;
padding: 0;
 background: url(../img/foot1.png) ;
}

#foot{
position:relative;
bottom: 0px;
margin-left: 1px;
height: 50px;
width: 750px;
padding: 0; background: url(../img/footer.png) 
}
#footertext {
    color: #ffffff;
	text-align:center;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
/********************************************
WEBSITE LINKS
********************************************/
a, a:visited {
text-decoration: none;
background: inherit;
color: #000000;
}
a:hover {
background: inherit;
color: #2d90ff;
}

/********************************************
WEBSITE TEXT HEADERS
********************************************/
h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; }
h1 {
font-size: 180%;
font-weight: normal;
color: #555;
}
h2 {
font-size: 150%;
color: #a3a3a3;
font-weight: normal;
}
h3 {
font-size: 135%;
color: #a3a3a3;
}

/********************************************
WEBSITE IMAGES
********************************************/
img {
background: #fff;
border: 0px solid #000000;
padding: 0px;
}

h1, h2, h3, p {
margin: 0px 0px 0 0;
padding: 0;
}
ul, ol {
margin: 5px 15px;
padding: 0 25px;
}
table,tr,td {
border: 0px;
margin: 0;
padding: 0;}

.vs{
font-size: 120%;
font-weight: bold;}

.c{text-align: center;}
.l{text-align: left;}
.r{text-align: right;}

#form{
background: url(img/form.jpg);
color: #a3a3a3;
border: 0;
width:120px;
height: 20px; }

#form2{
background: url(img/form2.jpg);
color: #a3a3a3;
border: 0;
width:200px;
height: 20px; }

#button{ 
background: url(img/form.jpg);
color: #a3a3a3;
border: 0;
width:50px;
height: 20px;}

#regbutton{ 
background: url(img/form.jpg);
color: #a3a3a3;
border: 0;
width:60px;
height: 20px;}

#loginbutton{
margin: 5 5 0 22;
background: url(img/form.jpg);
color: #a3a3a3;
border: 0;
width:50px;
height: 20px;}

#resetbutton{
font-size: 80%;
margin: 5  22 0 0;
background: url(img/form.jpg);
color: #a3a3a3;
border: 0;
width:60px;
height: 20px;}

.reg{

margin: 0 10 0 0;
}

.lil{
font-size: 110%;
padding: 0 0 0 0; }

.little{
font-size: 80%;
padding: 0 0 0 0; }