body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: arial, helvetica, san-serif;
	font-size: 1em;
	background: url(img/bg.gif) #fae8d6;
	color: #241908;
	}
	
h1, h2, p {margin: 0; padding: 0;}	
h2 {font-size: 1.4em; font-family: "century gothic", arial, helvetica, sans-serif; 	color: #241908;}


#container {
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	background: url(img/header-bg.gif) repeat-x;
	}

#content {
	margin: 0px auto;
	padding: 0;
	height: 100%;
	width: 800px;
	}
	
#header {
	background: url(img/logo-bg.gif) repeat-x;
	margin: 0px;
	padding: 45px 0 0 0;
	height: 86px;
	text-align: left;
	color: #0b253f;
	font-family: "century gothic", arial, helvetica, sans-serif;
	}
#header a {color: #0b253f;}
#leftside {float: left; width: 500px;}
#leftside img {border: none;}

#rightside {float: left; width: 300px; text-align: right; margin-top: 5px;}
#rightside img {vertical-align: middle}

#main {height: 247px;}

#nav {
	float: left;
	width: 233px;
	height: 247px;
	margin: 0px;
	padding: 1px 0 0 0;
	background: url(img/nav-bg.gif) repeat-x #eef3f8;
	border-bottom: 1px solid #9aaccc; 
	}

#image-box {float: right;}

#bottom {overflow:auto; margin-top: 7px; text-align: left; background: url(img/bottom-bg.gif) repeat-y;}
	
#sidebar {width:221px; float: left; height: 100%; background-color: #427293; padding: 5px;}

#copy {width: 562px; padding: 0; float: right;}

#copy-title {background-color: #b5d5ed; width: 562px; padding: 0px; margin: 0 0 3px 0;}
#copy-title h2 { padding: 5px 15px;}
#copy-text {padding: 10px 15px; background: url(img/text-bg.gif) repeat-x #b5d5ed}
#copy-text a:link {color: #241908; text-decoration:none;}
#copy-text a:visited {color: #241908; text-decoration:none;}
#copy-text a:hover {color: #241908; text-decoration:none;}
#copy-text a:active {color: #241908;text-decoration:none;}
#copy-text #bi a:link {color: #241908; text-decoration:none;}
#copy-text #bi a:visited {color: #241908; text-decoration:none;}
#copy-text #bi a:hover {color: #fcc; text-decoration:none;}
#copy-text #bi a:active {color: #fcc;text-decoration:none;}


#copy p {margin-bottom: 12px;}

table {margin-bottom: 20px; font-size: 0.85em; font-weight: bold;}
tr td {padding: 1px 18px;}

/*************** internal styles for included footer.php file **********************/
#footer {
	background: url(img/footer-bg.gif) repeat-x; 
	padding:0; 
	font-size: 0.7em; 
	font-family: "century gothic", arial, helvetica, sans-serif;
	color: #0b253f;
	font-weight: bold;
	}

/*************** popup styles for training page ********************/
.links {float: left; font-size: 0.8em; line-height: 1.7em;}
.links a {color: #241908; text-decoration:none;  font-weight: bold;}
.links ul {font-weight: bold; list-style-type: none; padding: 0; margin: 0; width: 264px;}
.links a span {display: none; line-height: 1.2em;}
.links a:hover span {display: block; color: #e6decc; font-weight: normal; position: absolute; width: 210px; left:15px; top: 395px;}


/*************** internal styles for included menu.php file **********************/
#nav ul {
	margin: 0px; 
	padding: 0px; 
	width: 222px;
	white-space: nowrap;
	font-size: 16px;
	font-family: "century gothic", arial, helvetica, sans-serif;
	} 

#nav ul li {
	list-style-type: none; 
	text-align: right;
	width: 200px;
	position: relative; 
	margin: 0px 0px 0px 15px; 
	padding: 5px 8px 0px 0px;
	height: 25px;
	color: #241908;
	}
	
#nav ul li:hover {background: #b5d5ed;}

#nav ul ul {display: none; width: 80px; border: 1px solid silver}

#nav ul li:hover > ul {
	display: block; 
	position: absolute; 
	top: 15px; 
	left: 99%;
	width: 80px;
	z-index: 1000;
	background: #fff;
	}

#nav ul li ul li {text-align: left; margin: 0; padding: 5px 0px 0px 5px; width: 75px; height: 25px;}

#nav a {color: #241908; text-decoration: none; margin: 0px; padding: 0px;}	

.border1 {border-bottom: 1px solid #c0d7ff}