* {margin:0; padding:0;}

body, html {

		margin:0;
		padding:0;
		color:#000;
		font-family: arial;
		line-height:135%;
		font-size:88%;

	}

	body {

		min-width:750px;
		background-image:url(images/bg.jpg);
		background-repeat:repeat-x;

	}

  .floatright {float:right; margin-left:15px;}
	.floatleft {float:left; margin-right:15px;}
	
	.clear {clear:both;}
	
	
	/*-------clear fix-------*/
  .box {
    background: #ccc;
    border: 1px solid;
  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
	/*-------end clear fix-------*/

  .left {float:left; margin-right:15px;}
  .right {float:right; margin-left:15px;}

	#wrap {

		margin:0 auto;
		width:750px;

	}
	
	h2, h3 {margin:15px 0;}
	
	h2 {color:#637D36; font-weight:normal; font-size:20px; font-family:georgia;}
	h3 {color:#024A72; font-weight:bold; font-size:15px; font-family:georgia;}
	
h2#slogan {
	color:#fff; 
	font-size:14px; 
	font-weight:normal; 
	font-style:italic;
	margin-left:5px;
}
	
	p {margin:12px 0;}

  ul {}
  
  li {
  padding:0 0 10px 15px;
  background:url(images/arrow.jpg) 0 5px no-repeat;
  list-style-type:none;
  }

	#nav {

		padding:0;
		width:400px;
		float:left;

	}
	
	#subtitle {
	float:right;
	text-align:right;
	margin-right:15px;
	margin-top:23px;
	}
	
	#subtitle p {margin:0;}
	
	#nav h1 {text-indent:-999999px; background:url(images/logo.jpg) no-repeat; width:380px; height:22px; margin:30px 0;}

	#main {

		background-repeat:no-repeat;
		float:left;
		width:480px;
		padding:10px 0 0 0;
		margin:0 0 30px 0 ;

	}


	#sidebar {

		float:right;
		width:240px;
		padding:60px 0 0 30px;
		margin:0 0 30px 0 ;

	}

        

	#footer {
		clear:both;
		background:url(images/footer.jpg) repeat-x;
		padding:20px 0;
		height:105px;
	}

	#footer p {

		margin:0;
		text-align:center;

    }
    
  dt {font-weight:bold; float:left; clear:left; width:180px;}
  dd span {margin-left:180px;}
  dd {margin-bottom:10px;}
  
  
  .moreinfo {
    background:#8FB6CB;
    border:1px solid #0C4765;
    float:right;
    width:390px;
    margin:5px 0;
    padding:0 15px;
  }
  
  .moreinfo a {
    font-weight:bold;
    color:#fff;
  }
  
  /*-----------navigation------------*/
  
  


#navigation
	{
	position:relative;
	top:5px;
  height: 35px;
  background-image: url("images/navback.gif");
  background-repeat: repeat-x;
  z-index: 50;
  clear:both;
	}

#navigation h3
	{
	display: none;
	}

#navigation a
	{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9pt;
	}

#navigation_1
	{
	list-style: none;
	margin: 0 auto;
	height: 30px;
	padding: 0px 0px 0px 1px;
	}

#navigation_1 li
	{
	display: inline;
	float: left;
	/*width: 118px;*/
	text-align: center;
	height: 30px;
	padding:0 12px 0 0;
	background:url(none);
	}


#navigation_1 li a
	{
	display: block;
	width: 118px;
	height: 30px;	
	background-position: 0 -30px;
	}

#navigation_1 li a#navigation_1_home {
  width:84px;
}
#navigation_1 li a#navigation_1_course {
  width:166px;
}
#navigation_1 li a#navigation_1_sylibus {
  width:136px;
}
#navigation_1 li a#navigation_1_sylibus {
  width:136px;
}
#navigation_1 li a#navigation_1_equipment {
  width:112px;
}
#navigation_1 li a#navigation_1_rov {
  width:73px;
}
#navigation_1 li a#navigation_1_contact {
  width:91px;
}


#navigation_1 li a:hover
	{
	background-position: 0 0;
	}

#navigation_1 li .nav_current_1
	{
	background-position: 0 -60px;
	}

#navigation_1 li .nav_current_1:hover
	{
	background-position: 0 -90px;
	}

#navigation_1 li#active .nav_current_1
	{
	background-position: 0 -90px;
	}
	
/* custom navigation */

#navigation_1_home
	{
	background-image: url("images/butt_home.gif");
	background-repeat: no-repeat;
	text-indent: -5000px;
	}
	
#navigation_1_course
	{
	background-image: url("images/butt_course.gif");
	background-repeat: no-repeat;
	text-indent: -5000px;
	}
	
#navigation_1_sylibus
	{
	background-image: url("images/butt_sylibus.gif");
	background-repeat: no-repeat;
	text-indent: -5000px;
	}
	
#navigation_1_equipment
	{
	background-image: url("images/butt_equipment.gif");
	background-repeat: no-repeat;
	text-indent: -5000px;
	}
	
#navigation_1_rov
	{
	background-image: url("images/butt_rov.gif");
	background-repeat: no-repeat;
	text-indent: -5000px;
	}
	
#navigation_1_contact
	{
	background-image: url("images/butt_contact.gif");
	background-repeat: no-repeat;
	text-indent: -5000px;
	}