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

/************************************************
		G L O B A L
************************************************/

*, html
{
	padding: 0;
	margin: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #acacac;
	
	background-color: #000000;
	
	cursor: default;
}

.clearer
{
	clear: both;
	height: 1px;
	
	font-size: 1px;
}

ul
{
	list-style: none;
}

.notext,
a.notext,
a.notext:hover
{
	color: #000000;
	
	font-size: .1px;

	text-indent: -500000em;
}

.invisible
{
	display: none;
}

address, em
{
	text-decoration: none;
	font-style: normal;
}



/************************************************
		L I N K S
************************************************/

div.top a
{
	outline: none;
	
	/*color: #f98e0e;*/
	color: #8bfd07;
	
	text-decoration: none; 
}

div.top a:hover
{
	/*color: #8bfd07;*/
	color: #f98e0e;
}

div.bottom a
{
	outline: none;
	
	color: #f98e0e;
	
	text-decoration: none; 
}

div.bottom a:hover
{
	color: #8bfd07;
}



div.courses h4 a
{
	text-decoration: underline; 
}

div.courses div a
{
	color: #acacac;
}


/************************************************
		S K E L E T O N
************************************************/

div#container
{
	margin-top: 10%;
	
	text-align: center;
	
	/**
	background-color: #660000;
	/**/
}


div.top
{
	/**
	background-color: #003333;
	/**/
}

div.bottom
{
	/**
	background-color: #CC3300;
	/**/
}



/************************************************
		S E P E R A T O R
************************************************/

div.seperator
{
	display: block;
	
	width: 100%;
	height: 24px;
	
	padding-top: 2px;
	
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	letter-spacing: .3px;
	
	color: #acacac;
	
	text-align: center;
	
	clear: both;
	
	/**/
	background: url(../images/seperator_bg.gif) repeat-x;
	
	/**
	background-color: #006600;
	/**/
}


/************************************************
		C A P T I O N S
************************************************/

h1,h2,h3,h4,h5,h6
{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}

div.top h4
{
	/*color: #f98e0e;*/
	color: #8bfd07;
	
	padding-bottom: 5px;
	
	font-size: 14px;
	font-family: "Century Gothic", Helvetica, sans-serif;
	
	text-decoration: underline;
}

div.top h6
{
	/*color: #f98e0e;*/
	color: #8bfd07;
	
	padding-bottom: 2px;
	
	font-size: 12px;
	font-family: "Century Gothic", Helvetica, sans-serif;
}

div.bottom h6
{
	color: #8bfd07;
	
	padding-bottom: 2px;
	
	font-size: 12px;
	font-family: "Century Gothic", Helvetica, sans-serif;
}



/************************************************
		S C R O L L B A R  ( I E )
************************************************/

body
{
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #1a1a1a;
}




/************************************************
		C O N T A I N E R
************************************************/

div.top,
div.bottom
{
	display: block;
	
	width: 622px;
	
	margin: 0 auto;
}


div.courses,
div.news
{
	font-size: 11px;
	
	text-align: left;
	
	border: 1px solid #737373;
}

div ul
{
	padding-left: 3px;
}



/************************************************
		T O P
************************************************/

/*************************
	TTA LINK
**************************/

div.top div.link
{
	width: 311px;
	float: left;
}

div.top div.link div.filler
{
	display: block;
	
	height: 74px;
}

div.top div.link a#tta
{
	display: block;
	
	width: 311px;
	height: 93px;
	
	cursor: pointer;
		
	background: url(../images/tta_link_text.gif) no-repeat;
}

div.top div.link a#tta:hover
{
	background: url(../images/tta_link_hover.gif) no-repeat;
}


/*************************
	COURSES
**************************/

div.courseFiller
{
	width: 265px;
	float: right;
}

div.top div.courses
{
	width: 296px;
	height: 150px;
	
	padding: 10px 5px 5px 10px;
	
	float: right;
	
	/* Gecko-based, Mozilla */
	-moz-user-select: none;
	/* Safari */
	-khtml-user-select: none;
}

div.top div.courses span.old
{
	color: #555555;
}

div.top div.courses span.old:hover
{
	/*color: #8bfd07;*/
	color: #f98e0e;
}

div.top div.courses div.course span.day
{
	font-weight: bold;
}

div.top div.courses div.contentBox
{	

}

div.top div.courses div.content
{
	top: 0;
	
	padding-top: 5px;
	padding-left: 40px;
}

div.top div.courses p
{
	font-weight: bold;
}

div.top div.courses li
{
	padding-bottom: 5px;
}

div.top div.courses ul ul
{
	padding-left: 10px;
}



/************************************************
		B O T T O M
************************************************/

/*************************
	NEWS
**************************/

div.bottom div.news
{
	display: block;
	
	width: 294px;
	height: 150px;
	
	padding: 10px 5px 5px 10px;
	
	overflow: hidden;
	
	float: left;


	/* Gecko-based, Mozilla */
	-moz-user-select:none;
	/* Safari */
	-khtml-user-select: none;
}

div.bottom div.news div.content
{	

}


div.bottom div.news li
{
	padding-bottom: 15px;
}

div.bottom div.news li p
{
	padding-left: 10px;
}

/*************************
	TBB LINK
**************************/

div.bottom div.link
{
	/* padding-top: 2px; */
	/*min-height: 31px;*/
}

div.bottom div.link a#tbb
{
	display: block;
	
	width: 311px;
	height: 95px;
	
	float: right;
	
	cursor: pointer;
	
	background: url(../images/tbb_link_text.gif) no-repeat;
}

div.bottom div.link a#tbb:hover
{
	background: url(../images/tbb_link_hover.jpg) no-repeat;
}




/************************************************
		F O O T E R
************************************************/

div.footer
{
	position: absolute;
	width: 100%;
	
	bottom: 0;
	/*left: 50%;
	
	text-align: center;
	
	z-index: 10;
	
	color: #7f7f7f;
	*/
	
	margin: 0 auto;
	
	text-align: center;
	
	/*position: fixed;*/
	
}

div.footer a
{
	color: #7f7f7f;
}

div.footer a:hover
{
	color: #8bfd07;
}

div.footer div.content
{
	padding: 7px;
	margin: 0 auto;
	
	width: 550px;

	background: url(../images/footer_bg.png) repeat;
	
	font-size: 11px;
	/**/
}

div.footer div.content div.office p
{
	font-size: 11px;
}



/************************************************
		N O S C R I P T
************************************************/

div.noscript
{
	padding: 5px;
	
	/**/
	color: #000000;
	background-color: #FFFFFF;
}

div.noscript img
{
	float: left; padding-right: 5px;
}


/************************************************
		W A R N I N G
************************************************/

div.infoTextErr
{
	padding: 5px;
	
	color: #CCCCCC;
	background-color: #333333;
}

div.infoTextErr img
{
	float: left; padding-right: 5px;
}



/************************************************
		A D M I N
************************************************/
div.admin
{	
	width: 100%;
	
	text-align: right;
}

div.admin p
{
	padding: 10px;
}

div.admin a,
div.amin a:visited
{
	color: #333333;
	text-decoration: none;
}

div.admin a:hover,
div.admin a:visited:hover
{
	color: #666666;
	text-decoration: none;
}