/* default styles */

body {
font-family: Tahoma, Arial, verdana, sans-serif;
font-size: 12pt;
margin: 0 0 0 0;
text-align: center;
background: url(../images/bg.jpg) top repeat-x;
background-color: #fff;
overflow: auto;
}

#container {
width: 700px;
margin: 0 auto;
text-align: left;
background: none;
background-color: transparent;
overflow: visible;
}

#header {
width: 700px;
height: 215px;
background: url(../images/top.jpg) top no-repeat;
background-color: transparent;
overflow: hidden;
}

#header a#home {
margin: 15px 15px 0 15px;
display: block;
width: 670px;
height: 200px;
background: none;
background-color: transparent;
}

#content {
width: 670px;
padding: 40px 15px 0 15px;
background: url(../images/tiled.jpg) repeat-y;
background-color: transparent;
overflow: visible;
}

#menu {
padding-top: 20px;
text-align: center;
background-color: transparent;
width: 200px;
float: left;
}

#menu a {
font-size: 10pt;
font-family: Arial;
text-transform: uppercase;
color: #000080;
padding: 10px 0 10px 0;
display: block;
font-weight: bold;
}

#menu a:hover {
background-color: #ffffc0;
color: #000080;
text-decoration: none;
}

#menu a:visited {
color: #000080;
}

#menu a#active {
font-size: 10pt;
font-family: Arial;
text-transform: uppercase;
color: #000080;
padding: 10px 0 10px 0;
display: block;
font-weight: bold;
background-color: #fff;
}

#subnav {
margin-left: -20px;
margin-top: -40px;
padding: 10px 10px 10px 10px;
background-color: #bfdbe9;
width: 450px;
color: #000;
}

#text div#subnav a {
background-color: #bfdbe9;
color: #000080;
}

#text div#subnav a:hover {
background-color: #ffffc0;
color: #000080;
}

#text div#subnav a:visited {
color: #000080;
}

#text div#subnav a#subnavActive {
background-color: #fff;
color: #000080;
}

#text {
	font-size: 10pt;
	padding: 0 20px 0 20px;
	width: 430px;
	float: right;
	text-align: left;
}

#text h1 {
font-size: 14pt;
font-family: Verdana, sans-serif;
}

#text h2 {
font-size: 12pt;
padding-left: 20px;
font-family: Arial, sans-serif;
}

#text p#img {
text-align: center;
}

#text p#em {
font-style: italic;
}

#text ul {
list-style: circle;
}

#text a,a:link,a:visited {
color: #009696;
}


#text a:hover {
color: #fff;
background-color: #009797;
text-decoration: none;
}

#clear {
clear: both;
}

#copy {
margin: 0 15px 0 200px;
padding: 0 20px 0 20px;
width: 430px;
text-align: center;
color: #808080;
font-size: 8pt;
}

#footer {
width: 700px;
height: 40px;
background: url(../images/bottom.jpg) no-repeat;
background-color: transparent;
overflow: hidden;
}

/* site designed by: Carlo Oliver D. Vergara */