
/* CSS Document */


* {margin:0 ; padding :0}

body {
	background-color: #99ccff;
	min-width:1000px;
		min-width:1000px;
}

#wrapper {
  width: 770px; 
  margin: 0 auto;
  text-align: left;
  background-color:#FFFFFF;

	}
	
#contentwrapper {
background-color:#FFFFFF;
width: 770px;
}
	

#header_container { 
	width: 770px;
	height: 89px;
	background-image:  url(images/ciee_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#main {
	width: 770px;
	height: 192px;
	background-image: url(images/main_image.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#main_ciee {
	width: 770px;
	height: 192px;
	background-image: url(images/main_ciee.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#main_regs {
	width: 770px;
	height: 192px;
	background-image: url(images/main_regs.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#main_resource {
	width: 770px;
	height: 192px;
	background-image: url(images/main_resource.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
	
#main_support {
	width: 770px;
	height: 192px;
	background-image: url(images/main_support.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#content { 
	width: 580px;
	float: right;
	background-color:#FFFFFF;
	margin-top: 10px;
	}


#content ul {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:12px;
	color:#000000;
line-height: 15px;
margin: 0px 0px 0px 8px;
padding: 3px 5px 2px 0px; /* Controls right padding on li and moves all list items over */
background-position:top;
background-repeat:repeat-y;
}

#content li{
margin: 4px 5px 0 15px;
list-style-type: none;
padding: 0px 8px 3px 20px;
background-image: url(images/bullet3.gif);
background-position:top left;
background-repeat:no-repeat;
}

	
#nav {
	width: 180px;
	float: left;
	background-color:#FFFFFF;
		margin-top: 18px;
	}
	
#content a {
	color: #0B3E77;
	text-decoration: underline;
	
			}
			
#content a:hover {
	color: #EF7C32;
	text-decoration: underline;
	}
			
  
 #content p {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:12px;
	color:#000000;
	line-height: 1.5em;
	padding: 2px 14px 11px 17px;
	  }
	  
.clear {clear:both;}

#content img {
	padding: 12px 14px 15px 18px;


	}
	
	  
#content h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #FF6309;
	padding: 8px 14px 8px 17px;
	}
	
#footer {
	background-color: #072A5E;
	width: 770px;
	clear: both;
	}
	
#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #447FE1;
	padding: 5px 0 5px 15px;
	}
	


.arrowlistmenu{
width: 180px; /*width of accordion menu*/
font-family:Verdana, Arial, Helvetica, sans-serif;
}



#nav ul{ /*CSS for UL of each sub menu*/
width: 180px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:11px;
	color:#000000;
line-height: 13px;
margin: 0px 0px 10px 2px;
padding: 0px 2px 12px 0px; /* Controls right padding on li and moves all list items over */
background-position:top;
background-repeat:repeat-y;
}

#nav ul li{

margin: 4px 5px 0 6px;
list-style-type: none;
padding: 0px 0px 3px 3px;
background-image: url(images/arrow29.gif);
background-position:top left;
background-repeat:no-repeat;

}

#nav ul li a{
color: #072A5E;
display: block;
padding-left: 21px; /*link text is indented 19px*/
text-decoration: none;
font-size: 11px;

}

#nav ul li a:visited{
color: #072A5E;
}

#nav ul li a:hover{ /*hover state CSS*/
color: #FF640A;

}

#topnav { 
	background-color:#99ccff;
	width: 770px;
	height: 24px;

}

/* begin new top nav */

 #tabs {
      float:left;
      width:100%;
      font-size:11px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
      line-height: 15px;
      }
	  
    #tabs ul {
	margin:0;
	padding:0px 0 0 10px;
	list-style:none;
      }
	  
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
	  
    #tabs a {
      float:left;
      background:url(images/tableft9.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
	  
    #tabs a span {
      float:left;
      display:block;
      background:url(images/tabright10.gif) no-repeat right top;
      padding:5px 12px 4px 4px;
      color:#666;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF6309;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
	  
    #tabs a:hover span {
      background-position:100% -42px;
      }
	  
	      #tabs #current span {
      color:#000;
	        background-position:100% -42px;
      }
	  
    #tabs #current a {
      background-position:0% -42px;
      }
	      
/* end new top nav */

#table1 { 	
	border-collapse: collapse;
	border-left: 1px solid #FF9A00;
	border-top: 1px solid #FF9A00;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#1B3F94;
	line-height:14px; 
	margin-top: 14px;
	}

		
#table1 td {
	border-bottom: 1px solid #FF9A00;
	border-right: 1px solid #FF9A00;
	padding: 4px;
	
}


	

