/*top+ nav*/


#top {
 width: 100%;
 padding: 0px;
 height: 175px;
 margin: 0px 0px 0px 0px;
 background-image:url(graphics/top-background.jpg);
 background-repeat:repeat-x;
}

#leadingtext
{position: relative;
width:220px; left:255px; top:30px;
}

.toptitle1{font-size:20px; color:#680000; text-decoration:none; font-weight:bold; letter-spacing:-1px;}
.toptitle2{font-size:12px; color:#680000; text-decoration:none; font-weight:bold}

#cart{position:relative;top:12px; width:221px; height:60px; background-color:#b30000; color:#FFFFFF; left:250px;}
#cart a{ color:#FFFFFF; font-size:17px; text-decoration:none;}
#cart a:hover {color:#680000}

#search{position:relative; top:63px; width:250px; background-color:#680000; color:#FFFFFF; }
#search a{color:#FFFFFF; text-decoration:none}
#search a:hover{color:#666666}

#mainnav{ position:relative; top:9px; height:33px}
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	margin:0;
	background:#000000 url("graphics/bg-nav.jpg") no-repeat right top;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("graphics/bg-nav-arrow.jpg") no-repeat left top;
	padding:0 11px 0 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11;
	color:#FFFFFF;
	font-weight:bold;
	line-height:33px;
}

#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
#tab a:hover,#tab li.item_active a 
{ background-image:url(graphics/bg-nav.jpg);
    background-repeat:repeat-x;
	background-position:right bottom; 
	
}

/*container*/

#container { width:100%; position:relative}

#flashcontent{ position:relative; padding-top:10px; width:748px;}

/*homepage container*/


#home1{width:744px; position:relative; padding-top:10px; left:4px}
#browsecourse { width:179px; position:relative; top:0px ;}
.coursetitle{color:#FFFFFF; padding-left:10px; font-weight:bold}
#browsecourse ul{margin:9px; color:#b30000; padding-left:7px;}
#browsecourse li{ 
    display: table-row;
  	margin:2px;
	padding:0px;
}
#browsecourse a {text-decoration:none; color:#b30000; font-size:11px;}
#browsecourse a:hover { color:#666666;text-decoration:none}


#hometextbox{ position:relative; top:0px; width:551px; left:5px}
.hometext{ font-size:11px; padding:10px; color:#666666; background-image: url(graphics/bg-home-text-water.jpg); background-position:right bottom; background-repeat:no-repeat}

#home2{width:744px; position:relative; margin-top:15px; left:4px}
.coursespecialtitle{ font:Arial, Helvetica, sans-serif;color: #680000; padding-left:10px; font-weight:bold}
.coursespecial {font-size:12px; padding:10px; color:#000000}

/*cms content*/
#content{width:744px; position:relative; padding-top:10px; left:4px}
#boxcontent{ width:700px; position:relative; padding:10px}
.boxcontent{font-size:12px;color:#000000;  }
.boxtitle{font-size:13px; color: #680000; text-decoration:none; font-weight:bold; line-height:14px; border-bottom:#666666 1px solid; padding:3px }

/*training content*/
#traininginfo{position: relative; padding-top:10px; width:177px}
#traininginfocontent{position:relative;  border-bottom:1px dashed #680000;padding:5px;}
.traininginfocontenttitle{color:#680000}
.trainingtext{ font-size:12px; padding:10px; color:#000000;}
#note {position:relative; width:525px; min-height:50px; border-bottom:1px #999999 solid; border-top:1px #999999 solid; padding:3px; margin-top:15px}
#addresstraining {position:relative; width:525px; min-height:230px; border-bottom:1px #999999 solid;  padding:3px; margin-top:15px}
#map{width:325px; float:right;padding:10px;}
#map_home{width:325px; float:right;padding:10px;}
#price{position:relative; width:525px; padding:3px;margin-top:15px }
#pricetraining{width:198px; height:33px; background-image:url(graphics/bg-price.jpg); background-repeat:no-repeat; padding-left:10px; padding-top:10px;color:#FFFFFF; font-size:10px; font-weight:bold}

#buynow{width:133px; height:33px; }


/*traineeships content*/
#formtraineeship{position:relative; width:525px; padding:3px; margin-top:15px;}

/*procedures content*/
.picprocedure{border:#666666 solid 1px} 

/*SEARCH content*/
#searchcontent{ width:700px; position:relative; padding:10px;font-size:11px;color:#666666;}
#searchcontent a{color:#b30000; font-size:11px; text-decoration:underline}
#searchcontent a:hover{color:#666666; text-decoration:none}

/*right*/

#rightpanel{ background-image: url(graphics/bg-right.png); background-repeat:repeat-y; width:227px; top:0px; position:relative }
#rightbox1{ position:relative; top:10px; background-color:#FFFFFF; width:200px; height:110px; left:23px}
.righttitle{position:relative; left:10px; color: #680000; font-weight:bold; width:180px; font-size:13px}
.righttext{color: #000000; font-size:11px;}
#rightbox2{ position:relative; margin-top:20px; background-color:#FFFFFF; width:200px; height:150px; left:23px}
#rightbox3{ position:relative; margin-top:10px; background-color:#FFFFFF; width:200px; height:110px; left:23px}
#address{ position:relative; margin-top:10px; width:180px; left:23px; }
#address a {color:#999999; text-decoration:underline;}
#address a:hover { color:#FFFFFF; text-decoration:none} 
.addresstitle{ font:Arial; font-size:14px; font-weight:bold; color:#FFFFFF;}
.addresstext{ color: #999999; font-size:11px}
.addresstext2{ color: #FFFFFF; font-size:12px}
#rightbottom{position:relative; width:227px;}

/*footer*/

#footer {
	position: relative;
	margin-top:8px;
	left:0px;
	height:38px;
	color:#999999;
	font-size:9px;
}
#footer a{font-size:9px; color: #999999; text-decoration:none}
#footer a:hover {color:#FF0000;}