body	{
	background-color: #D3D3D3;
	/*background-image: url(folder/name.gif);*/
	color: #222;
	font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 140%;
	margin: 0 auto 0 auto;
	text-align: center;
	}
#container	{
	background-color: #FFF;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 900px;
	border: 1px solid #222;
	}	
h1	{
	}	
h2	{
	}	
p	{
	}	
em	{
	}
strong	{
	}
blockquote	{
	}
img	{
	border-style: none;
	background-color: transparent;
	}			
a	{
	font-weight: normal;
	text-decoration: none;
	}
a:link	{
	color: #A60B1B;
	}
a:visited	{
	color: #A60B1B;
	}
a:hover	{
	color: #FFFFFF;
	background-color: #A60B1B;
	}
a:active	{
	color: #FFFFFF;
	background-color: #2481BD;
	}

/* HEADER  */		
#header {
	float: left;
	margin: 0;
	padding: 0;
	background: url("../img/background/header.gif") repeat bottom;
	width: 900px;
	height: 91px;
	}
#header img	{
	float: left;
	margin: 35px 0 0 20px;
	padding: 0;
	width: 258px;
	height: 32px;
	border-style: none;
	}
#header p{
	float: right;
	color: #fff;
	font-size: 11px;
	line-height: 110%;	
	margin: 71px 15px 0 0;
	padding: 0;
	}	
	

/* TOPNAV  */		
#topnav {
	float: left;
	margin: 0;
	padding: 0;
	background: url("../img/background/topnav.gif") repeat bottom;
	width: 900px;
	height: 24px;
	border-bottom: 1px solid #222;
	}
#topnav ul,
#topnav li	{
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	}
#topnav li.spacer	{
	float: left;
	background: url("../img/background/topnav-spacer.gif") repeat bottom;
	width: 2px;
	height: 24px;
	}
#topnav li.spacer2	{
	float: right;
	background: url("../img/background/topnav-spacer.gif") repeat bottom;
	width: 2px;
	height: 24px;
	}	
#topnav a,
#topnav a.current	{
	float: left;
	font-weight: bold;
	text-decoration: none;
	border: 0;
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	line-height: 120%;
	}	
#topnav a:link, 
#topnav a:visited	{
	color: #fff;
	background-color: none;
	}
#topnav a:hover	{
	color: #000;
	background-color: #fff;	
	}	
#topnav a.current:link, 
#topnav a.current:visited,
#topnav a.current:hover	{
	color: #000;
	background-color: none;	
	}
#topnav a:active,
#topnav a.current:active	{
	color:	#000;
	background-color: #fff;
	}
#topnav a.right,
#topnav a.current-right	{
	float: right;
	font-weight: bold;
	text-decoration: none;
	border: 0;
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	line-height: 120%;
	}	
#topnav a.right:link, 
#topnav a.right:visited	{
	color: #fff;
	background-color: none;
	}
#topnav a.right:hover	{
	color: #000;
	background-color: #fff;	
	}
#topnav a.current-right:link, 
#topnav a.current-right:visited,
#topnav a.current-right:hover	{
	color: #000;
	background-color: none;	
	}	
#topnav a.right:active	{
	color:	#000;
	background-color: #fff;
	}	



/* BANNER */
#banner	{
	float: left;
	width: 900px;
	height: 200px;
	margin: 0;
	padding: 0;
	}
#banner-int	{
	float: left;
	width: 900px;
	height: 160px;
	margin: 0;
	padding: 0;
	}	
#banner img,
#banner-int img	{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #222;
	}
	
	
/* BOX */	
#box	{
	border: 1px solid #222;
	width: 160px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
	}
#box-orange	{
	border: 1px solid #222;
	width: 160px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
	background-color: #ffe8cd;
	}
#box-yellow	{
	border: 1px solid #222;
	width: 160px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
	background-color: #fffacc;
	}	
#box img	{
	margin: 0;
	padding: 0;
	}		
#grey	{
	color: #FFFFFF;
	background-color: #A1A1A1;
	margin: 0;
	padding: 14px;
	}
#grey-sm	{
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #A1A1A1;
	margin: 10px 0 10px 0;
	padding: 5px 14px 5px 14px;
	}	
img.link	{
	float: left;
	margin: 4px 4px 0 12px;
	background-color: none;
	}	



/* HOME */	
#float-left-enroll	{
	float: left;
	width: 160px;
	height: 280px;
	margin: 20px auto 20px auto;
	padding: 0 9px 0 9px;
	text-align: left;
	border: 0;
	}	
#float-left-border	{
	float: left;
	height: 280px;
	margin: 20px auto 20px auto;
	padding: 0 12px 0 12px;
	text-align: left;
	border-right: 1px dotted #222;
	}
#float-left-borderless	{
	float: left;
	height: 280px;
	margin: 20px auto 20px auto;
	padding: 0 12px 0 12px;
	text-align: left;
	border: 0;
	}	
#graphic-desk	{
	background: url("../img/background/home-box1.gif") no-repeat bottom;
	width: 212px;
	height: 260px;
	}
#graphic-question	{
	background: url("../img/background/home-box2.gif") no-repeat bottom;
	width: 212px;
	height: 260px;
	}	
#graphic-mouse	{
	background: url("../img/background/home-box3.gif") no-repeat bottom;
	width: 212px;
	height: 260px;
	}
#float-left-border	h1,
#float-left-borderless	h1	{
	font-size: 22px;
	line-height: 120%;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	text-align: center;
	}
#float-left-border	h2,
#float-left-borderless	h2	{
	font-size: 14px;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	text-align: left;
	/*text-transform: uppercase;*/
	padding-bottom: 0;
	margin-bottom: 0;
	}	
#float-left-border	p,
#float-left-borderless	p	{
	font-family: Georgia, Times, serif;
	}	
#float-left-border	p.tight,
#float-left-borderless	p.tight	{
	padding-top: 0;
	margin-top: 0;
	}	
	
	
	
	
/* Internal */
#float-int-left	{
	float: left;
	width: 160px;
	margin: 20px auto 20px auto;
	padding: 0 9px 0 9px;
	text-align: left;
	border: 0;
	}	
#float-int-content	{
	float: left;
	width: 420px;
	margin: 20px auto 20px auto;
	padding: 0 12px 0 12px;
	text-align: left;
	border-right: 0px dotted #222;
	font-family: Georgia, Times, serif;
	}	
#float-int-content h1	{
	font-size: 22px;
	line-height: 120%;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	text-align: left;
	}
#float-int-content h2	{
	font-size: 18px;
	line-height: 120%;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	text-align: left;
	margin-top: 28px;
	}		
#float-int-content	p,
#float-int-right p	{
	font-family: Georgia, Times, serif;
	}
#float-int-content ol	{
	margin-left: 12px;
	}
#float-int-content ol li	{
	padding: 0;
	margin: 0 0 12px 0;
	}	
#float-int-content ul	{
	padding: 0;
	margin: 0;
	display: block;
	list-style-type: none;
	}
#float-int-content ul li	{
	padding: 0 0 3px 0;
	margin: 0;
	display: block;
	list-style-type: none;
	}	
#float-int-content li.indented	{
	padding: 0 0 12px 20px;
	margin: 0;
	display: block;
	list-style-type: none;
	}	
#float-int-content li.form-left-sm	{
	float: left;
	width: 50px;
	padding: 4px 3px 4px 0;
	margin: 0;
	display: block;
	list-style-type: none;
	text-align: right;
	}
#float-int-content li.form-left	{
	float: left;
	width: 140px;
	padding: 0 3px 3px 0;
	margin: 0;
	display: block;
	list-style-type: none;
	text-align: right;
	}	
#float-int-content li.form-right	{
	float: left;
	width: 350px;
	padding: 4px 0 4px 0;
	margin: 0;
	display: block;
	list-style-type: none;
	text-align: left;
	}	
#float-int-content li.form-right-sm	{
	float: left;
	padding: 4px 3px 4px 0;
	margin: 0;
	display: block;
	list-style-type: none;
	text-align: left;
	}		
#float-int-content ul.cast	{
	float: left;
	border: none;
	margin: 5px 0 5px 0;
	padding: 5px;
	text-align: center;
	background-color: #ffecec;
	text-align: left;
	}	
#float-int-content li.details-sm	{
	float: left;
	width: 60px;
	padding: 0 0 3px 0;
	margin: 0;
	display: block;
	list-style-type: none;
	font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 100%;
	font-weight: nomal;
	text-align: left;
	}	
#float-int-content li.details-lg	{
	float: left;
	width: 90px;
	padding: 0 0 3px 0;
	margin: 0;
	display: block;
	list-style-type: none;
	font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 100%;
	font-weight: nomal;
	text-align: left;
	}	
#float-int-content ol	{
	display: block;
	text-align: left;
	list-style-type: decimal;
	padding: 0 0 0 30px;
	margin: 0;
	}				
#float-int-right	{
	float: left;
	width: 260px;
	margin: 20px auto 20px auto;
	padding: 0 9px 0 9px;
	text-align: left;
	border: 0;
	}		
#float-int-right h2	{
	font-size: 18px;
	line-height: 120%;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	text-align: left;
	}	
#graphic-dots	{
	background: url("../img/background/int-dots.gif") no-repeat bottom;
	padding: 10px 0 10px 0;
	}
#graphic-arrow	{
	background: url("../img/background/int-arrow.gif") no-repeat bottom;
	padding: 10px 0 10px 0;
	}	
#box-orange #graphic-arrow	{
	background: url("../img/background/int-arrow-orange.gif") no-repeat bottom;
	padding: 10px 0 10px 0;
	}		
#graphic-preview	{
	background: url("../img/background/int-mouse.gif") no-repeat bottom;
	padding: 10px 0 10px 0;
	}
#box-yellow #graphic-preview	{
	background: url("../img/background/int-mouse-yellow.gif") no-repeat bottom;
	padding: 10px 0 10px 0;
	}		
#graphic-podcasts	{
	background: url("../img/background/int-podcasts.gif") no-repeat bottom;
	padding: 10px 0 10px 0;
	}		
#graphic-preview h1	{
	font-size: 22px;
	line-height: 110%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}	
#right-nav 	{
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #222;
	}		
#right-nav ul	{
	padding: 0;
	margin: 0;
	display: block;
	list-style-type: none;
	}
#right-nav li	{
	padding: 0;
	margin: 0 0 6px 0;
	display: block;
	list-style-type: none;
	font-size: 11px;
	line-height: 120%;
	}	
#right-nav li.title	{
	font-size: 13px;
	line-height: 130%;
	font-weight: bold;
	}
#right-nav li.sub-title	{
	font-size: 13px;
	line-height: 130%;
	font-weight: bold;
	margin-top: 18px;
	}		
img.icons	{
	float: left;
	padding: 0;
	margin: 0 3px 0 0;
	}
img.icons2	{
	float: left;
	padding: 0;
	margin: 0 9px 0 0;
	}	
.alert	{
	color: #ff0000;
	}
.fine	{
	font-size: 11px;
	}
p.no-padding	{
	margin-bottom: 0;
	padding-bottom: 0;
	}
p.top-padding	{
	margin-top: 20px;
	margin-bottom: 0;
	}	
img.assessmentlogos	{
	float: left; 
	margin: 8px 0 5px 0;
	padding: 0;
	border: 1px solid #222;
	}
.minilogin	{
	float: left; 
	margin: 8px 0 8px 0;
	padding: 0;
	border: none;
	}	
	
/* FOOTER */	
#footer	{
	background: url("../img/background/footer.gif") repeat;
	width: 900px;
	height: 28px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	}		
#footer	p	{
	color: #FFFFFF;
	font-family: verdana, "Lucida Grande", helvetica, arial, sans-serif;
	font-size: 10px;
	line-height: 260%;
	margin: 0;
	padding: 0;
	}
	
	
	
/*---------- clearers ----------*/	
div.clearer	{
	display: block; 
	clear: both; 
	margin: 0;
	padding: 0;
  	font-size: 1px;
  	line-height: 0;
	background-color: #fff;
	border-style: none;
	color: #fff;
  	}