/* ----- GLOBAL STYLES -----------------------------*/

body { width: 100%; margin:0; padding:0; font-family: Myriad, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;}
.clear { clear: both; height: 1px; }

	/* Clear defaults */

ul { list-style-type: none; padding: 0; margin: 0; }
a img {border: none;}

/* ----- STRUCTURE ---------------------------------*/
#wrap {
	width: 814px;
	margin: 30px auto;
}

#header {
	width: 814px;
	height: 95px;
	background: #fff url(/assets/header_Bkg.gif) top left no-repeat;
}	
#menu_wrap {
	width: 814px;
	height: 70px;
	background: #fff url(/assets/header_R.gif) top right no-repeat;
}
#main {
	width: 814px;
	background: #fff url(/assets/edge.gif) top right repeat-y;
	/*border-top: 1px solid #fff;*/
	padding-top: 30px;
	padding-bottom: 30px;
}
#text_wrap {
	width: 80%;
	margin: 20px 5% 20px 10%;
}
.float_box {
	float: right;
	margin: 20px 0 10px 50px;
	width: 125px;
	height: 164px;
	clear: right;
}
.course_extras {
	float: right;
	margin: 20px 0 10px 50px;
	width: 150px;
	clear: right;
}
.course_extras div {
	width: 100%;
	height: 1.3em;
	border-bottom: 1px solid #d59758;
	text-transform: uppercase;
	color: #8c8c8c;
}

.filemanager_area {
	border: 1px inset #ccc;
	width: 400px;
	padding: 12px;
	margin-bottom: 30px;
}	

	/* Footer */

#clear_footer {
	height: 120px;
	clear: both;
}
#footer_wrap {
	height: 120px;
	margin-top: -120px;
	background: url(/assets/footer_break.gif) top left no-repeat;
	width: 814px;
}	
#footer {
	text-align: center;
	color: #B5B29C;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active  {
	color: #b5b29c;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}		
.imageRight { float: right; margin: 0 0 15px 40px; }


/* Forms */
.formHolder, #contactHolder, #loginHolder { width: 413px; margin: 15px 0 20px 20px; border: solid #96C4E6; border-width: 1px 1px 1px 6px; padding: 20px 10px 20px 20px; background: #F1EFE6; clear: none; }
.fieldLabel  { padding: 7px 50px 7px 0; margin: 0; border-bottom: 1px dotted #fff; text-align: right; }
.fieldLabel span { font-size: 1.3em; color: #0099CC; }
.fieldLabel span { font-size: 0.9em; }
#submitButton { margin: 10px 0 0 243px; width: 130px; background-color: #be3120; border: 1px solid #96c4e6; color: #fff; }
.btn_upload { width: 130px; background-color: #be3120; border: 1px solid #96c4e6; color: #fff; margin-top: 10px; }
span.errorMessage { color: #CC3300; }
table.table { font-weight: normal; color: #0099cc; }


/* ----- TEXT STYLES -------------------------------*/


h1 { color: #5DBB28; font-weight: normal; font-size: 1.3em; letter-spacing: 1px; margin-bottom: 2em; }
h2 { color: #5dbb28; font-weight: normal; font-size: 1.2em; margin: 2em 0 1em 0; }
h1.fileman { border-bottom: 1px solid #d59758; padding-bottom: 15px; }
h2.filemanager_heading { color: #003366; }
.file_instructions { font-size: 0.9em; color: #be3120; width: 350px; }
.file_instructions li { margin-bottom: 1.5em; }
.copyright, .copyright a, .copyright a:visited, .copyright a:hover, .copyright a:active { color: #ccc; font-size: 0.8em; }
#text_wrap p { width: 430px; }
#text_wrap p a, #text_wrap p a:link, #text_wrap p a:visited, #text_wrap p a:hover, #text_wrap p a:active { color: #BE3120; text-decoration: none; }
#text_wrap p a:hover { text-decoration: underline; }
.technote { padding-top: 7px; color: #8c8c8c; }
tr.filelist_head td { background-color: #ccc; border-bottom: 2px solid #aaa; border-right: 1px ridge #aaa; color: #000; font-size: 0.9em; padding: 4px 2px; font-family: "Courier New", Courier, monospace; /*letter-spacing: -1px;*/ }
.largerText { font-size: 1.3em; }

	/* Lists */

dl#course_list {
	padding-left: 30px;
}
#course_list dt {
	padding: 10px 0;
}
#course_list dd {
	padding: 6px 0;
	color: #d59758;
	margin-left: 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #d59758;
}
.bullet1 {
	list-style-type: square;
	margin-left: 3em; 
}
.bullet2 {
	list-style-type: square;
	font-size: 1.1em;
	color: #be3120;
	line-height: 1.3em;
	margin-left: 3em;
}
.bullet2 li { margin-bottom: 1.4em; }					

ul#stf_resources { margin: 20px 20px 0; list-style-type: none; }
ul#stf_resources a { display: block; color: #be3120; font-size: 1.1em; text-decoration: none; }
ul#stf_resources li { height: 65px; padding-left: 80px; line-height: 60px; }
#stf_resources li#stf_request { background: url(/assets/menu_request.gif) top left no-repeat; }
#stf_resources li#stf_register { background: url(/assets/menu_register.gif) top left no-repeat; }
#stf_resources li#stf_clients { background: url(/assets/menu_clients.gif) top left no-repeat; }
#stf_resources li#stf_files { background: url(/assets/menu_file.gif) top left no-repeat; }
#stf_resources li#stf_mail { background: url(/assets/menu_email.gif) top left no-repeat; }
#stf_resources li#stf_media { background: url(/assets/menu_media.gif) top left no-repeat; }



	/* Links */
	
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #5dbb28; font-weight: normal; font-size: 0.9em; text-decoration: none; margin: 0;}

a.back_link, a.back_link:link, a.back_link:visited { color: #d59758; text-decoration: none; }
a.back_link:hover, a.back_link:active { color: #d59758; text-decoration: underline; }

a.pdfLink, a.excelLink { background: url(/assets/pdf.gif) left 50% no-repeat; line-height: 35px; padding-left: 30px; }
a.user_control { background: url(/assets/logout.gif) left 50% no-repeat; line-height: 35px; padding-left: 30px; }

#current_file_list a.excelLink { display: block; background: #eee url(/assets/pdf.gif) left 50% no-repeat; line-height: 35px; padding-left: 30px; width: 50%; color: #000; text-decoration: none; }
#current_file_list a.excelLink:hover { color: #0033FF; text-decoration: none; }
.modified { background: #fff; color: #8c8c8c; }

td.excelLink { width: 15px; height: 25px; background: url(/assets/excl.gif) top left no-repeat; }
td.pdfLink { width: 15px; height: 25px; background: url(/assets/pdf.gif) top left no-repeat; }
td.docLink { width: 15px; height: 25px; background: url(/assets/doc.gif) top left no-repeat; }
td.wordLink { width: 15px; height: 25px; background: url(/assets/wrd.gif) top left no-repeat; }
td.filename { background: #F0F0F0; min-width: 100px; width: auto; padding: 3px; }
td.filename a { color: #000; text-decoration: none; }
td.filename a:hover { color: #0033ff; text-decoration: none; }
td.modified { background: #fff; color: #8c8c8c; width: 155px; }

/* ----- NAVIGATION --------------------------------*/

	/* Main menu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menuHolder { width: 507px; background: #fff url(/assets/menu_Bkg.gif) top left no-repeat; height: 44px; position: relative; z-index: 998; }
.menu { width: 505px; position: absolute; top: 20px; left: 2px; }
.menu ul ul {/* drop-downs width */
	width:125px;
	font-weight: normal;
}
.menu li {
	float:left;
	width:125px;
	position:relative;
}
.menu a, .menu a:visited {
	display:block;
	width:125px; 
	height:26px;
	background: #fff;
	line-height:26px;
	color: #8c8c8c;
	text-align: center;
	font-size: 0.9em;
	text-decoration:none;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
}
.menu :hover > a, .menu a:hover, .menu a:active, .menu :active > a {
	border-bottom: 1px solid #D59758;
}
.menu ul ul li a:hover {
	background: #fff;
	border-bottom: 1px solid #d59758;
	color: #8c8c8c;
}
.menu table { /* For IE */
	position:absolute;
	top:0;
	left:0;
	z-index: 200;
}
.menu ul ul a, .menu ul ul a:visited {
	width:125px;
	height:auto;
	background: #fff;
	color:#D59758;
	text-transform: none;
	text-align: center;
	padding-top: 4px;
	line-height: 1.1em;
	padding: 4px 0;
}
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:27px;
	left:0;
	width:125px;
}
* html .menu ul ul { /* IE Hack */
	top:26px;
	t\op:27px;
}
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
.menu ul :hover ul :hover ul, .menu ul :hover {
	visibility:visible;
}