body {
	background-image: url(images/backtile.gif);
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin:0px 0px 0px 0px;
	padding:0px;
	}
	
#container {
	background-image: url(images/headback.gif);
	background-repeat:no-repeat;
	width:750px;
	height:60px;
    margin: 0 auto;
   	padding-top:0px;
	}

/***************** HEADER *******************/

#navskip {
	height:10px;
	}
#banner {
    margin: 0 auto;
	width:754px;
	margin:0px 0px 0px 0px;
	padding-top:0px;
	}
#banner #floatie {
	float:left;
	}
#header {
	float:left;
	text-align:left;
	width:612px;
	margin:0px 0px 0px 0px;
	padding-top:0px;
	}
#tophead {
    margin: 0 auto;
	background:#002355;
	width:748px;
	height:24px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top:0px;
	}
#topnav {
	float:left;
	padding-top:7px;
	padding-right:0px;
	margin:0px 0px 0px 0px;
	width:120px; 
	}
#title {
	position:relative;
	width:540px;
	padding:7px;
	}
#navbar {
	width:540px;
	padding:3px;
	}

/***************** CONTENT *******************/

#content {
	width:720px;
	min-height:300px;
	height:auto !important;
  	height:300px;
    margin: 0 auto;
   	padding-left:15px;
   	padding-right:15px;
   	padding-top:5px;
   	padding-bottom:10px;
	background:#fff;
	text-align:left;
	}

#content #controller {
	float: left; 
	}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00327A;
	font-weight: bold;
	line-height: normal;
	}

li {list-style-image: url(images/bullet.gif); padding-top:5px; padding-bottom:5px;}

.floatrightpad { 
	float: right; 
	margin-left:15px;
	margin-bottom:60px;
	}	

.floatright { 
	float: right; 
	margin-left:15px;
	}	

.floatleft { 
	float: left; 
	}	

.arrow {
	list-style-image: url(images/bull_arr.gif);
	line-height: 18px;
	}

a:link {
	color: #00327A;
}
a:visited {
	color: #00327A;
}
a:hover {
	color: #346ab7;
}
a:active {
	color: #5d8fd7;
}

/***************** FOOTER *******************/
#footer {
	background-image: url(images/foot.gif);
	background-repeat:no-repeat;
	width:750px;
	height:60px;
    margin: 0 auto;
   	padding:0px;
	}

#footno {
	float:left;
	text-align:center;
	padding-left:0px;
	width:150px;
	margin:24px 0px 0px 0px;
	padding:0px;
	}

#footspace {
	float:left;
	width:462px;
	}

#footnav {
	float:left;
	padding-top:0px;
	padding-right:0px;
	margin:8px 0px 0px 0px;
	width:120px; 
	}

/***************** MAIN MENU *******************/

#menu  {
	background-image: url(images/main_back.gif);
	vertical-align: middle;
    margin: 0 auto;
	width:750px;
	height:60px;
	}

#titl  {
	padding-top:10px;
    margin: 0 auto;
	width:750px;
	height:50px;
	}
	
#menunav {
	position:relative;
	background-image: url(images/menu_nav.gif);
	background-repeat:no-repeat;
	background-color: #fff;
	text-align:left;
	padding-top:3px;
    margin: 0 auto;
	height:25px;
	width:750px; 
	}

#menucontent {
	background-image: url(images/menu_back.jpg);
	background-repeat:no-repeat;
	text-align:right;
	width:750px;
	height:425px;
    margin: 0 auto;
   	padding-top:0px;
   	padding-bottom:0px;
	text-align:left;
	}

#menulist {
	position:relative;
	text-align:left;
	line-height: 18px;
	padding-left:275px;
	padding-top:25px;
    margin: 0 auto;
	width:475px; 
	}

#menucontent1 {
	background: url(images/menu_back.jpg) no-repeat;
	width:720px;
	min-height:300px;
    margin: 0 auto;
   	padding-left:15px;
   	padding-right:15px;
   	padding-top:5px;
   	padding-bottom:10px;
	text-align:left;
	}
	
/***************** EXERCISES *******************/

#exercise {
	background-color: #E4EBF4;
	text-align:left;
	padding:4px;
	border-bottom: 1px solid white;
		}

/***************** RIGHT INSET BOX *******************/

#boxinset {
	float: right;
    background-color: #00327a;
    color: #fff;
	margin:0px 0px 100px 20px;
	}

#boxinset p {
	margin:10px 0px 10px 10px;
}

#boxinset ul {
	list-style-image: none;
	line-height: 18px;
	}

#boxinset li {
	list-style-image: none;
	}


/***************** LEFT INSET BOX *******************/

.boxinsetleft {
	float: left;
    width: 340px;
    background-color: #00327a;
    color: #fff;
	margin:5px 5px 0px 5px;
}

.boxinsetleft p {
	margin:10px 0px 10px 10px;
}

.boxinsetleft ul {
	list-style-image: none;
	line-height: 18px;
	}
	
#boxinsetleft li {
	list-style-image: none;
	}

/***************** LEFT INSET SMALL BOX *******************/

.boxinsetleftsm {
	float: left;
    width: auto;
    background-color: #00327a;
    color: #fff;
	margin:5px 5px 0px 5px;
}

.rightarr {
	float: left;
    width: 20px;
    height: 20px;
	background: url(images/right_arr.gif);
    color: #000;
	margin:15px 0px 0px 0px;
}

.boxinsetleftsm p {
	margin:8px 8px 8px 8px;
}

.boxinsetleftsm h5 {
	margin:8px 8px 8px 8px;
	font-size: 14px;
}

.boxinsetleftsm ul {
	list-style-image: none;
	margin:10px 0px 10px 0px;
	}

.boxinsetleftsmlt {
	float: left;
    width: auto;
    background-color: #8099bd;
    color: #fff;
	margin:5px 5px 0px 5px;
}

.boxinsetleftsmlt p {
	margin:8px 8px 8px 8px;
}

.boxinsetleftsmlt ul {
	list-style-image: none;
	margin:8px 8px 8px 8px;
	}

#boxinsetleftsm li {
	list-style-image: none;
	}


/***************** INSET BOX ELEMENTS *******************/

.hilite { 
	background-color: #8099bd;
	padding:3px;
	margin:0px 10px 1px 0px;
   	color:#fff;
	line-height: 22px;

	}	

.lolite { 
	padding:3px;
	margin:0px 10px 1px 0px;
	}	

.boxtop { 
    background: url(images/tr.gif) no-repeat top right; 
}

.boxbottom {
    background: url(images/br.gif) no-repeat top right; 
}

img.corner {
   width: 3px;
   height: 3px;
   border: none;
   display: block !important;
}

/***************** HACKS *******************/

.clear {
clear:both;
font-size:1px;
line-height:0px;
}