/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	/*font-family				: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size				: 77%;
	color					: #000;
	text-align				: center;
	margin					: 20px 0px 20px 0px;
	padding 				: 0px;
	background-color		: #999;
	background-image		: url(../images/bkgrd.gif);
}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 900px;
	min-height				: 410px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	background-color		: #FFFFFF;
	display					: block;
	border					: 2px solid #000;
	
}

*html #container{
	height					: 410px;
	
}

/*###############
##### FONTS #####
###############*/ 

 
p{
	padding					: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 115%;
	line-height				: 1.4em;
}



h1{
	padding		 			: 5px 0px 5px 5px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 150%;
}

h2{
	padding		 			: 0px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;	
	font-size 				: 140%;
}

h3{
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 120%;
}

h4{
	padding		 			: 5px 0px 5px 20px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
	font-size 				: 125%;
	color					: #FFFFFF;
	background-color		: #D9006C;
	border-top				: 1px solid #FF93C9;
	border-bottom			: 1px solid #9B004E;
	background-image		: url(../images/arrow.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}



#contentRight ul, #contentRight ul ul 
{
	list-style				: none;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 10px;	
}
#contentRight ul li, #contentRight ul ul li
{
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 10px 5px 15px;
	font-size 				: 115%;
	line-height				: 1.4em;
	background	  			: url(../images/bullet.gif) top left no-repeat;
}
#contentRight ul ul li{
	background				: url(../images/square.gif) top left no-repeat;
	font-size 				: 95%;
}



a{
	color					: #D9006C;
	text-decoration			: none;
}

a:hover {
	color					: #D9006C;
	text-decoration			: underline;
}




/*################
##### HEADER #####
################*/ 


#header{
	width					: 900px;
	margin					: 0px;
	padding					: 0px;
	height 					: 145px;
	background-image		: url(../images/header.jpg);
	background-repeat		: no-repeat;
	
}

ul#banner {
	margin					: 0px;
	padding					: 0px;
	float                   : left;
	
}

.banner{
	margin					: 0px;
	padding                 : 10px 0px 5px 10px;
	border					: none;
}


.logo{
	margin					: 20px 20px 0px 0px;
	border					: none;
	float					: right;
}




/*################
### NAVIGATION ###
################*/ 

.headerNav{
	clear					: both;
	display 				: block;
	height					: 45px;
}

ul.navMain{
	margin 					: 0px 0px 0px 10px;
	padding					: 0px;
	display 				: block;
	list-style 				: none;
	width					: 866px;
	height					: 43px;
	border					: 1px solid #000;
}

*html ul.navMain{
	width					: 875px;
}

ul.navMain li{
	display 				: inline;
}


ul.navMain li a{
	margin					: 1px 0px 1px 1px;
	padding					: 12px 9px 0px 9px;
	display 				: block;
	float 					: left;
	font-weight				: bold;
	color					: #FFF;
	text-decoration 		: none;
	text-align				: center;
	font-size 				: 13px;
	line-height				: 1.2em;
	height 					: 29px;
	background-color		: #D9006C;	
}
ul.navMain li.height a{
	padding					: 6px 10px 0px 10px;
	height 					: 35px;
	
}

.navMain li a:hover, .navMain li a.selected{
	background-color		: #FF3399;
	color					: #FFF;
}


.navMain li:hover ul, .navMain li:hover .navMain li:hover ul {
	display					: block;
}






/*#####################
### LEFT NAVIGATION ###
#####################*/ 



#leftNav{
	display 				: block;
	margin					: 40px 0px 0px 2px;
	padding					: 0px;
	width					: 162px;
	font-size				: 130%;
}

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

#leftNav li {
	list-style				: none;
	
}

#leftNav li a {
	text-decoration			: none;
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 5px 0px;
	color					: #999;
	font-weight				: bold;
	line-height				: 1.7em;
	border-top				: 1px solid #D9006C;
	background-image		: url(../images/leftNavOver.gif);
	background-position		: right;
	background-repeat		: no-repeat;
	
}

*html #leftNav li a {
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 5px 0px;
	height					: 20px;
	
}


#leftNav li a:hover, #leftNav li a.selected {
	color					: #000;
	background-image		: url(../images/leftNav.gif);
	background-position		: right;
	background-repeat		: no-repeat;
	
}


/*###############
#### CONTENT ####
###############*/ 
	
	
#content{
	margin					: 0px;
	padding					: 0px;
	width 					: 900px;
	height					: 100%;
	height					: auto;
	display 				: block;
/*	background-image		: url(../images/bkgContent.gif);
	background-repeat		: repeat-y;
	background-position		: top;*/
}


#contentLeft{
	margin					: 5px 0px 5px 10px;
	padding					: 0px 0px 0px 0px;
	width 					: 175px;
	min-height				: 410px;
	display 				: block;
	float 					: left;
	font-size				: 80%;
	
}

*html #contentLeft{
	margin					: 5px 0px 5px 5px;
	height					: 410px;
}



#contentRight{
	margin					: 5px 10px 5px 0px;
	padding					: 0px 0px 0px 0px;
	width 					: 700px;
	min-height				: 410px;
	float					: right;
}

*html #contentRight{
	margin					: 5px 5px 5px 0px;
	height					: 410px;
}



#main{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width 					: 500px;
	float					: left;
}


#mainContent{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 5px 0px 5px;
	width 					: 480px;
	float					: left;
}






#teaser{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 200px;
	float					: right;
}



/*################
##### TEASER #####
################*/ 


.teaserBox{
	margin					: 0px 0px 0px 0px;
	padding					: 1px;
	width					: 184px;
	min-height				: 136px;
	display					: block;
	background-color		: #FFF;
	border					: 1px solid #000;
}

.teaserInner
{
	margin: 0px;
	padding: 0px;
	width: 184px;
	min-height: 136px;
	display: block;
	background-color: #999999;
}


.teaserInner p{
	color					: #FFF;
	font-size				: 90%;
	padding					: 5px;
}

.teaserImg{
	float					: right;
}


.teaserBox a{
	text-decoration			: none;
	color					: #FFF;
}

.teaserBox a:hover{
	text-decoration			: underline;
	color					: #FFF;
}

/*################
##### FOOTER #####
################*/ 


#footer{
	height					: 70px;
	width					: 900px;
	line-height				: 1.2em;
	font-size				: 90%;
	color					: #666;
	clear					: both;
}


#copyright{
	margin					: 0px;
	padding		 			: 5px 0px 0px 10px;
	float					: left;
	text-align				: left;
	
}

#copyright a {
	text-decoration			: none;
	color					: #333;
}


#copyright a:hover {
	color					: #D9006C;
	text-decoration			: underline;
}


#creators{
	padding		 			: 5px 20px 0px 0px;
	float					: right;
	text-align				: right;
	
}


#creators a {
	text-decoration			: none;
	color					: #333;
}


#creators a:hover {
	color					: #D9006C;
	text-decoration			: underline;
}



/*###############
##### MISC. #####
###############*/ 

.tbl
{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
}
.tbl td
{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 10px 0px 0px;
	vertical-align			: top;
}
.tbl td.middle
{
	border-left				: 1px solid #D9006C;
	width					: 10px;
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
}


.clear{
	clear					: both;
	height					: 1px;
}


.contentImg{
	border 					: 1px solid #EE7D11;
}


.txtResizer{
	border					: none;
	float					: right;
	margin					: 0px 10px 10px 0px;
}


.table{
	width					: 350px;
}


.table td{
	height					: 25px;
	font-size				: 115%;
}

/*################
##### Thread #####
################*/ 

.threadBox
{
	margin					: 0px 0px 0px 0px;
	padding					: 1px;
	width					: 184px;
	min-height				: 136px;
	display					: block;
	background-color		: #FFF;
	border					: 1px solid #000;
}

.threadHeader
{
	padding					: 0px;
	display					: block;
	background-color		: #D9006C;
}

.threadTitle
{
	color					: #FFF;
	padding					: 5px;
}

.threadDate
{
	color					: #FFF;
	font-size				: 90%;
	padding					: 5px;
	float					: right;
	margin-top: -25px;
}

.threadBody
{
	color					: #FFF;
	font-size				: 90%;
	padding					: 5px;
	background-color		: #999999;
}

.threadTitle a{
	text-decoration			: none;
	color					: #FFF;
}

.threadTitle a:hover{
	text-decoration			: underline;
	color					: #FFF;
}

#floatRight
{
	float:right;
	margin-top: -30px;
	margin-right: 20px;
}

#floatRightBottom
{
	float:right;
	margin-top: 10px;
	margin-right: 20px;
}

.bannerTicker {
	list-style-type: none;
	background: #ffffff;
}