/* CSS Document */
<STYLE type="text/css">

html {
height: 100%;
display: block;
background: url(images/background.jpg) scroll 0 0;
}

body {
height: 100%;
font-size: 16px;
line-height: 1.5em;
margin: 0;
padding: 0;
background: url(images/top-line.jpg) repeat-x;
letter-spacing: 1px;
}

#wrapper {
margin:0 auto;/*alignment wrapper for IE & Mozilla*/
padding: 0;
width:980px;
height:100%;
text-align:left;
border: solid 0px #0080ff;
position: relative;
background-color: transparent;
font-family: Tahoma;
}

#banner-vertmenu {
height:530px; 
width:980px;
border: solid 0px #0080ff;/*border verification(control)*/
background-color: transparent;
background: url(images/header.jpg) no-repeat;
}

/*start vertical menu*/
#vertmenu{
position: relative;
height:300px;
margin-left:41px;
top: 204px; 
width:269px; 
border:solid 0px #d5caba;/*border verification(control)*/ 
padding:0px;
background-color: transparent;/*attachment color background behind battons*/	
}

.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 259px;
}
.buttonmenu li {
margin-bottom: 9px;/*space between battons*/
border: solid 0px #bd0353;/*border verification(control)*/
}

.buttonmenu li a{
color: black;
display: block;
width: 259px;
padding-left:10px;
padding-top: 5px;
text-decoration: none;
text-decoration:none;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
height: 29px;
letter-spacing: 1px;
}


.buttonmenu li a:visited{
color: black;
}

.buttonmenu li a:hover, .buttonmenu li a:active, .buttonmenu li .current {
color: #ffffff;
background-color: #f97b8c;
}
/*end vertical menu*/

/*start horizontal menu*/
#navcontainer {
position: absolute;
left: 690px;
top:20px;
}

.hmenu{
margin: 0;
padding: 0;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 17px;
letter-spacing: 1px;
width: 250px;
/*overflow: hidden;*/
height: 45px;
position: relative;
}

.hmenu li{
display: inline;
}

.hmenu li a{
float: left;
color: #ffffff;
padding: 8px 15px 10px 15px;
text-decoration: none;
background: #4f6f48;
margin-right: 10px;
}

.hmenu li a:visited{
color: #ffffff;
}

.hmenu li a:hover, .hmenu li .current{
color: white;
background: #f97b8c;
}
/*end horizontal menu*/

.banner{
position: absolute;
top:110px;
left: 360px;
width:610px;
height: 400px;
overflow: hidden;
}

#content { 
height: auto; 
width:940px;
border: solid 0px #fe1ec6;
background: white;
padding: 20px;
text-align: justify;
}

#content p {
text-indent: 35px;
}

#titletext {
position: relative;
font-weight: bold; 
font-size: 19px;  
font-family: Times New Roman;  
letter-spacing: 1px;
text-align: center;
border: solid 0px;
top: 8px;
}

.titleplan {
font-size: 16px; 
text-align: center; 
font-weight: bold;
width: 600px;
border: solid 0px;
}

#plan {
position: relative;
border: solid 0px;
width: 650px;
padding-left: 10px;
padding-right: 20px;
left: 50px;
top: -10px;
}

.listitem {
position: relative; 
left: -20px;
font-size: 14px; 
list-style-type: disc; 
color: #616161; 
}

#footer{
position: relative;
border: solid 0px;
padding-top: 30px;
padding-left: 50px;
width: 930px;
height: 60px;
text-align: center;
background: url(images/background.jpg) scroll 0 0;
letter-spacing: 1px;
color: #616161;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;	
}

#footer img {
position: absolute;
left: 160px;
top: 10px;
border: solid 0px;
}

.container-left {
float: left;
padding-right: 15px;
width: 324px;
height: 470px;
background: url(images/background-left.jpg) no-repeat;
overflow: hidden;
}

.container-left img {
margin-top: 22px;
margin-left: 21px;
}

ul#knowledge {
position: relative; 
left: 0;
}
div#schedule {
position: relative; 
left: 80px;
}

div#schedule strong {
color: #f97b8c;
}

strong.titleplan {
position: relative; 
left: 170px;
}

.links {
font-family: times new roman; 
font-size: 19px;
font-weight: bold;
}

.links a
{
text-decoration: none;
color: #f97b8c;
}

.links a:hover 
{
text-decoration: underline;
color: #b587ab;
}

.banners {
position: relative; 
top:5px; 
left: 153px; 
border: solid 0px; 
width: 700px; 
height: 33px; 
padding: 6px 0 0 0;
margin-bottom: 20px;
}

/* Created with <STRONG><CONTACT> */
/* http://www.stronghtml.com/ */

/* Left Column Style */
.contactformLeftColumn {
 padding-right: 5px;
 padding-bottom: 5px;
 font-size: 90%;
}

/* Right Column Style */
.contactformRightColumn {
 padding-right: 5px;
 padding-bottom: 5px;
 font-size: 90%;
}

/* Text Field Style */
.contactformTextField {
 width: 150px;
 border: 1px solid #999999;
 color: #333333;
 padding-left: 2px;
}

/* Text Area Style */
.contactformTextArea {
 width: 300px;
 height: 80px;
 border: 1px solid #999999;
 color: #333333;
 padding-left: 2px;
}

/* Check Box Style */
.contactformCheckBox {
}

/* Submit Button Style */
.contactformSubmit {
 border: 0px solid #999999;
}

/* Errors Block Style */
.contactformErrors {
 color:#FF0000;
}

/* Thank You Message Style */
.contactformThankYou {
 border: solid 0px #767d3c;
 color: #f97b8c;
 height: 300px;
 font-size: 23px;
 line-height: 30px;
}

</STYLE>

