@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	font:18px/20px Helvetica, Arial, sans-serif;
	color:#fff;
	background:url(../images/bg.gif) 0 0 repeat-x #000;
	}

div, img, p, h1, h2, h3, h4, ul, ol, form, input, textarea{
	padding:0;
	margin:0;
	}

img{
	border:none;
	}

ul{
	list-style-type:none;
	}

a{
	outline:none;
	color:#fff;
	background-color:inherit;
	}

a:hover{
	text-decoration:none;
	}

.specer{
	font-size:0;
	line-height:0;
	clear:both;
	}

.nobg{	
	background:none !important;
	}

.nomrg{	
	margin:0 !important;
	}

/* ----- Main Container ----- */
#container{
	margin:0 auto;
	/*padding:0 40px;*/
	width:940px;
	background:url(../images/header.jpg) 0 64px no-repeat;
	}
/* ----- Header ----- */
#header{
	padding:16px 0 0;
	width:940px;
	}

#header img.logo{
	float:left;
	}

#header ul{
	float:right;
	width:275px;
	font-size:16px;
	line-height:33px;
	}

#header ul li{
	float:left;
	width:auto;
	margin:0 4px 0 0;
	}

#header ul li a{
	position:relative;
	display:block;
	text-decoration:none;
	float:left;
	width:auto;
	line-height:33px;
	height:64px;
	padding:0 16px ;
	}

#header ul li a span{
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	width:27px;
	height:16px;
	font-size:0;
	line-height:0;
	}

#header ul li a:hover, #header ul li a.active{
	background:url(../images/navbg_1.gif) 0 0 repeat-x;
	}

#header ul li a:hover span, #header ul li a.active span{
	background:url(../images/navbg_2.gif) 0 0 no-repeat;
	}

/* ----- Body ----- */
#body{
	margin:0 auto;
	width:942px;
	padding:62px 0 34px;
	}

/* ----- Left Panel ----- */
#body div.leftpan{
	float:left;
	width:450px;
	}

#body div.leftpan h1{
	margin:0 0 26px;
	height:38px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	padding:0;
	background:url(../images/caption.gif) 0 0 no-repeat;
	}

#body div.leftpan h2{
	padding:0 0 120px;
	font-size:30px;
	line-height:36px;
	font-weight:normal;
	}

#body div.leftpan h3{
	padding:0 0 16px;
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	}

#body div.leftpan ol{
	padding:0 0 20px;
	}

#body div.leftpan ol li{
	list-style-position:inside;
	padding:0 0 4px 0;
	}

/* ----- Right Panel ----- */
#body div.rightpan{
	float:right;
	width:485px;
	}

.rightpan div.right_box{
	margin:0 0 8px;
	position:relative;
	height:100%;
	overflow:hidden;
	/*background:url(../images/rightbg.gif) 0 0 repeat-y;*/
	}

.rightpan div.rightbg{
	padding:17px 17px 0;
	color:#979797;
	background-color:inherit;
	background:url(../images/rightbg.gif) 0 0 repeat-y;
	}


.rightpan div.right_box span.bottom_bg{
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:485px;
	height:6px;
	font-size:0;
	line-height:0;
	margin:0 0 -1px 0;
	background:url(../images/rightbg_bottom.gif) 0 100% no-repeat;
	}

.right_box p{
	padding:0 0 8px;
	}

.right_box div.right_box_bg{
	padding:17px 17px 0;
	height:100%;
	overflow:hidden;
	color:#979797;
	background-color:inherit;
	background:url(../images/rightbg_top.gif) 0 0 no-repeat;
	}

.right_box div.textarea{
	width:452px;
	padding:12px 0 24px;
	background:url(../images/text_area_bg.gif) 0 0 no-repeat;
	}

div.textarea textarea{
	margin:0 0 0 16px;
	background:none;
	border:none;
	width:414px;
	height:160px;
	font:20px/24px Helvetica, Arial, sans-serif;
	color:#979797;
	background-color:inherit;
	}

.right_box p.form_txt{
	float:left;
	width:200px;
	font-size:32px;
	line-height:36px;
	}

.right_box input.generate{
	float:right;
	width:242px;
	height:46px;
	border:none;
	outline:none;
	cursor:pointer;
	background:url(../images/active.gif) 0 0 no-repeat;
	}
	
.right_box input.generate[disabled]{
	float:right;
	width:242px;
	height:46px;
	border:none;
	outline:none;
	cursor:default;
	background:url(../images/active.gif) 0 100% no-repeat;
}


.right_box p.link{
	margin:0 0 10px;
	padding:0 0 0 14px;
	line-height:41px;
	background:url(../images/paragraph_bg.gif) 0 0 no-repeat;
	}
	
.linkBox{
	margin:0 0 10px;
	padding:10px 0 0 14px;
	width:437px;
	height:31px;
	border:none;
	font-size:20px;
	color:#fff;
	background:url(../images/paragraph_bg.gif) 0 0 no-repeat;
	}

.right_box p.link a{
	text-decoration:none;
	color:#fff;
	background-color:inherit;
	}

.right_box a{
	color:#125daa;
	background-color:inherit;
	}

.right_box a:hover,.right_box p.link a:hover{
	color:#666;
	background-color:inherit;
	}

.rightpan p.sponsors{
	text-align:center;
	font-size:12px;
	padding-top:10px;
	}

.rightpan div.adds{
	margin:0 auto;
	text-align:center;
	width:479px;
	height:74px;
	}

/* ----- Footer ----- */
#footer{
	margin:0 0 17px;
	padding:27px 0 0;
	font-size:12px;
	line-height:16px;
	background:url(../images/foot_bg.gif) 0 0 repeat-x;
	}

#footer p{
	float:left;
	width:454px;
	}

#footer ul{
	float:right;
	width:250px;
	}

#footer ul li{
	float:right;
	width:auto;
	margin:0 4px 0 0;
	}
	
#footer ul li.nomar{
	margin:0;
	}

#footer ul li a{
	margin:0 4px 0 0;
	text-decoration:none;
	}

#footer ul li a:hover{
	color:#666;
	background-color:inherit;
	}