/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 10 pixel gutter */
/* ================ */

.grid_1 { width:70px; }
.grid_2 { width:150px; }
.grid_3 { width:230px; }
.grid_4 { width:310px; }
.grid_5 { width:390px; }
.grid_6 { width:470px; }
.grid_7 { width:550px; }
.grid_8 { width:630px; }
.grid_9 { width:710px; }
.grid_10 { width:790px; }
.grid_11 { width:870px; }
.grid_12 { width:950px; }
.grid_13 { width:1030px; }

.column {
	margin: 0 5px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -5px;
	width: auto;
	display: inline-block;
}

#container {
	width:1060px;
	position:relative;
	margin:0 auto 0 auto;
	height:735px;
}

body {
	background-color:#000000;
	background:url('images/main-bg.jpg');
	background-repeat:no-repeat;
	margin-top:-10px;
}

/* Navigation Bar */

.top_bar {
	height:25px;
	position:relative;
	top:-2px;
}

span.top_right {
	position:relative;
	right:5px;
	float:right;
	top:2px;
}

a#logo {
	position:relative;
	background:url('images/nav-logo.png') no-repeat 0 0;
	display:block;
	height:140px;
	width:230px;
	margin-bottom:15px;
	margin-top:15px;
}

ul#dropdown {
	margin:0px;
	padding:0px;
	width:auto;
}

ul#dropdown li {
	list-style:none;
}

ul#dropdown li a {
	position:relative;
	float:left;
	background-image:url(images/white80.png);
	display:block;
	height:62px;
	width:65px;
	margin-left:5px;
	margin-bottom:35px;
	margin-top:47px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	color:#000000;
	font-family:Helvetica;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

ul#dropdown li a:hover {
	background-image:url(images/white100.png);
}

ul#dropdown li ul {
	margin:0px;
	margin-top:122px;
	padding:0px;
	position:absolute;
	visibility:hidden;
}

ul#dropdown li ul li {
	float:none;
	display:inline;
	list-style:none;
}

ul#dropdown li ul li.dropdown-top {
	float:none;
	display:block;
	list-style:none;
	float:none;
	width:75px;
	height:auto;
	background-image:url(images/white80.png);
	color:#000000;
	margin-left:5px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:4px;
	padding-bottom:4px;
	z-index:50;
}

ul#dropdown li ul li a {
	float:none;
	width:145px;
	height:auto;
	background-image:url(images/white80.png);
	color:#000000;
	margin-left:5px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:4px;
	padding-bottom:4px;
	z-index:50;
	font-weight:normal;
}

ul#dropdown li ul li a:hover {
	background-image:url(images/white100.png);
}
	

div.nav-search {
	position:relative;
	float:left;
	background-color:#FFFFFF;
	display:block;
	height:30px;
	width:170px;
	margin-bottom:35px;
	margin-left:5px;
	margin-top:47px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:40px;
	color:#000000;
	font-family:Helvetica;
	font-size:30px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* Main Content */

div.contentArea {
	background-image:url(images/black90.png);
}


/* Related Links */

ul#relatedLink {
	margin:0px;
	padding:0px;
}

/* Forms */

.field {
	padding-top:5px;
	padding-bottom:5px;
}

/* validation */

.formFieldValidate {
	height:16px;
	overflow:hidden;
	float:left;
	position:relative;
	padding:0.4em;
}

.formFieldValidateCheck {
	height:16px;
	overflow:hidden;
	float:left;
	position:relative;
	padding:0.4em;
}

.formFieldValidateSuccess {
	height:16px;
	overflow:hidden;
	float:left;
	position:relative;
	padding:0.4em;
}

.formFieldValidateFail {
	height:16px;
	overflow:hidden;
	float:left;
	position:relative;
	padding:0.4em;
}

/* Footer */

.footer {
	height:65px;
	width:1060px;
	position:relative;
	margin:0 auto;
	bottom:0px;
}

.footer-copy {
	height:40px;
	width:1060px;
	position:relative;
	margin:0 auto;
	bottom:0px;
}

.foot-icons {
	float:left;
	padding-top:10px;
}



.sponsor-logos {
	float:right;
	padding-top:10px;
	
}

.foot-charity {
	float:right;
	padding-top:40px;
	
}

.forum-banner {
	float:center;
	padding-top:10px;
}


.icon-link {
	margin-right:10px;	
	border:none;
}

.sitemap {
}

/* jCarousel */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    height:80px;
    width:975px;
    margin-left:5px;
    float:left;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 120px;
    height: 78px;
	margin-left:10px;
	margin-bottom:10px;`
}

li.jcarousel-item {
	border:1px solid white;
	opacity:1;
	filter:alpha(opacity=100);
}

li.jcarousel-item a {
	width:110px;
	height:68px;
	display:block;
	padding:5px;
	font-family:Helvetica;
	opacity:0;
	filter:alpha(opacity=0);
	text-decoration:none;
}

li.jcarousel-item a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	font-size:12px;
	font-weight:bold;
	background-image:url(images/black70.png);
	color:#FFFFFF;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    width: 11px;
    height: 80px;
    cursor: pointer;
    background: transparent url(images/carousel_right.png) no-repeat 0 0;
    float:right;
    margin-right:10px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.jcarousel-next-disabled-horizontal {
	opacity:0.4;
	filter:alpha(opacity=80);
}

.jcarousel-prev-horizontal {
    width: 11px;
    height: 80px;
    cursor: pointer;
    background: transparent url(images/carousel_left.png) no-repeat 0 0;
    float:left;
    margin-left:10px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.jcarousel-prev-disabled-horizontal {
	opacity:0.4;
	filter:alpha(opacity=80);
}
</div></ul></div>