* {margin:0px;padding:0px;}/*this sets the default for padding and margins to none*/

body {
font-size: 100%;
font-family: verdana, helvetica, arial, "sans serif";
background-color:#F2efee;
}


#wrapper {
position:absolute;
left:0px;
top:0px;
margin-left:60px;
width:1000px;
height:400px;
color:#014454;
background-color:#ffffff;
}


#logo{
float:left;
width:1000px;
height:233px;
background-image: url(../images/logo.jpg);
background-repeat:no-repeat;
text-indent:-999em;
border-bottom:1px solid #ffffff;
}



/***************************** start menu *****************************************/

/* hack html>body is used in this style sheet for IE - all browsers will read through the first CSS rule but IE will ignore the second rule (below) because it makes use of the child selector command3. Non-IE browsers will read through the second one and will override the values from the first rule because this CSS rule is more specific, and CSS rules that are more specific always override those that are less specific.*/

#menu_wrapper {
float:left;
background-image: url(../images/woman.jpg);
background-repeat:no-repeat;
width:1000px;
margin:0px;
background-color:#007f9c;
}


#menu {
float:left;
width:300px;
margin-left:105px;
padding:0px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}

html>body #menu {
float:left;
width:300px;
margin-left:210px;
padding:0px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}

#menu li{
list-style:none;
padding:4px 0 4px 8px;
font-size: 0.9em;
border-top:1px solid #ffffff;
background-color:#014454;
color:#ffffff;
margin: 0px;
}

html>body #menu li{
list-style:none;
padding:5px 0 5px 10px;
font-size: 0.9em;
border-top:1px solid #ffffff;
background-color:#014454;
color:#ffffff;
margin: 0px;
}

#menu li.here{
padding:4px 0 4px 8px;
border-top:1px solid #ffffff;
background-color:#b2a7a5;
color:#ffffff;
font-size: 0.9em;
}

html>body #menu li.here{
padding:5px 0 5px 10px;
border-top:1px solid #ffffff;
background-color:#b2a7a5;
color:#ffffff;
font-size: 0.9em;
}

#menu a:link{
color:#ffffff;
text-decoration:none;
}

#menu a:visited{
color:#ffffff;
text-decoration:none;
}


#menu a:hover{
color:#f9f9f9;
text-decoration:underline;
}

/*********************** end menu ****************************/

#contentandfooter{
float:left;
background-color:#b4d1df;
width:1000px;
}

html>body #contentandfooter{
float:left;
background-color:#b4d1df;
width:1000px;
/*font-size: 0.8em;*/
}

/*************** start content *******************/
#content{
float:right;
width:790px;
background-color:#ffffff;
}

#content p{
font-size: 0.8em;
line-height:1.2em;
margin-left:40px;
margin-bottom:20px;
width:600px;
}

#content h1{
font-size: 1.2em;
margin-left:40px;
margin-bottom:20px;
margin-top:30px;
font-weight:normal;
}

#content h2{
font-size: 0.9em;
margin-left:40px;
margin-bottom:15px;
margin-top:30px;
font-weight:normal;
}

#content h3{
font-size: 0.8em;
margin-left:40px;
margin-bottom:10px;
margin-top:20px;
font-weight:bold;
}

#content h4{
font-size: 0.8em;
margin-left:40px;
margin-bottom:20px;
margin-top:30px;
font-weight:normal;
}

#content ul{
width:600px;
list-style:square;
font-size: 0.8em;
line-height:1.5em;
margin-left:75px;
margin-bottom:20px;
margin-top:10px;
font-weight:normal;
}

#content img{
float:left;
margin-left:0px;
margin-right:10px;
margin-bottom:10px;
}

#content a:link{
color:#007f9c;
}

#content a:visited{
color:#007f9c;
}

#content a:hover{
color:#014454;
}






/*************** end content *************************/



/* start footer */

#footer {
float:right;
width:790px;
list-style:none;
background-color:#ffffff;
font-size: 0.8em;
}

#footer ul{
margin-left:40px;
margin-top:60px;
}

#footer li{
display:inline;
border-top: solid 1px #b2a7a5;
padding-top:8px;
}

#footer a:link {
text-decoration:none;
color:#014454;
}

#footer a:visited {
text-decoration:none;
color:#014454;
}

#footer a:hover {
text-decoration:underline;
color:#014454;
}

/* end footer */

#corner{
float:right;
width:790px;
height:106px;
background-color:#ffffff;
}

#corner img {
float:right;
}