/* css for general  page elements and layout */

	HTML, BODY {
		font-family: serif; 
		font-size: 14px;
		color: #000000; 
		background-color: #eeeeee; 
		height: 100%;
	}

	H1 {
		color: #7777dd; 
		font-size: 24pt; 
		margin: 1.0em;
	}

	H2 {
		color: #7777dd; 
		font-size: 22pt; 
	}

	H3 { 
		color: #7777dd;
		font-size: 18pt; 
		margin: 0px 10px 0px 10px;
	}

	H4 { 
		color: #7777dd;
		font-size: 16pt; 
		margin: 0px 10px 0px 10px;
	}

	P {
		padding-left: 10px;
	}

	A:link {
		color: #3366cc; 
		text-decoration: none
	}

	A:visited {
		color: #777777;  
		text-decoration: none
	}

	A:hover {
		color: #444444; 
		text-decoration: none
	}

	div.spacer {
		clear: both;
	}

	div.ie_center {			/* need this for IE */
		text-align: center;
	}

	div.box {			/* outside box */
		background-color: #ffffff; 
		width: 800px;		 
		margin: 0px auto; 
		border: double #555; 
		padding: 1px;
		text-align: left;
	}

	div.content {                   /* content box */
		position: relative;
                float: left;
		width: 550px;
		height: auto;
                background: #fff;
                top: 50px;
		margin: 0px 0px 10px 5px;
                padding: 0;
		
        }


	div.rightcolumn {
		position: relative;
		float: right;
                width: 185px;
		top: 50px;
		min-height: 300px;
                margin: 0px 5px 0px 5px;
                padding-bottom: 0;
		
        }


	div.footer {
		position: relative;
		float: left;
		height: 70px;
		width: 795px; 
		background-color: #a8c2db;
		margin-top: 50px;
		padding: 3px; 
		border-top: double #6666cc;
	}

	div.row span.left {
		float: left; 
		color: #ffffff; 
		width: 49%;
		text-align: left; 
		padding: 3px; 
		font-weight: bold; 	
	}

	div.row span.right {
		float: right; 
		color: #ffffff; 
		width: 49%;
		text-align: right;
		padding: 3px; 
		font-weight: bold; 
	}

	.floatleft {
		float: left;
		margin: 0 10px 10px 0;
		border: 0px;
	}

	.floatright {
		float: right;
		margin: 0 0 10px 10px;
		border: 0px;
	}

/* css for the navigation bars */

	div.navbox {			/* top logo & navigation box */
		background: #a8c2db;
		margin: 0;
		padding: 0;
		height: 100px;
		width: 800px;
	}

	#logo {				/* area for logo */
		position: relative;
		top: 20px;
		margin: 0;
		padding-left: 20px;
		color: #fff;
	}

	#nav {				/* area for top menu */
		position: relative;
		margin: 0;
		top: 35px;
		height: 80px;
		width: 800px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
/*		border-bottom: 1px solid #ccc;  */
	}

	#nav a {
		text-decoration: none;
	}

	#nav li {
		margin: 0;
		float: left;
		display: block;	
		padding-right: 5px;
	}

	#nav li a {			/* top menu level anchors */
		display: block;
                text-decoration: none;
                color: #555;
                padding: 5px;
		font-size: 18px;
		font-weight: 500;
        }

	#nav li a:hover {
		color: #fff;
	}
	
	#nav li ul {			/* turns off child menu by default */
		display: none;
	}

	#nav ul li a {			/* child menu anchors */
		display: block;
                text-decoration: none;
                color: #fff;
		font-size: 16px;
		font-weight: 700;
/*		background: #4b6ca0;  */
                padding: 5px;
/*               border: 1px solid #ccc;  */
        }

	#nav ul li a:hover {
		color: #000000;
	}

	#nav li.off ul, #nav li.on ul {		/* child menu box properties */
		position: absolute;
		top: 25px;
		left: 0;
		padding-top: 15px;
		background: #4b6ca0;
		height: 28px;
		width: 740px;
		padding-left: 60px;
	}

	#nav li:hover ul {		/* child menu properties (non-anchor) */
		color: #fff;
		font-weight: 600;
		display: block;
	}

/* stuff for IE */

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a: hover,
	#nav li:hover a,
	#nav li.over a {
		background: #4b6ca0;
		color: #f90;
	}