div.spacer {
  clear: both;
  }
  
div.clearer {clear: both; line-height: 0; height: 0; border: 1px solid red;}
/*----------------------------------------------------------------------*/
body{
	background: Black url(images/background.gif) repeat;
	text-align: center;
	box-sizing: border-box;				/* for the famous IE box model bug */
	-moz-box-sizing: border-box;		/* see: http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug */
}

#overall_wrapper {
	width: 888px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: relative;
	text-align: left;
}
	
#master{
	background: url(images/background_content.gif) no-repeat center;
	width: 711px;
	height: 405px;
	xborder: 1px solid red;
	margin: 0px 0px 0px 183px;
	margin-top: 37px;
}

#left_float
{
xborder: 1px solid red;
width: 259px;
float: left;
padding: 3px 0px 0px 2px;
}

#container_float
{
float: left;
width: 443px;
height: 400px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 2px;
xborder: 1px solid purple;
}

#nav_element_container
{
float:right;
height: 98px;
width: 441px;
margin: 0px 0px 4px 0px;
padding: 2px 0px 0px 0px;
xborder: 1px solid green;
}

#content_window {
	float:right;
	text-align:left;
	width: 441px;
	height: 294px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:white;
}

/*--------------------------------- AD Styles banner and skyscraper start -------------------*/
#ad_skyscraper_bloc {
	position: absolute; top: 0px; left: 0px;
	width: 160px; height: auto;
}
#ad_banner_bloc {
	width: 728px; height: auto;
	text-align: center;
	margin: 0px 0px 10px 175px;
}
.ad_powered_txt {
	padding: 2px 0px;
	color: #ccc;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px auto 0px auto;
}
.ad_powered_txt a {
	color: #ccc;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#ad_skyscraper_bloc .ad_powered_txt {
	width: 160px; height: auto;
}
#ad_banner_bloc .ad_powered_txt {
	width: 729px; height: auto;
}	
/*--------------------------------- AD Styles banner and skyscraper end -------------------*/

/* the generic box for the page */
.box {										
	float:right;
	text-align:left;
	width: 441px;
	height: 293px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: white;
	border: 0px solid #093381;	
}

/* the top of the box, which is a background image */
/* and the label */
.box_top {									
	width: 443px;							
	height: 28px;
	/* background-image: url(images/box/top.jpg); */
	/* background-repeat: no-repeat; */
	background-color: #64b6cd;
	color: white;
	text-align: left;
	text-transform: uppercase;
	font-family: arial;
	font-size: 20x;
	font-weight: 900;
	text-indent: 6px;
	line-height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}

/* the content panel of the box, will scroll if need.   */
/* only left and right side has the border since */
/* the box has it's own top and bottom part */
.box_content {
	font-family: arial, verdana, sans-serif; 
	text-align: left;
	width: 443px;
	height: 255px; 
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	background-color:white;
	border-top: 0px;					
	border-bottom: 0px;
	border-left: 0px solid #093381;
	border-right: 0px solid #093381;
	overflow: auto;						/* instead of "iframe" */
	box-sizing: border-box;				/* for the famous IE box model bug */
	-moz-box-sizing: border-box;		/* see: http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug */
}

.box_header {
	font-family: arial, verdana, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	color: #273275; 
	text-align: center;
	line-height: 20px;
	padding: 2px 3px 3px 3px;
	word-spacing: 1px;	
}

/* delete box_red_header when certain it isn't on any pages */
.box_red_header {
	font-family: arial, verdana, sans-serif; 
	font-size: 13px;
	font-weight: bold;
	color: #EA1D62; 
	line-height: 18px;
	padding: 5px 3px 10px 3px;
	word-spacing: 1px;	
}

.box_text {
	font-family: arial, verdana, sans-serif; 
	font-size: 13px;
	font-weight: normal;
	color: #273275;
	line-height: 17px;	
	margin: 0px 0px 0px 0px;	
	padding: 2px 3px 0px 3px;	
}

.box_text img {
border: none;
margin: 5px 0 0 0;
}

.box a {
	font-family: arial, verdana, sans-serif; 
	font-size: 13px;
	font-weight: bold;
	color: #273275;
	line-height: 17px;	
	margin: 0px 0px 0px 0px;	
	padding: 2px 3px 0px 3px;	
}

.box_bottom {
	width: 443px;
	height: 10px;
	/* background-image: url(images/box/bottom.jpg); */
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	border: 0px solid black;
	overflow: hidden;				/* ?? for some reason, IE repeat the image */
}

#box_strong {
	color: #273275;
	font: arial;
	font-size:18px;
	font-weight: 700;
}


.quiz_question  {
	font-family: arial, verdana, sans-serif; 
	font-size: 13px;
	font-weight: bold;
	color: #273275;
	line-height: 17px;	
	margin: 0px 0px 0px 0px;	
	padding: 2px 3px 0px 3px;	
}

#content_window2
{
float:right;
text-align:left;
width: 441px;
height: 295px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
xbackground-color:#00a0cc;
xborder: 1px solid green;
}

#TI_books {
float: right;
width:311px;
height:96px;
xborder: 1px solid green;
}

/* main navigation*/

/* list style for global navigation------------------------------------------*/
	#navcontainer {
		width: 122px;
		height: 100px;
		float: left;
		padding: 2px 0px 0px 5px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		font: arial;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
	}
	
	/* generic navacontainer style */
	#navcontainer a {
		color: #a3238e;
		font-size: 14px;
	}
	#navcontainer a:link {
		color: #a3238e;
		font-size: 14px;
	}
	
	#navcontainer a:hover, a:active, #current_page a {
		color: #ffffff;
		background-color: #a3238e;
		font-size: 14px;
	}
	
	#navcontainer #current_page a {
		color: #ffffff;
		background-color: #a3238e;
		font-size: 14px;
	}
	

/*end main navigation*/		

/* original styles*/
#pollbg {
	background: url(images/poll_bg.gif) no-repeat top left;
	border: 1px red;
	width: 200px;
	height: 297px;
}

#pollbg td.poll  {
	background-color: transparent;
	font-family: arial; 
	font-size: 12px; 
	color: #ffffff; 
	padding: 0 7px 0 0;
}

#pollbg .poll_question_small {
	background-color: transparent;
	font-family:arial; 
	font-size:12px; 
	font-weight:bold; 
	color:#010a42; 
	text-align: center;
	padding: 0 -7px 0 0;
}

#pollbg .poll_question_big {
	background-color: transparent;
	font-family:arial; 
	font-size:14px; 
	font-weight:bold; 
	color:#010a42; 
	text-align: center;
	padding: 0 -7px 10px 0;
}
	
.copytext, a.copytext, a.copytext:visited, a.copytext:active, a.copytext:hover {
	font-family: arial, verdana, sans-serif; 
	font-size: 12px;
	color: #999999;
	text-decoration:none;
}
.footer {
	margin: 0px 0px 0px 183px;
}

a.pinklink  {font-family: arial; font-size: 11px; color:#990000; text-decoration:none;} 
a.bluelink  {font-family: arial; font-size: 11px; color:#3398cb; text-decoration:none;}
a.blacklink  {font-family: arial; font-size: 11px; font-weight:bold; color:#000; text-decoration:none;}
a.violetlink  {font-family: arial; font-size: 11px; color:#3398cb; text-decoration:none;} 
a {font-family: arial; font-size: 11px; color:#3398cb; text-decoration:none;} 

div.defaultState{background-color:#ffffff;font-family: arial; font-size: 14px; color:#FF0066;cursor:default}
div.overState {background-color:#FA8FC0;font-family: arial; font-size: 14px; color:#FFffff;cursor:pointer;cursor:hand}
div.selectedState{background-color:#FA8FC0;cursor:default}
body {background-color: #FFFFFF; 
	scrollbar-shadow-color: #336699;
	scrollbar-highlight-color: #336699;
	scrollbar-face-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #336699;}
iframe {background-color: #FFFFFF; 
	scrollbar-shadow-color: #336699;
	scrollbar-highlight-color: #336699;
	scrollbar-face-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #336699;}
td {
	background-color: White;
}
td.blank {
}

td.contest{
	background-color : #ffffff;
}

td.window{
	background-color : #6699CC;
}

td.number_sm{
font-family: trebuchet ms,arial; font-size: 11px; color: #3398cb;font-weight:bold;
}
td.link{
	background-color:#00a0cc;
}

select {font-family: arial; font-size: 10px; color:#336699; text-decoration:none;} 
input.contest {font-family: arial; font-size: 10px; color:#336699; text-decoration:none;} 
textarea {font-family: arial; font-size: 10px; color:#336699; text-decoration:none;} 
.pollresult  {font-family: arial; font-size: 11px; color:#ffffff; background-color: #a3238e;}
a.off:active		{ color:#B530A6; }
a.off:hover		{ color:#62C2D9; }

.title {font-family: arial; font-size: 18px; color: #3398cb;}

