/* CSS Document */

/* MAIN */
body { 
background-color: #E8E4E6;
font-family: Verdana, Arial;
font-size: 9px;
color: #333333;
padding: 0 10px 0 10px;
line-height: 1.5em;
text-align: justify;
}

a: link {
font-family: Verdana, Arial;
font-size: 9px;
color: #8E727E;
text-decoration: none;
}

#wrapper {
position: relative;
margin: 0 auto;
width: 700px;
background-color: #F3ECEF;
padding: 30px 10px 15px 10px;
}

/* NAV : header image and navigation bar */
#pageheader {
width: 700px;
height: 267px;
background: url(images/stepshdr2.jpg) no-repeat;
margin-top: -20px;
padding: 0 0 0 0;
}

#navigation {
width: 700px;
height: 40px;
background-color: #9A7585;
border-top: 4px solid #947482;
border-right: 0px solid #F3ECEF;
border-bottom: 4px solid #947482;
border-left: 0px solid #F3ECEF;
color: #E1D1D8;
}

#nav ul{
text-align: center;
padding: 5px 5px 0 5px;
margin: 0 auto;
background-color:#9A7585;
}

#nav ul li{
display: inline;
padding: 0;
margin: 0;
}

#nav ul li a{
color: #E1D1D8;
font-family: Tahoma;
font-size: 9px;
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
text-align: center;
width: 9em;
padding: 0 3px 0 3px;

} 

#nav ul li a:hover, #nav ul li a:focus{
text-decoration: none;
color: #F3ecef;
}

/* IMG */
 .floatright {
float: right;
margin: 0 0 5px 10px;
padding: 2px;
}

 .floatleft {
float: left;
margin: 0 10px 5px 0;
padding: 2px;
}

/* CONTENT : content table, entry title */
#maincontent {
padding: 20px 20px 20px 20px;
margin: 6px 0 20px 234px;
background-color: #E8E4E6;
border-top: 4px solid #E5DFE2;
border-right: 1px solid #E5DFE2;
border-bottom: 4px solid #E5DFE2;
border-left: 1px solid #E5DFE2;
}

.title {
font-family: Verdana, Arial;
font-size: 11px;
font-weight: bold;
color: #9A7585;
border-bottom: 1px dotted #9A7585;
line-height: 1.25em;
padding: 0 0 2px 0;
}

.content  {
font-family: Verdana, Arial;
font-size: 10px;
color: #333333;
line-height: 1.5em;
text-align: justify;
padding: 0px 0 0 0;
}

/* LEFT COLUMN : sidebar, sidebar entry title & subtitle */
#leftcol {
margin-top: 6px;
margin-left: 1px;
padding: 10px 15px 10px 15px;
float: left;
width: 194px;
background-color: #EAE2E5;
border-top: 4px solid #E5D8DD;
border-right: 1px solid #E5D8DD;
border-bottom: 4px solid #E5D8DD;
border-left: 1px solid #E5D8DD;
}


#leftcontenttitle {
font-family: Verdana, Arial;
font-size: 10px;
font-weight: bold;
color: #9A7585;
border-bottom: 5px solid #EAE2E5;
line-height: 1.25em;
text-transform: uppercase;
padding: 0 0 2px 0;
}

#leftcontentsubt {
font-family: Verdana, Arial;
font-size: 9px;
font-weight: bold;
color: #A29C9E;
}

#leftcontent li   {
font-family: Verdana, Arial;
font-size: 9px;
color: #A29C9E;
line-height: 1.5em;
text-align: justify;
padding: 1px 0 20px 0;
}

.img {
border: 3px solid #E8E4E6;
}
/* FOOTER : site info & webmaster contact info */
#footer{
font-family: tahoma, verdana;
font-size: 9px;
line-height: 1.25em;
border-top: 1px dotted #c9c9c9;
background-color: #F3ECEF;
color: #C6C2C6;
text-align: center;
margin-top:10px;
clear: both;
}

/* MISC : wag aalisin */
#container {
width: 99%;
padding-bottom: 40px;
float: right;
background-color: #E8e4e6;
}
.clearit{
clear: both;
}


#leftable {
width: 150px;
height: 100px;
float: left;
margin: 0px 5px 0px 20px;
}
#rightable {
width: 150px;
height: 100px;
float: right;
margin: 0px 30px 0px 5px;
}