/* 
CSS 
*/
 
body { font-family: tahoma; color: #fff; background: #000; margin: 0; line-height: 1.4em; letter-spacing: 0.01em;}
html { }
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#wrapper { width: 790px; padding: 2px; margin: none;}
#header { width: 800px; height: 145px; margin: 0; background: url(images/header.jpg);} 
.logo { margin: 10px 0 10px 10px; border: 0; }

#box1 {
	position: relative;
	left: -30px;
	color: #fff;
	font-size:75%;
}
#box2 { position: relative; top:20px; left: -30px; color: #333; font-size:80%; }
#content { width: 400px; padding: 0 0 0 10px;}

#footer { padding: 20px 20px 0 20px; font-size: 70%;  margin-top: 30px; color: #999; text-align: left; }
#blackhyper a { font-size: 1px; color: #000000; }

#box1 h1 { font-size: 120%; color: #FFFFCC; font-weight: bold; margin: 4px;}
#box2 h1 { font-size: 130%; color: #660000; font-weight: bold; }

a:link { color: #FFFFCC; text-decoration: none;}
a:active { color: #FFFFCC; text-decoration: none;}
a:hover { color: #ccc; text-decoration: none;}
a:visited { color: #FFFFCC; text-decoration: none;}

#box1 a:link { color: #FFFFCC; text-decoration: none;}
#box1 a:active { color: #FFFFCC; text-decoration: none;}
#box1 a:hover { color: #ccc; text-decoration: none;}
#box1 a:visited { color: #FFFFCC; text-decoration: none;}

#box2 a:link { color: #660000; text-decoration: none;}
#box2 a:active { color: #660000; text-decoration: none;}
#box2 a:hover { color: #ccc; text-decoration: none;}
#box2 a:visited { color: #660000; text-decoration: none;}

/*rounded box 1*/
.box1 { 
	width: 693px; height: 120px; 
	background: url(images/quotebg.jpg) #660000; 
	}
	
.box1 p.first-ele {
		padding: ;
		background: transparent url(images/box1top.gif) no-repeat top left;
}

.box1 p.last-ele {
	padding: ;
	background: transparent url(images/box1bottom.gif) no-repeat bottom left;
}
/*rounded box 1 end*/

/*rounded box 2*/
.box2 {
	width: 693px;
	 
	background: #fff; 
	}
	
.box2 p.first-ele {
		padding: 25px 0 0 70px;
		background: transparent url(images/box2top.gif) no-repeat top left;
}

.box2 p.last-ele {
	padding: 25px 0 0 70px;
	background: transparent url(images/box2bottom.gif) no-repeat bottom left;
}
/*rounded box 2 end*/

/*NAV STYLES*/ 
#navcontainer { background: url(images/navbg.jpg); width:450px; height:56px; font-size: 70%; padding: 2px; color: #FFFFCC;margin-left: 10px;}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 0px;
padding-left: 1px; 
}
#navlist li a:link { color: #FFFF00; text-decoration: none; } 
#navlist li a:hover { color: #FF0000; text-decoration: none;  } 
#navlist li a:visited { color: #FFFF00; text-decoration: none;  } 
/*END*/

/*SMALL NAV*/
#smallnav { position: absolute; top: 165px; left: 515px; width: 184px; height: 93px; margin: 0; padding: 0; font-size: 60%; }

ul#smallnav { padding: 0; margin: 0;}
li#smallnav { padding: 0; margin: 0;}

#smallnav li 
{
display: block;
float: left;
background: url("images/smallb1.jpg") no-repeat;
text-align: left;
width: 184px;
height: 31px; 
}
#right_content {float: right; width: 250px; margin: 10px 0 0; clear: left;}

#smallnav ul {
list-style-type: none; 
padding: 0;
margin: 0;
}

#smallnav a
{
color: #FFFFCC;
text-decoration: none;
font-weight: normal;
display: block;
cursor:help;
padding: 5px;
}

#smallnav li#active { background: url("images/smallb1a.jpg") no-repeat ; }
#smallnav a:hover { background: url("images/smallb1a.jpg")  no-repeat; }
/*END*/

/* form styles */
#form { font-size: 11px; padding: 2px; margin: 30px 0 0 0px; width: 650px; text-align: left; line-height: 2.0em; }
#form_details { background: #ececec; padding: 5px; float: left; width: 240px; margin: 0 0 0 0 ; border: 1px solid #ccc;}
#form_event { background: #ececec; padding: 5px; float: left; width: 240px; border: 1px solid #ccc; margin-right: 40px;}
.field { width: 180px; height: 20px;  border: 1px solid #999; border-left: 1px solid #999; } 
.txtarea { width: 180px; border: 1px solid #999; border-left: 1px solid #999;}
.button { width: 70px; height: 25px; border: 1px solid #999; }
label { font-weight: normal; font-size: 11px; color: #333;}


.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}