body {
	margin: 0px;
	padding: 0px;
	background: #73C5E5 url(images/img01b.gif) repeat-y center top;
	text-align: justify;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444444;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #60B7DE;
	text-transform: lowercase;
	font-weight: bold;
}

h2, h3, h4, h5, h6 {
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	color: #754b1f;
	text-transform: uppercase;
	font-weight: bold;
}

a {
	font-weight: bold;
	color: #4773C1;
}

h2 {
	font-size: 20px;
	text-align:center;}

h3 {
	text-align:center;
} 

a:hover {
	text-decoration: none;
	color: #754b1f;
}

.img1 {
	float: left;
	margin: 4px 15px 0px 0px;
	border: 5px solid #ABDCEF;
}

.img2 {
	margin: 4px 15px 0px 0px;
	border: 5px solid #ABDCEF;
}

.text1 {
	font-size: 14px;
}

/** HEADER */

#header {
	width: 770px;
	margin: 0px auto;
	background: #FFFBFD url(images/img02.gif) repeat-x left top;
	padding: 0px;
}

#header h1 {
	margin: 0px;
	padding: 20px;
}

#header h2 {
	margin: 0px;
	font-size: 14px;
}

/** MENU */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {z-index:100; width:770px; margin:0px auto; padding:0px 0px 10px 0px; background:#60B7DE; height:13px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:auto;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-transform:uppercase; text-decoration:none; color:#fff; width:82px; height:23px; background:#60B7DE; padding-left:2px; line-height:23px; font-weight:bold; text-align:center;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#73C5E5;}

/* style the second level hover */
.menu ul ul a.drop:hover {background:#754b1f;}
.menu ul ul :hover > a.drop {background:#754b1f;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:23px;width:110px;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#73C5E5; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:110px;text-align:left;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{background:#0070c0;}
.menu :hover > a, .menu ul ul :hover > a {background:#0070c0;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


/** CONTENT */

#content {
	width: 770px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	line-height: 140%;
}

#left {
	float: left;
	width: 720px;
	padding: 0px 0px 40px 20px;
}


/** FOOTER */

#footer {
	clear: both;
	width: 770px;
	margin: 0px auto;
	border-top: 3px solid #60B7DE;
}

#footer p {
	margin: 0px;
	padding: 20px 0px 20px 25px;
	color: #4773C1;
	text-align:center;
}

#border-top {
	border-top: 3px solid #60B7DE;
	width:100%;
}