/* Base Styles */

body, input, textarea, select { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }

body {

	margin: 0px;

	padding: 25px 0;

	background: url(/images/bgBody.jpg) repeat-x #0090cf;

	color: #2e2e2e;

}



a { color: #2e2e2e; text-decoration: underline; }

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



img { border: 0px; padding: 0px; margin: 0px; }



/* Form hack */

form { padding: 0px; margin: 0px; }



/* Formatting hack */

.clear { clear: both; }

.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }

.clearafter { display: inline-block; }



/* Hides from IE-mac */

* html .clearafter { height: 1%; }

.clearafter { display: block; }



/* Generic Styles */

.aligncenter { text-align: center; }



/* Header */

#header {

	position:relative;

	background: url(/images/bgHeader.jpg) no-repeat;

	width: 950px;

	height: 279px;

}



/* Top Menu */

#menu_container {

	position:relative;

	background: url(/images/bgMenu.jpg) no-repeat;

	width: 950px;

	height: 38px;

	margin: 0;

	padding: 0;

}



#menu_top {

	margin: 0 auto;

	padding: 0;

	height: 38px;

	width: 100%;

}



#menu_top table {

	height:38px;

	margin:0 auto;

	padding:0;

}



#menu_top td.img_diver {

	background:url(/images/buttons/menuDivider.gif) no-repeat;

	width:20px;

	height:38px;

}



#menu_top a {  

	color:#ffffff;

	display: block;

	float: left;

	font-weight: bold;	 

	height: 38px;    

	margin:0;

	padding-right: 5px; /* sliding doors padding */

	text-decoration: none;

}



#menu_top a span {  

	display: block;

	line-height: 32px;

	padding: 0px 8px 0 12px; 

}



#menu_top a:hover span, #menu_top a.active span {

	background: transparent url("/images/buttons/bgMenuButtonOn_Left.jpg") no-repeat;

	height: 38px;

}



#menu_top a:hover, #menu_top a.active {

	background: transparent url("/images/buttons/bgMenuButtonOn_Right.jpg") no-repeat scroll top right;

	color:#ffffff;

	height: 38px;

}

/* Container */

#container {

	text-align: left;

	width: 950px;

	margin: 0 auto;

	background: #ffffff;

}



/* Content */

#content {

	float: right;

	width: 645px;

	padding: 10px 10px 10px 10px;

	background: #ffffff;

}



#content p { padding: 10px 0 0 0; margin: 0px;}



#content dl { width: 410px; height: auto; margin: 0px; padding: 0px; }

#content dt { clear: both; float: left; width: 150px; height: auto; margin: 0px; padding: 5px 0 0 0; }

#content dd { float: left; width: 250px; height: auto; margin: 0px; padding: 5px 0 0 0; }



#content .star { color: #88031e; font-weight: bold }

#content .text { width: 250px; }



#content .youtube { float: right; padding: 5px 10px 5px 10px;  }

#content .icon { float: left; padding: 0px 5px 0px 5px;  }

#content .feature { float: left; width: 300px; height: 160px; border: 1px dashed #317bd0; background: #f3f3f3; padding: 5px 5px 10px 5px; margin: 20px 5px 5px 5px; font-size: 11px; }



#content .competition { float: left; width: 180px; height: auto; text-align: center; margin: 10px 5px 5px 5px; padding: 5px; border: 1px dashed #317bd0; }

#content .competition p { padding: 0px; margin: 0px; font-size: 11px; } 



#content .competitiondiv { float: left; width: 420px; height: auto; margin: 0  0 0 10px; }



#content .character { float: left; margin: 0 20px 0 0 ; padding: 0 20px 0 0; }



#content h1 {

	font-size: 24px;

	color: #466d41;

	padding: 15px 0 0 0;

	margin: 0;

}



#content h2 {

	font-size: 20px;

	color: #466d41;

}

#content .title { color: #466d41; font-weight: bold; }

#content li {

	padding: 0 0 8px 0;

}



#content .bodytext {

	padding: 0 15px;

}



#content a {

	font-weight: bold;

	text-decoration: none;

	color: #317bd0;

}



#content a:hover {

	text-decoration: underline;

}



/* Navigation */

#navigation {

	background: url(/images/bgNavigation.jpg) top no-repeat #ffffff;

	float: left;

	width: 265px;

	margin: 0;

	padding: 15px 0 0 10px;

}



#navigation p {

 padding: 5px 15px 0px 15px; margin: 0px; 

}



#navigation .blog a { font-size: 12px; color:#20385c; font-weight:bold; text-decoration:none;}

#navigation .blog ul { padding: 0 0 0 15px; }



#navigation .side a { font-size: 15px; }

#navigation .side { padding: 10px 0 15px 15px; }



#navigation ul { width: 245px; margin: 0; }



#navigation ul li { background: url(../images/bgMenuArrow.jpg) center left no-repeat; list-style-type: none; padding: 3px 0 3px 25px; }



#navigation li a { color:#20385c;	font-weight:bold;	text-decoration:none; }

#navigation li a:hover { text-decoration:none; }



/* Extra */

#extra {

	background: #ffffff;

	width: 215px;

	float: left;

	clear: left;

	padding: 10px 0 0 20px;

}



/* Footer */

#footer {

	clear: both;

	width: 930px;

	height: 101px;

	padding: 10px;

	background: #ffffff;

}

#footer_bg {

	background: url(/images/bgFooter.jpg) repeat-x;

	width: 930px;

	height: 71px;

	text-align: center;

	padding: 10px 0 10px 0;

}