/*
basic styles
*/

img{
	border: 0;
}

img.floatLeft{
	border: 0;
	float: left;
}

body {
	background-color: white;
	color: #666666;
}

body, li, p, td, h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
}

h1{
	font-size: 9px;
	margin: 0px 16px 16px 0px;
	width: auto;
}

h2{
	font-size: 9px;
	margin: 0px 16px 16px 0px;
	width: auto;
}

a{
	background-color: #BF0000;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	background-color: #333333;
	color: White;
	text-decoration: none;
}

a.navlink{
	background-color: #FFFFFF;
	color: White;
	text-decoration: none;
	margin:0;
}

a.navlink:hover {
	background-color: #FFFFFF;
	color: White;
	text-decoration: none;
	margin:0;
}

a.imglink{
	text-decoration: none;
}

a.imglink:hover{
	text-decoration: none;
}

/*
text styles
*/

#container .content p{
	margin: 0px 16px 16px 0px;
}

.highlight{
	background: #FFFFFF;
}
/*
layout styles
*/
* {
	margin: 0em;
	padding: 0em;
}

#container{
	margin-left: auto;
	margin-right: auto;
	width:760px;
	background-color: #E4E5E3;
}
/*
	nav section
*/

#homeFlash{
	margin-top:16px;
	margin-bottom:8px;
}

#container .nav{
	margin: 0 40px 0 40px;
	padding-top: 40px;
	width:680px;
}

#container ul .inline{
	display: inline;
	list-style: none;
	margin: 0;	
	padding: 0;
}

#container ul .inline li{
	display: inline;
}

#container ul.inlinePadded{
	display: inline;
	list-style: none;
	margin: 0;	
	padding: 0;
}

#container ul.inlinePadded li{
	display: inline;
	padding-left: 4px;
	padding-bottom: 4px;
}

#container .content ul.block{
	display: block;
	list-style: none;
	margin: 0px 16px 16px 0px;
	padding: 0;
}

#container .content ul.disc{
	display: block;
	list-style: none;
	margin: 0px 8px 16px 124px;
	padding: 0;
}

#container .content ul.block li{
	display: block;
	margin: 0;
	padding: 0;
}

#container .content li.list{
	display: block;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
}

#container .content li.strong{
	display: block;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
}


#container .nav .live{
	margin-top: 16px;	
	margin-bottom: 16px;	
}

/*
	content section
*/
#container .content{
	margin-left: 40px;
	margin-right: 40px;
	width:680px;
}

#container .top{
	margin-left: 40px;
	margin-right: 40px;
	padding-top: 18px;
	width:680px;
}

#container .top h1{
	font-size: 9px;
	margin: 0px 0px 8px 0px;
	width: auto;
}

#container .top form{
	margin-top: 0px;
}

#container .top form .inputField{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	width: 170px;
	height: 18px;
	padding-top: 2px;
	border: 0;
	color: White;
	background: #000000;
}

#container .top form .submitButton{
	margin-left: 16px;
}

#container .end{
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 16px;
	width:680px;
}

#container .top .column td{
	width:340px;
}
#container .content .column td{
	width:340px;
}
#container .content .splitcolumn td{
	width:25%;
}

#container .content .splitcolumn{
	margin-bottom:16px;
}

#container .content .splitcolumn td img{
	margin-right:4px;
}

/* Hack: get IE/Win to display an image-based HR without 3D borders */
#container div.hr {
	margin: 20px 40px 20px 40px;
	width: 680px;
	height: 1px;
	background: #000000 url("../images/interface/hr_line.gif") repeat-x;
}

#container div.hr hr {
  display: none;
}