body {
width:700px;
margin:0 auto;
text-align:center;
font:12px tahoma,arial;
border: 3px solid #218bb2;
background:#b1b1b1;
margin-top:8px;
}

H1 {
font:bold 18px arial,Verdana,Sans-Serif; 
}

H2 {
font:bold 14px arial,Verdana,Sans-Serif; 
}

H3 {
font: bold 12px tahoma, arial, Verdana, Sans-Serif; 
}

img {
	border: 0;
}

H4 {
font:10px tahoma, arial, Verdana, Sans-Serif;
color: #ffffff;
}


a {
	color:#218bb2;
	font-size: 14px;
} 

a:hover { 
color:#9f9c76; 
}

a:visited { 
color:#e38347; 
}


#header {
height: 142px; 
background: #9f9c76 url(training/header.jpg) top center no-repeat; 
width:100%; 
float:left;
overflow:hidden;
display:inline-block;
padding-bottom:10px;
}

#menu {
float:left;
width:100%;
padding-top: 4px;
padding-bottom: 8px;
overflow:hidden;
display:inline-block;
text-align:center;
background: #218bb2;
font:bold 14px arial,Verdana,Sans-Serif; 
}


#wrapper {
	background-color:#edeae3;
	width:100%;

}


#menu A:link {text-decoration: underline; color:white; font-variant: small-caps  }
#menu A:visited {text-decoration: underline; color:white; font-variant: small-caps  }
#menu A:active {text-decoration: underline;  font-variant: small-caps  }
#menu A:hover {text-decoration: underline; color: #9f9c76;  font-variant: small-caps }

#sub-section {
padding:15px;
width:20%; 
float:left;
background-color:#90bfd0;
display:inline-block;
text-align:left;
color:#ffffff;
}
#sub-section A:link {text-decoration: underline; color:white; font-variant: small-caps  }
#sub-section A:visited {text-decoration: underline; color: #e38347; font-variant: small-caps  }
#sub-section A:active {text-decoration: underline;  font-variant: small-caps  }
#sub-section A:hover {text-decoration: underline; color: #9f9c76;  font-variant: small-caps }



#content {
	padding-top:20px;
	padding-right:15px;
	padding-left:4px;
	float:right;
	width:73%;
	background-color:#edeae3;
	overflow:hidden;
	display:inline-block;
	text-align:left;
}

#main {
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	float:right;
	width:94%;
	background-color:#edeae3;
	overflow:hidden;
	display:inline-block;
	text-align:left;
}


#imgcontent {
	border:6px double #ffa500;
	padding:10px;
	background-color: #ffffff;
}

#imgcontent1 {
border:4px double #ffa500;
padding:0px;
}


#bottom {
float:left;
width:100%;
padding-top: 4px;
padding-bottom: 0px;
overflow:hidden;
display:inline-block;
text-align:center;
background: #218bb2;
font:bold 14px arial,Verdana,Sans-Serif; 
}

#bottom A:link {text-decoration: underline; color:white; font-variant: small-caps  }
#bottom A:visited {text-decoration: underline; color: #e38347; font-variant: small-caps  }
#bottom A:active {text-decoration: underline;  font-variant: small-caps  }
#bottom A:hover {text-decoration: underline; color: #9f9c76;  font-variant: small-caps }


#footer {
	height:24px;
	background: #218bb2;
	overflow:hidden;
	padding-top: 0px;
	display:inline-block;
	text-align:center;
	width:100%;
	clear:both;
	font:Bold 12px arial,Verdana,Sans-Serif;
}

#footer A:link {text-decoration: underline; color:white; font-variant: small-caps  }

