body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body {
	background-color: #333333;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

  
#header {
  height:168px;
  width: 100%;
  background-image:url(images/head-bg.png);
  }
  
#logo {
  float:left;
  padding-top:15px;
  padding-left:75px;
  }

.menu {
  position:absolute;
  top:90px;
  left:430px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  }
  
.menu ul{
        margin: 0; 
		padding: 0;
        float: left;}

.menu ul li{
        display: inline;}

.menu ul li a{
        float: left; 
		text-decoration: none;
        color: white;
        padding: 10.5px 11px;
        background-image: url(images/menu-black.jpg); }

.menu ul li a:visited{
        color: white;}

.menu ul li a:hover, .menu ul li .current{
        color: #fff;
        background-image: url(images/menu-red.jpg);
		}
		
#top {
  padding-top:8px;
  padding-left:400px;
  float:left;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color: #FFFFFF;
  }
  
#top a {
  color:#FFFFFF;
  text-decoration:none;
  }
  
#top a:hover {
  color:#FF0000;
  text-decoration:underline;
  }
  
#wrapper {
  margin-left:auto;
  margin-right:auto;
  width:960px;
  height:auto;
  }
  
#wrapper a {
  color:#FF0000;
  font-weight:bold;
  text-decoration:none;
  }
  
#wrapper a:hover {
  text-decoration:underline;
  }
  
#cols {
  width:100%;
  height:600px;
  margin:20px auto;
  }
  
#cols a {
  color:#FF0000;
  text-decoration:none;
  }
  
#cols a:hover {
  text-decoration:underline;
  }
  
#left {
  width:550px;
  float:left;
  }
  
#right {
  width: 410px;
  float:left;
  }
  
#mid-col {
  margin-left:auto;
  margin-right:auto;
  width: 300px;
  height:auto;
  }
  
.mid-col1 {
  font-size:10px;
  font-weight:bold;
  color:#FF0000;
  }
  
#footer {
  background-image:url(images/menu-black.jpg);
  background-repeat:repeat;
  width:960px;
  height:40px;
  float:left;
  text-align:center;
  font-weight:bold;
  }
  
#foot2 {
  padding-top:10px;
  
  }
 
#footer a {
  color: #FFFFFF;
  text-decoration:none;
  }
  
#footer a:hover {
  color:#FF0000;
  text-decoration:underline;
  }
  
.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 125%;
	color: #FFFFFF;
}
.style2 {color: #FF0000}
.style3 {font-weight: bold;}
.style4 { font-weight: bold; font-size:18px;}
.style5 {color: #FF0000; font-size: 30px; }

.style6 {
  font-style:italic;
  font-weight: bold;
  }
  
#mid1 {
  float:left;
  width:200px;
  height:auto;
  }
  
#mid2 {
  float:left;
  width:300px;
  height:auto;
  }
  
/* CHECKBOX CSS */
span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(images/checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}

span.radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(images/radio.png) no-repeat;
display: block;
clear: left;
float: left;
}

span.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(images/select.jpg) no-repeat;
overflow: hidden;
}
/* END CHECKBOX CSS */

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 20px;
}

input.size {
  width: 57px;
  height: 32px;
  border: hidden;
  }
  
input.color {
  background-color:#CCCCCC;
  border: hidden;
  }
  
textarea.color {
  background-color:#CCCCCC;
  border:hidden;
  }

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

br {
	clear: left;
}

#content {
  width:960px;
  float:left;
  }
  
#con-top {
  width:960px;
  }
  
#con-top-left {
  width:480px;
  float:left;
  text-align:center;
  }
  
#con-top-right {
  width:480px;
  float:right;
  text-align:left;
  }

#con-top1 {
  width:960px;
  }
  
#con-top-left1 {
  width:480px;
  float:left;
  text-align:center;
  }
  
#con-top-right1 {
  width:480px;
  float:right;
  text-align:left;
  }
  
#con-mid {
  width:960px;
  }
  
#con-mid-left {
  width:480px;
  float:left;
  text-align:center;
  }
  
#con-mid-right {
  width:480px;
  float:right;
  text-align:left;
  }
  
#con-bot {
  width:960px;
  }
  
#con-bot-left {
  width:480px;
  float:left;
  text-align:center;
  }
  
#con-bot-right {
  width:480px;
  float:right;
  text-align:left;
  }
