/* CSS Document */
/* tag styles
____________________________________________________*/



body {
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding:0;
margin:0;
background-image: url(../images/logo_stripes_hori.gif);
background-repeat: repeat-x;
background-position: bottom;
}


h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #003366;
	padding: 0;
	margin: 5px;
	font-size: 40px;
}

h2 {
text-align: center;
color: #000066;
margin:0;
padding: 0;
}

h3 {
color: #000066;
font-weight: bold;
margin:0;
padding: 0;
text-align:center;
}

h4 {
color: #000066;
text-align:center;
margin:0;
padding: 0;

}

h5 {
color: #000066;
font-weight: bold;
margin:0;
padding: 0;
}

p {
color: #000066;
}

a:hover {
color:#FF3300;
}

fieldset {
border-color: #003366;
padding: 8px;
}

table{ 
border-collapse: collapse;
}

/* text
______________________________________________________*/

#center {
text-align: center;
}

#crs_ttl {
text-decoration:underline;
}

/* img drop shadow
______________________________________________________*/

#img_wrap {
width: 50%;
margin-left:25%;
margin-top: 1em;
position: absolute; 
}





/* two column flexible layout with header and footer
______________________________________________________*/



#container{
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
}

.train {
background-image: url(../images/train/training_back.gif);
background-repeat: no-repeat;
background-position: top right;
}

#content_wrap {
margin-left: auto;
margin-right: auto;
}

#title{
text-align: center;
}

#top{
width: 100%;
height: 150px;
margin-left: auto;
margin-right: auto;
}

#main_content{
width: 90%;
margin-left: auto;
margin-right:auto;
}

#second_content{
float: left;
width: 5%;
margin-left: 47.5%;
margin-top: 15px;
}


#footer{
text-align:center;
clear: both;
padding: 5px;
height:20px;

}

/* Menu Styling
___________________________________________________*/

#header_wrap {
margin-top: 0px;
text-align: center;
padding: 5px;
}

#menu_wrap {
width: 43em;
margin-left: auto;
margin-right: auto;
}

#menu_center{
margin-left: auto;
margin-right: auto;
}


#top #menu_wrap ul{  /*containing list element*/
margin:0;
padding: 0;
float:left;
list-style-type:none;
}

#top #menu_wrap li {
border: 1px solid #000066;
background-color: #99CCFF;

}

#top #menu_wrap li a {  /* link block element */
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #000066;
display: block;
line-height:1.4em;
width:5.5em;
margin:0pt;
text-align:center;
text-decoration: none;
}


#top #menu_wrap #item a {
width: 10em;
}

 /*
#top #menu_wrap #item {  /*hidden drop-down menu item 
display: none;
}
/* Reveal
____________________________________________________

#top #menu_wrap #item:hover #subitem {   revealed drop-down menu item 
display: block;
}

*/
/* Style swap
___________________________________________________*/


#top #menu_wrap li:hover a {    /* styled link swap */
	background-color: #E40608;
	color: #FFFFFF;
	text-decoration: none;
}

/* djaringo page
_____________________________________________________*/


#training {
width: 600px;
margin-left: auto;
margin-right: auto;
}
 
#training td img {
margin: 0;
padding: 0;
} 

#button {
margin:0;
padding:0;
	display: block;
	background-color: #99CCFF;
	background-image: url(../images/highlight.png);
	text-align: center;
	text-decoration: none;
	width: 120px;
height: 75px;
}

#button h4{
margin-top: 1em;
color: #FFFFFF;	
}

#training #tbl_img {
padding: 8px;
}

#button:hover h4 {
text-decoration: underline;
color: #000066;

}
/* djaringo page button rollover classes
_____________________________________________________*/

#train_1 #button {
background-image: url(../images/train/auto_thumb.jpg);
}

#train_1 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_2 #button {
background-image: url(../images/train/gen_con_thumb.jpg);
}

#train_2 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_3 #button {
background-image: url(../images/train/business_thumb.jpg);
}

#train_3 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_4 #button {
background-image: url(../images/train/mentor_thumb.jpg);
}

#train_4 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_5 #button {
background-image: url(../images/train/hort_thumb.jpg);
}

#train_5 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_6 #button {
background-image: url(../images/train/civil3_thumb.jpg);
}

#train_6 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_7 #button {
background-image: url(../images/train/enviro_thumb.jpg);
}

#train_7 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_8 #button {
background-image: url(../images/train/prepare_thumb.jpg);
}

#train_8 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_9 #button {
background-image: url(../images/train/retail_thumb.jpg);
}

#train_9 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_10 #button {
background-image: url(../images/train/rural_thumb.jpg);
}

#train_10 #button:hover {
background-image: none;
background-color: #99CCFF;
}

#train_11 #button {
background-image: url(../images/train/govern_thumb.jpg);
}

#train_11 #button:hover {
background-image: none;
background-color: #99CCFF;
}



/* course page button
_____________________________________________________*/

#button_return {
display: block;
width: 5em;
height: 4em;
margin-left: auto;
margin-right: auto;
background-color: #99CCFF;
background-image: url(../images/highlight.png);
text-decoration: none;
text-align: center;
}

#button_return:hover {
background-color:#FF3300;
}
#button_return:hover h3 {
text-decoration: underline;
color: #FFFFFF;
}

/* course page course info
_____________________________________________________*/

#course_wrap {
width: 80%;
margin-left: auto;
	margin-right: auto;
background-color:#FFFFFF;
font-size: 1em;
margin-top: 10px;
color: #000066;
}

#course_table {
width: 80%;
text-align: left;
margin-left: auto;
	margin-right: auto;
	padding:0;
	}
		
#course_table th {
font-weight: normal;
}
		
#course_table .grey {
	background-color:#CCCCCC;
	}
	
#course_table #crs_no {
  width: 20%;
      }
	  
#course_table #crs_hrs{
  width: 10%;
	text-align: center;
	  font-weight: bold;
	}