/****************************************************************************************************/
/*  This stuff removes dafault browser styling                   																										*/
/****************************************************************************************************/

*
{
  padding:0;
  margin:0;
}


/****************************************************************************************************/
/*  common markup styling*/
/****************************************************************************************************/

body
{
	font-family: tahoma, sans-serif, Helvetica, arial;
	background-color:#525252;
	color: #DFDFDF;
	color: #AFAFAF;
	font-size: 80%;
	letter-spacing:1px;
	background-image:url(../images/traffic.jpg);
	background-attachment: fixed;
}

p
{
  margin-top:10px;
}

H1
{
  font-size: 1.6em;
  color: #FF9966;
  letter-spacing:2px;
  margin:20px 10px 0 0;
}

H2
{
	font-size: 160%;
	font-weight:200;
	list-style-type:circle;
	padding:0px;
	margin:0px;
	color:red;
	text-decoration:underline;
	margin-top:40px;
}

H3
{
  font-size: 140%;
  font-weight:600;
	padding-top:20px;
	color: #DFDFDF;
}


H4
{
  font-size: 100%;
  font-weight:600;
	color: #EF8A59;
  magin-left:10px;
  border-left:solid 10px #3D3D3D;
}



a
{
	color: white;
	text-decoration:none;
}

a:hover ,a:active ,a.visited
{
	color: #FFEFEF;
	text-decoration:underline;
}

li
{
	list-style-type:decimal;
	margin-left:50px;
}




/****************************************************************************************************/
/*  Centered container, all things positioned relative to this                   																										*/
/****************************************************************************************************/

#main
{
	width:900px;
	background-color:#4F4F4F;
	text-align:left;
	height:100%;
	border-left:6px dashed white;
	border-right:6px dashed white;
	padding:40px 0 40px 0;
	margin-bottom:-30px;
  min-height:1200px;
  height:auto !important;
  height:1200px;
}


#lines
{
	margin:0 0 0 80px;
	border-bottom:double 13px #FF9966;
}


#banner img
{
	margin:0 0 0 70px;
}


#content
{
  text-align:left;
  position:relative;
}

.roundedArea 
{
	border:solid #4F4F4F 1px;
	border: solid 1px white;
	-webkit-border-radius: 8px;  /* safari-chrome */ 
	-moz-border-radius: 8px;   /* firefox */ 
	border-radius: 8px;  /* opera */ 
	padding:10px;
	margin-top:15px;
}

.middle
{
	background-color: #3D3D3D;
	width:627px;
	_width:640px;
	padding: 10px 0 10px 0;
	border:solid #DFDFDF 1px;
}


.middle p, .middle div, .middle li
{
	color: #AFAFAF;
	font-size: 1em;
	font-weight: lighter;
  padding-left:10px;
}

#copy
{
  padding:0 20px 0 20px;
  margin-left:200px;
  border-left:solid 1px #9F9F9F;
}

.example
{
	float:right;
	vertical-align:top;
	width:170px;
	margin: 0 15px 0 10px;
}

#copyw
{
  margin-top:80px;
}

#menu
{
	position:absolute;
	top: 10px;
	left: -40px;
	_left: -250px;
}

#menu li
{
	list-style-type:none;
	border:solid 1px #4F4F4F;
}


#menu li a
{
	letter-spacing:1px;
	color:#EFEFEF;
	font-size:.85em;
	font-weight:bold;
	display:block;
	padding:7px;
	border: solid 1px #4F4F4F;
}

#menu li a:hover
{
	color: white;
	background-color: #4A4F4E;
	border: solid 1px white;
	text-decoration:none;
}

.block
{
  display:block;
}

.qu
{
  font-size:26px;
  margin-bottom:-10px;
	padding-bottom:-10px;
}



