/* ====================================================== */
/* CSS Document 																					*/
/* ====================================================== */
* { margin:0; padding:0;}
#body {  /*behavior: url("css/iepngfixv2.htc");*/  }	
body { font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; text-align:center; margin:  0; background-color: #F7F7FE; background-image:url(/bg_image.jpg); background-attachment:fixed; background-position:right;}
#frame { margin:0 auto; width:100%;  min-height: 600px;  position:relative; }
/* ====================================================== */
/* HEADER STYLES 																					*/
/* ====================================================== */
#header { background-image:url(../images/unthinkable_footerr.png); width: 100%; height: 123px;border-bottom:2px solid #663300;}
#logo  { background-image:url(../images/unthinkable_logo.png); width: 600px; height: 123px; margin: auto;}

#headernav { position:absolute; right: 0px; top: 10px; background:url(../images/search_panel_bg.png); width: 200px; height: 104px;}
#headernav h2 { font-size:1.4em; font-weight:normal; padding:0 10px 4px; text-align:left; text-transform:uppercase; color: #fff; line-height: 24px;}
#headernav h3 { font-size:1.1em; font-weight:normal; padding:4px 10px; text-align:left; text-transform: capitalize; color: #fff; font-family: "Arial Narrow", "Trebuchet MS", Arial; font-style: italic; line-height: 13px;}
#headernav .divide { height: 2px; border-bottom: 1px dotted #fff; display:block; margin: 5px 10px ;}
#headernav input[type="text"] { width: 180px; height: 18px; background:url(../images/input_bg.png); border: none; color: #630; margin: 0px auto 0;}
#headernav input[type="image"] {  border: none; margin: auto 5px 0 5px;}
#headernav a{ color:#000; text-decoration:none; font-family:"Arial Narrow", "Trebuchet MS", Arial; font-size:1.8em; font-style:italic; }
#headernav a:hover{ color:#630; text-decoration:none; ;}
#headernav a > img { padding: 5px 0 0 0;}
#strapline { position:absolute; left: 10px; top: 10px; font-family:"Arial Narrow", "Trebuchet MS", Arial; font-size:1.8em; font-style:italic;}
/* ====================================================== */
/* MENU BAR																								*/
/* ====================================================== */
#tabs { background: url(../images/darknav_bg.jpg) repeat-x; width: 100%; height: 26px; position:relative; z-index:2000; }
#tabs ul { margin-left: 20px;}
#tabs ul li { list-style:none; float:left; position:relative;}
#tabs a  { display:block; color:#C2B1A1; text-transform:lowercase; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height:26px; padding: 0px 15px; text-decoration:none; }
#tabs a:hover { color:#fff; background:url(../images/darknav_tab.jpg) repeat-x; padding-bottom: 1px;}
#tabs a.on    { color:#fff; background:url(../images/darknav_tab.jpg) repeat-x; padding-bottom: 1px;}
#tabs a.on:hover    { color:#fff; background:url(../images/darknav_tab.jpg) repeat-x; padding-bottom: 1px;}

#country_flag { position:absolute; left: 2px; top: 5px;}
 
#subnav1,#subnav2,#subnav3,#subnav4,#subnav5 { display:none;} 
 
.subnav { background: url(../images/lightnav_bg.jpg) repeat-x; width: 100%; height: 26px; position:relative; border-bottom:5px solid #251403; top: -3px;}
.subnav ul { margin-left: 20px;}
.subnav ul li { list-style:none; float:left; position:relative;}
.subnav a  { display:block; color:#C2B1A1; text-transform:lowercase; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height:26px; padding: 0px 15px; text-decoration:none; }
.subnav a:hover { color:#fff; }
.subnav a.on    { color:#fff; }
.subnav a.on:hover    { color:#fff; }
			 
			 

#nav { background: url(../images/nav_bg.jpg) repeat-x; width: 100%; height: 28px; margin-bottom: 40px; 
			 position:relative; z-index:2000; }
#nav ul { margin-left: 20px;}
#nav ul li { list-style:none; float:left; position:relative;}
#nav a  { display:block; color:#C2B1A1; text-transform:lowercase; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height:20px; padding: 4px 15px; text-decoration:none; padding-bottom:7px; border-bottom: 5px solid #D2C2BC;}
#nav a:hover { color:#fff; border-bottom: 5px solid #000;}
#nav a.on    { color:#fff; border-bottom: 5px solid #663300;}
#nav a.on:hover    { color:#fff; border-bottom: 5px solid #000;}
#nav img { padding-top: 8px;}

#nav li ul 			{ display:none;  position:absolute; top:28px; left: 0px; background-color:#111; 
										padding: 0 0 0 5px!important;}
#nav li:hover ul, 
#nav li.over ul 	{ margin:0; display:block; z-index:100; }
										
#nav ul li ul li a { display: block; line-height: 19px; width:132px; top:2px; position:relative; z-index:101;
					  					background-color: #111; border-top: 1px solid #222; text-align:left;
										  padding:0 0 0 4px; border-bottom:none; font-size: 1.2em;}
											
#nav ul li ul li a:hover {border-bottom:none;background: url(../images/subnav_grad.jpg) no-repeat;}						

#nav ul li ul li { float:none; height: 22px; top:-2px; width: 135px; left: -3px;}

/* ====================================================== */
/* MAIN CONTENT STYLES																		*/
/* ====================================================== */
#mainsite { width: 1002px; margin: auto; position:relative;}
#mainsite h1 { text-align:left; text-transform:capitalize;}

.adverts { float: right; width: 300px; margin: 0px 25px auto auto;}
.adverts a { text-decoration:none; color:#333333; margin: 2px auto; display:block; background-color:#DDC8B3;}
.adverts a:hover { text-decoration:none; color:#000; }

.leaderboard { margin: 10px 0 32px 25px;}

/* ====================================================== */
/* ARTICLE STYLES																					*/
/* ====================================================== */

.author_icon { width: 52px; height: 56px; position: absolute; background-image:url(../images/author_icon.png); top: -16px; left: -26px;}
.article_box { position: relative; margin: 20px auto auto 50px; text-align:left; width: 600px;}
.article_headline {  background-image:url(../images/article_headline.gif); width: 600px; height: 25px; }
.article_headline h6 { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; margin-left: 30px; line-height: 25px;}
.article_bg { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; background-image:url(../images/article_bg.jpg); width: 600px; }

.article_bg h1 { padding: 15px 25px 0px 25px; font-size: 1.4em;}
.article_bg h2 { padding: 15px 25px 0px 25px; font-size: 1.2em;}
.article_bg h3 { padding: 15px 25px 0px 25px; font-size: 1.0em;}
.article_bg p { padding: 5px 25px;}
.article_bg img.floatleft { float: left; margin: 0 10px 10px 0;}
.article_bg img.floatright { float: right; margin: 0 0 10px 10px;}
.article_bg a { font-weight:bold; color:#111;}

.article_bg h2 > a { text-decoration: none;}

.article_bg ul { padding: 10px 45px!important;}
.article_bg ll { padding: 5px 25px!important;}

.intro { float: left; width: 100%;}
.inset { width: 110px; float:right; margin: 5px 5px auto 10px;}
.inset div.readthis { padding: 5px 0px!important; text-align:left;}
.readthis { padding: 5px 15px!important; text-align:right;}

#formsubmit { margin: 40px auto; position:relative;}
/* ====================================================== */
/* CSS Document 																					*/
/* ====================================================== */

.application_form fieldset { width: 392px; margin: 20px auto; border: none;}
.application_form fieldset.nomargin { margin-top: 0!important;  padding-top:0!important;}

.application_form h1 { background-image: url(../images/login_heading.png); line-height:37px; font-size: 24px; color:#fff; text-align:left; font-weight:normal; padding-left: 10px; font-family:Arial, Helvetica, sans-serif;}
.application_form ul {  list-style:none; margin: 10px auto 0; }
.application_form li 	{ background-image: url(../images/form_grad.jpg);padding:10px 0 5px; margin: 0; /* border-bottom: #EAEAD5 solid 1px; */}

.application_form li.empty 	{ background-image: none; padding:0!important;}

.application_form label { width:40px; float:left; font-size:2em; font-weight:normal; 
													padding:2px 10px 0 60px; text-align:right; color: #fff; }

.application_form label.wide { width:420px; float:left; font-size:1em; font-weight:normal; 
													padding:2px 10px 0 30px; text-align:left; }

.application_form .required 	{ color:red; }
.application_form input.quicksubmit 	{ border: none; }
.application_form select							{ display:block; margin:0 0 0 10px; border: 1px solid #76763A; float: left; width: 202px; }
.application_form select.selectday		{ display:block; margin:0 0 0 10px; border: 1px solid #76763A; float: left; width: 50px; }

.application_form select.selectmonth	{ display:block; margin:0 0 0 10px; border: 1px solid #76763A; float: left; width: 70px; }

.application_form select.short { width:100px;}
.application_form select.onerror,
.application_form input[type="text"].onerror { border:1px solid #f00;}
.application_form input[type="text"].short { width:100px;}
.application_form input[type="text"]	{ display:block; margin:5px 0 0 10px; border: 1px solid #6AC1E4; float: left; width: 200px; height: 20px;}
.application_form input[type="text"].selectyear	{ display:block; margin:0 0 0 10px; border: 1px solid #76763A; float: left; width: 60px; }
.application_form input[type="checkbox"]	{ display:block; margin:0 0 0 10px; border: none ; float: left;}
.application_form textarea 		{ display:block; margin:0 0 0 30px; border: 1px solid #76763A; width: 450px; height: 100px; float: left;}
.textfieldwidth 			{ width:235px; }

.application_form p { text-align:left; color:#c00; clear: both; font-size:0.9em; padding-left: 280px; }

.application_form li.normal{ background-image:url(../images/form_grad.jpg)!important; background-color:#EAEAD5!important; margin: 0!important;}
.application_form li.normal{ padding:10px 0 0!important; margin: 0!important;}


.application_form li ul { margin:0; padding:0;}

.application_form input.noborder { border: none!important;}

.application_form .checks 				{ font-size:1em; margin:0 0 10px 170px; }
.application_form .checks input	{ margin:0 5px 0 0; float:left; }
.ddfmerrors							{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight:bold;
												  color: #f00;}
.errorlist							{ padding: 5px 30px; color:#FFF; font-size: 1.2em;}	


#footer { position: relative; bottom:0; left: 0; background-image:url(../images/unthinkable_footerr.png); width: 100%; height: 123px;}

#horrid { position:absolute; left: 300px; top: 130px;}
#monkey { position:absolute; left: 0px; top: 140px;}
#wizard { position:absolute; left: 50px; bottom: 40px;}
#doggy  { position:absolute; left: 680px; top: 270px;}
#walrus { position:absolute; left: 800px; bottom: 40px;}
.clear { clear: both;}
.clearleft { clear: left;}
.clearright { clear: right;}

.headlines { background-color:#FFFFFF; border: 2px solid #663300; padding: 10px; text-align:left; margin: 0px auto 10px;}
.headlines a { width: 100%; display:block; font-size:1.0em; color: #990000; margin:6px auto; padding: 0 2px; background-color:#FFFFFF; }
.headlines a:hover { background-color:#663300; color:#FFFFFF; text-decoration:none;}
.small { font-size: 0.8em;}

#headlinescroll {
width: 100%;
height: 120px;
}

.rssclass .rsstitle{
font-weight: normal;
font-size:1.3em;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}

.makead { display:block; border: 2px solid #663300; background-color:#F4F4F4; margin: 3px auto;}
.makead { font-size: 1.4em; font-weight: bold; color:#660000;}
.makead a { background:none; text-decoration:none;}
.makead img { border: none; float: left; margin: 0 10px 0 0;}

#toolTipLayer {   position:absolute; background-image:url(../images/comment_bg.png); width: 355px; height: 100px;}
#toolTipLayer div { margin: 9px auto auto 50px; width: 285px; height: 45px; Font-size: 1.4em; text-align:left; color:#333; }

.buyitnow { float: right;}
.buyitnow img { border: none; margin: 2px 15px auto auto;}

.floatleft { float: left!important; }
.floatright { float: right!important; }

.highlite0 { background-color: #FFFF00;}
.highlite1 { background-color: #66CC66;}
.highlite2 { background-color: #66CCCC;}
.highlite3 { background-color: #CCCC99;}
.highlite4 { background-color: #CC99FF;}
.highlite5, .highlite6, .highlite7, .highlite8, .highlite9 { background-color: #CCCCCC;}

#cw_frame { margin: 10px auto;}

.linkback { position:absolute; bottom: 5px; left: 5px;}
.linkback a{ font-size:0.8em; color: #663300;}