/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: #ffffff;
	color: #ffffff;
	font: .75em Arial,Tahoma,Verdana,Helvetica,Sans-Serif
}
a{
	color: #ffffff;
	text-decoration: none
}
a:hover{
	color: #cccccc;
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 1em;
	text-transform: uppercase
}
h3{
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 1em;
	text-transform: uppercase
}
p{
	padding: 0 0 1em
}
/*=== Centered Layout ===*/
#centerwrap{
	height: 470px;
	margin: 0;
	overflow: hidden;
	background-color: #000000;
	width: 100%
}
#content{
	background: #000000;
	height: 470px;
	width: 1000px;
	margin: 0 auto;
}
#centerwrap{
	margin: -240px 0 0 0;
	position: absolute;
	top: 50%
}
/*=== Columns ===*/
.col1{
	float: left;
	height: 1%;
	padding: 151px 0 0 90px;
	width: 287px
}
.col2{
	float: left;
	width: 320px;
}
.col3{
	float: left;
	padding: 12px 0 0 15px;
	width: 270px
}
.col3 a{
	text-decoration: underline;
}

.col3 a.active{
	color: #e2001a;
	text-decoration: none
}

.col3 a.hover{
	color: #e2001a;
	text-decoration: none
}


.col3 h2{
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 1em;
	text-transform: uppercase
}
/*=== Logo ===*/
#logo h1{
	background: url(../images/logo.gif) no-repeat;
	margin: 0 0 150px;
	text-indent: -9999px;
	width: 213px
}
#logo h1 a{
	display: block;
	height: 47px
}
#logo h1 a:hover{
	text-decoration: none
}
/*-=== Navigation ===*/
.nav1{
	margin: 0 0 10px
}
.nav1 ul{
	float: left;
	width: 100px
}
.nav1 li{
	margin: 0 0 3px
}
.nav1 li a{
	color: #cacaca;
	text-decoration: none
}
.nav1 li a:hover,
.nav1 li.active a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none
}
.nav1 .subnav ul{
	padding: 20px 0 0;
	width: 185px
}
/*=== Scrollbar ===*/
#mycustomscroll{
	height: 415px;
	overflow: auto;
	padding: 0 5px 0 0;
	margin: 0.3em auto;
	position: relative
}

#mycustomscrollhome{
	height: 400px;
	overflow: auto;
	padding: 0 5px 0 0;
	margin: 0.3em auto;
	position: relative
}
/*=== Paging ===*/
.paging{
	padding: 10px 0 0
}
.paging a{
	padding: 0 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin-left: 1px;
	text-decoration: none
}
.paging a:hover,
.paging a.active{
	background: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	text-decoration: none
}

.paginghome{
	padding: 10px 0 0
}