html
{
	background-color: #ebebeb;
	border-top: 10px solid #555555;
	font: normal 12px "Trebuchet MS", Verdana, "Lucida Grande", Georgia, Sans-Serif;
}


.right { text-align:right; }
.italic { font-style:italic; }

/* content */

a { font-weight: bold; border-bottom: 1px dotted /*transparent*/; }

a:link { color: #336699; text-decoration: none; border-bottom-color: #336699; }

a:visited { color: #5588aa; text-decoration: none; border-bottom-color: #5588aa; }

a:hover, a:active { color: #ad5b1e; border-bottom: 1px solid #ad5b1e; }

/* Html Elements */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 5px 0 10px; padding: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	font-weight: normal;
	border-bottom-width: 0;
}

h1 { font-size: 28px; }

h2 { font-size: 26px; }

h3 { font-size: 24px; clear:both;}

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }

ul, ol, blockquote, pre
{
	color: #555555;
	/*padding: 10px 30px;*/
	line-height: 1.8em;
}

ul
{
	list-style-type: square;
}

blockquote, pre { background-color: #eeeeee; border: 1px solid #bbccdd; }

ins { text-decoration: none; color: #466b85; }

del { color: #555555; }

/* Structure */

body
{
	padding: 0;
	width: 850px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position: top left;
	background-image: url(../images/body_bg.png);
}

#container
{
	width: 700px;
	margin: 0 auto;
}

#header { float: left; width: 100%; clear: both; margin-top: 0px; }

#navigation { 
	float: left; 
	width: 100%; 
	clear: both;
	margin-bottom: 5px;
}

#page-header { clear: both; position: relative; margin-bottom: 0px; }

#wrapper { text-align: center; }

#footer
{
	clear: both;
	color: #666666;
	padding: 20px 0 15px;
	text-align: center;
}

/* Header */

/*#header h1*/
#header #headerleft
{
	float: left;
	width: 228px;
	height: 95px;
	margin-top: 5px;
	text-decoration: none;
	/*padding-top: 5px;*/
	padding-right: 10px;
	padding-bottom: 3px;
	margin-bottom: 2px;
	padding-top: 5px;
	vertical-align: middle;
	/*font-size: 14px;*/
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-right: 1px solid #65728d;
}
#header #headerleft a
{
	border: 0px;
}

a img { text-decoration:none; }

.imageclass
{
	border: 0px;
}

/*#header h1 a:hover,
#header h1 a:active
{
	border-bottom-width: 0;
}*/

#header #headermiddle
{
	float: left;
	font-weight:normal;
	height: 95px;
	width: 300px;
	font-size: 13px;
	line-height: 25px;
	text-transform: lowercase;
	padding-top: 15px;
}
#header #headermiddle ul {
	line-height: 25px;
	margin-top: 10px;
	cursor:default;
}
#header #headermiddle ul a {
	cursor:default;
	text-decoration: none;
	border-bottom: none;
	font-weight:normal;
	font-size: 13px;
	color:#000000;
}
#header #headerright
{
	float: right; 
	margin-top: 15px;
	font-size: 12px;
	height: 95px;
	vertical-align: middle;
	/*line-height: 2.5em;*/
	padding-left: 2px;
}

/* Page-Header */

#imagebox
{	
	position:absolute;
	text-align:center;
	top: 30px;
	left:20px;
	width: 250px;
	height:  180px;
	background-color: #FFFFFF;
	/*filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;*/
	
}
#imageboxtext
{
	position: absolute;
	top: 30px;
	left:20px;		
	/*filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;*/
	float: left;
	text-align:left;
	background-color:transparent;
	width: 220px;
	height:  190px;
	margin: 10px;
}
#imageboxtext span
{
	font-size: 16px;	
	float: left;
	width: 180px;
	text-decoration:none;
	text-transform:uppercase;
	color: #000000;
	display:inline;
	border-bottom: 1px dotted #000000;
}
#imageboxtext a#close
{
	font-size: 9px;
	text-transform:none;
	line-height: 22px;
	margin-bottom: 10px;
	font-weight: normal;
	width: 40px;
	text-align: right;
	float: left;
	border-bottom: 1px dotted #000000;	
}
#page-header ul
{
	top: 230px;
	right: 10px;
	margin: 0;
	padding: 0;
	float: left;
	position: absolute;
	list-style-type: none;
}

#page-header li { float: left; }

#page-header li a:link,
#page-header li a:visited
{
	float: left;
	display: block;
	margin: 0 10px;
	padding: 5px 20px;
	color: #ffffff;
	background-color: #65728d;
	border-bottom-width: 0;
	/*background-image: url(images/menu.png);
	background-repeat: repeat-x;*/
}

#page-header li a:hover,
#page-header li a:active
{
	background-image: url(images/menu_hover.png);
}

#showhidebar
{
	position:absolute;
	top: 230px;
	left:5px;
	color:#FFFFFF;
	font-weight:bold;
}
#showhidebar a
{
	color: #FFFFFF;
}

/* Wrapper */

.col { width: 490px; float: left; margin: 27px 0px; text-align: justify;  }

.col ul { margin: 0 0 0 15px; padding: 0; line-height: 1.5em;  }

.col li { padding-bottom: 10px; }

.col h3 { font-size: 13px; padding: 5px 10px; margin-top: 20px; font-weight: normal; }

#content h3
{
	background-color: #d6eb9a;
}
#content h3 span
{
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
}
#content h4
{
	font-size: 12px;
	text-decoration:underline;
	font-weight: bold;
	padding: 5px;
	padding-left: 0px;
}
#content ul
{ 
	line-height: 1em;
}
#content li
{ 
	line-height: 1.2em;
}
#content li span
{
	font-weight: bold;
}
#content p
{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#sidebar
{
	margin-left: 15px;
	width: 190px;
}

#sidebar h3
{
	background-color: #ffb366;	
}
#sidebar h3 a#close
{
	font-size: 9px;
	text-transform:none;
	font-weight: normal;
	color: #000000;
}
#content a:hover, #content a:active { color: #df6532; border-bottom-color: #df6532; }

#content a:link { color: #df6532; border-bottom-color: #df6532; } 

#content a:visited { color: #df6532; border-bottom-color: #df6532; } 

.specialcourse ,#specialcourse
{
	border: #df6532 1px dotted;
	padding: 5px;
	text-align: center;
	color: #df6532;	
	margin: 0px;
	padding: 3px;
}
.specialcourse p, #specialcourse p
{
	color: #df6532;	
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.specialcourse a, #specialcourse a
{
	color: #df6532;	
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	border-bottom: 1px dotted #df6532;
}
.specialcourse a, #specialcourse a:hover
{
	border-bottom: 1px solid #df6532;
}
.viewcourseimage
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px dotted #df6532;
}
#specialtext
{
	text-align: center;
}

/* Files results boxes */

#fileresults
{
	width: 476px;
	overflow:auto;
	margin-left: auto;
	margin-right: auto;
}
#fileresults #result
{
	margin: 3px;
	width: 230px;
	max-width: 230px;
	float: left;
	vertical-align: middle;
	text-align:center;
	display: inline;
	border: 1px dotted #df6532;
	height: 120px;
}
#fileresults #result IMG
{
	border : 0px;
	vertical-align: baseline;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
#fileresults #result a
{
	border: 0px;
	padding-top: 3px;
	width: 230px;
	display:block;
}


/* Links Classes and Menufacturer Links Classes (same for both) */

.linkwrapper 
{         
	width: 475px;        
	border: 1px dotted #df6532;
	padding: 5px;
	clear: both;
	overflow: auto;     
	text-align:center;
	margin: 0px auto 5px auto;
}    
div.linkwrappertop
{
	overflow:auto;
	padding:0px;
	border:0px;
	margin:0px;
} 
div.linkimage 
{
	float: left; 
	width: 190px;
	text-align: center;
	vertical-align:middle;
	height:inherit;
}   
div.linkimage a
{
	border: none;
}
div.linkimage .linkimg
{
	border: 0px;
}  
div.linktext {
   float: left; 
   width: 270px; 
   padding-top:5px;
   padding-left:5px;
}  
div.linktext a 
{ 
	font-size: 14px;
	font-weight:normal;
	color: #df6532;
	border-bottom-color: #df6532;
	line-height: 1.2em;
}
div.linktext p
{
 	color: #000000;
	font-size: 18px;
	margin: 0px;
	line-height: 1.0em;
	margin-bottom: 10px;
}
div.linktext p a
{
	color: #000000;
	font-size: 12px;
	font-weight:normal;
	border: none;
}
div.linkdescription p
{
	font-size: 12px;
	clear:both;
	margin:0px;
}

.linksheader
{
	/*clear: both;*/
	text-align:center;
	margin-top: 10px;
	color: #df6532;	
}
.linksheader ul li 
{
	display:inline;
} 

/* Table StyleSheet */

.list .table
{ 
	display: table;
	width: 400px;
	text-align: center;
	margin: 0 auto 0 auto;
	border: 1px solid #65728d;
	margin-bottom: 5px;
}
.list TR
{ 
	display: table-row;
}
.list TH
{
	background-color: #65728d;
	color:#FFFFFF;
	font-weight: bold;
}
.list TH.smalltablecell_th
{
	width: 90px;
}
.list TD
{ 
	display: table-cell;
	text-align: left;
}
.list TD.smalltablecell
{	
	text-align: center;
	width: 90px;
	vertical-align: middle;
}
.list input
{	
	width: 100px;
}

/* Table for course calendar StyleSheet */

#calendar
{
	text-align:center;
}
#calendar.table
{ 
	/*display: table;*/
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	border: 1px solid #65728d;
	margin-bottom: 5px;
}
#calendar tr.normal
{ 
	display: table-row;
	height: 100px;
	vertical-align: top;
}
#calendar td.header
{
	text-align: center;
	font-weight: bold;
}
#calendar th
{
	background-color: #65728d;
	color:#FFFFFF;
	width: 11%;
	font-weight: bold;
	text-align:center;
}
#calendar td
{ 
	display:    table-cell;
	text-align: left;
	overflow:   auto;
}
#calendar td.today
{
	background-color:#CCCCCC;
}
#calendar td.notday
{	
	background-color:#F3F3F3;
	vertical-align: top;
}
#calendar p
{
	text-align: center;
	font-weight: bold;
	font-size:14px;
}
#calendar p.date
{
	font-size: 10px;
	font-weight:bold;
	vertical-align:top;
	text-align: left;
}
#calendar span.left
{
	float: left;
	margin-right:5px;
	text-align: left;
	font-weight: bold;
	background-color:inherit;
}
#calendar span.right
{	
	float: right;
	text-align: right;
	background-color:inherit;
}
#calendar span.left a
{
	text-decoration: none;
	border: 0px;
	color:#000000;
}
#calendar span.right a
{	
	text-decoration: none;
	border: 0px;
	color:#000000;
}

/* Right side content */

#sidebar a:link { color: #df6532; border-bottom-color: #df6532; }

#sidebar a:visited { color: #ad5b1e; border-bottom-color: #ad5b1e; }

.padiimages { text-align: center; margin-left: 3px; margin-right: 3px; display:block; }

/* Footer */

#footer a:link { color: #5588aa; border-bottom-color: #5588aa; }

#footer a:visited { color: #77bbdd; border-bottom-color: #77bbdd; } 

#footer a:hover, #footer a:active { color: #336699; border-bottom-color: #336699; }

#footer p { margin: 5px 0; }

/* Contact Form CSS */
#contactform
{
	background-image:url(images/contactimage.jpg);
	background-repeat:no-repeat;
	min-height: 208px;
}
.contactdiv
{
	width: 490px;
	clear: both;
	z-index:200;
}
.contactdiv .lefttxt
{
  display: block;
  float: left;
  width: 200px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-weight: normal;
  z-index:200;
}
.contactdiv .righttxt
{
  display: block;
  float: left;
  width: 270px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: left;
  font-weight: bold;
  z-index:200;
}

/* Message Ticker Page */
#tickercontainer
{
	position:absolute;
	top:265px;
	left:0px;
}	
#ticker
{
	/*margin-top:13px; */
	border: 2px solid blue; 
	font-size:18px; 
	padding: 0px 5px 0px 5px; 
	clear:both;
	background-color:#FFFFFF;
	height: 1.3em; 
	/*position: absolute; */
	width:688px; 
	margin-left:auto; 
	margin-right:auto;
	overflow: hidden;
}

/* CSS for form elements */
form 
{
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 490px;
  max-width: 490px;
  width: 490px;
}

form fieldset 
{
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend 
{
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label 
{
  font-size: 100%;
}

label u 
{
  font-style: normal;
  text-decoration: underline;
}
label span
{
	font-size: 10px;
	font-weight: bold;
	display: block;
}

input, select, textarea 
{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea 
{
  overflow: auto;
}

form div 
{
  clear: left;
  display: block;
  /*width: 354px;*/
  height: 1%;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form fieldset div.notes 
{
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 
{
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p 
{
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last 
{
  margin: 0em;
}

form div fieldset 
{
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend 
{
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend 
{
  font-weight: bold;
}

form div label 
{
  display: block;
  float: left;
  width: 180px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional 
{
  font-weight: normal;
}

form div.required label, label.required 
{
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio 
{
  float: none;
  display: block;
  width: 200px;
  height: 1%;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio 
{
  margin: 0 0 5px 0;
  width: 170px;
}

form div img 
{
  border: 1px solid #000000;
}

p.error 
{
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}
form div.error 
{
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error 
{
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div input, form div select
{
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}
form div textarea 
{ 
  /*width: 270px;*/
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 280px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 460px;
  padding: 10px;
  text-align: center;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;

  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  height: 1%;
}

/* Drop Down Menu Stuff */
/* ==================== */

/* commom style for all browsers */
.menu5 {
	text-align:center;
	position: relative;
	vertical-align: middle;
	/*font-size:0.9em;*/
	height:2.0em;
	margin:0px;
	padding:0; 
	list-style-type:none; 
	z-index:100;
}
.menu5 ul {
	padding:0; 
	margin:0; 
	list-style-type:none;  
	z-index:100;/* for Firefox */
}
.menu5 li {
	float:left;
	background-color: #65728d; 
	position:relative; 
	z-index:100;
	min-width: 100px;
	
}
.menu5 li a, .menu5 li a:visited {
	display:block; 
	text-decoration:none; 
	width:100px; 
	color:#000; 
	float:left; 
	/*padding-right:1em;*/ 
	height:2.5em;
	line-height:2.5em; 
	color:#FFFFFF;  
	z-index:100;
}
* html .menu5 li a, .menu5 li a:visited {
	/* Edit this for main level menu size */
	width:110px; 
	w\idth:100px; 
	z-index:100; /* hack for IE5.5 */
}
.menu5 li a.drop, .menu5 li a.drop:visited {
	font-weight:bold; 
	z-index:100;
}
.menu5 li ul {
	visibility:hidden; 
	position:absolute; 
	top:2.5em; 
	left:0; 
	height:0; 
	overflow:hidden; 
	z-index:100;
}
.menu5 table {
	margin:-1px; 
	border-collapse:collapse; 
	font-size:1em; 
	z-index:100; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
	/*text-decoration:underline;*/
	background-color: #485573; 
	border:0; 
	z-index:100;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
	visibility:visible; 
	height:auto; 
	width:10em; 
	/*background:#fff;*/ 
	border:1px solid #ddd; 
	left:0; top:2.5em; 
	overflow:visible; 
	z-index:100;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
	/* Edit this for second level menus */
	display:block; 
	font-weight:normal; 
	background:transparent; 
	/*text-decoration:none; */
	height:auto; 
	line-height:1.5em; 
	padding:0.5em; 
	width:9em; 
	z-index:100;
}
* html .menu5 li a:hover ul li a {
	/* Edit this for third level menus */
	width:10em; 
	w\idth:9em; 
	z-index:110; /* hack for IE5.5 */
}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
	font-weight:bold; 
	z-index:110;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	top:0; 
	left:10em; 
	height:0; 
	overflow:hidden; 
	z-index:110;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
	/*text-decoration:underline;*/ 
	background-color: #485573;		
	z-index:110;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
	visibility:visible; 
	color:#000; 
	border:1px solid #FFFFFF; 
	height:auto; 
	/*background:#fff; */
	width:9.5em; 
	z-index:110;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
	left:-9.3em; 
	z-index:110;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
	display:block; 
	height:auto; 
	z-index:110;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
	/*text-decoration:underline;*/
	background-color: #485573;	 
	z-index:110;
}