html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-color: #fff; background-image: url(/images/bg.gif);
}

a {
	color: #483D8B;
	text-decoration: none;
}

a:hover {
	color: #4682B4;
	text-decoration: underline;
}


div#container {
	position:relative; /* needed for footer positioning*/
	width:860px;
	height:auto !important; 
	height:100%; 
	min-height:100%; 
	z-index:9;
}

div#header {
	background-image: url(/images/ret_header_top.png);
	min-height:153px;
	height:153px;
	background-repeat: no-repeat;
}

div#content {
	z-index:9;
	padding-bottom: 5em; /* bottom padding for footer */
}
div#innercontent  {
	position:relative; left:56px; top:10px;
	width:680px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #36523C;
	line-height: 20px;
}
#contentTopBG {
	position:absolute;
	left:0px;
	top:152px;
	width:860px;
	z-index:1;
}

div#footer {
	position:absolute;
	width:804px;
	bottom:0; /* stick to bottom */
	background:#FFFFFF url(/images/footer-bg.png) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #494A76;
	padding-left: 54px;
}
#container #footer a {
	color: #494A76;
}


/* ======== Hi Eric! Navigation menu styles START here ================== */


#navigationContainer {
	position:relative;
	left:59px;
	top:94px;
	width:720px;
	height:21px;
	z-index:10;
}

ul#menu, ul#menu li, ul#menu ul {
	list-style: none; 	margin: 0; 	padding: 0;
}

ul#menu {
	line-height: 1em;
}

ul#menu a {
	color: #FFFFFF;
	display: block;
	padding: 5px;
	text-decoration: none;
	white-space: pre;
}

ul#menu a.hoverChild {
	background: #435B90;
}

ul#menu li {
	float: left;
	padding-bottom: 2px;
	position: relative;
}

ul#menu ul.hoverChild {
	display: block;
}

ul#menu ul, ul#menu ul a {
	border-color: #435B90;
	border-style: solid;
}

ul#menu ul {
	background: #435B90;
	border-width: 1px 0;
	display: none;
	left: 5px;
	position: absolute;
	top: 100%;
}

ul#menu ul a {
	border-width: 0 1px;
	padding-right: 20px;
}

ul#menu ul a:hover {
	background: #32446D;
	color: #fff;
}

ul#menu ul li {
	clear: left;
	padding: 0;
}

ul#menu ul ul {
	background: #94AAD4;
	border-width: 0 1px 0 0;
	display:block;
	height: 1em;
	left: auto;
	overflow: hidden;
	padding: 5px 0 5px 5px;
	right: 0;
	top: 0;
	width: 0;
	z-index: 1;
}

ul#menu ul ul.hoverChild {
	background: #435B90;
	border-width: 1px 0;
	height: auto;
	left: 100%;
	overflow: visible;
	padding: 0;
	right: auto;
	width: auto;
}

/* ======== Navigation menu styles END here =================== */


/* ============TEXT Formatting styles START here ================== */

/* Use the heading 1 (h1) style below for important search terms */
h1, h2, h3, h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	margin-bottom:0px;
	color: #4F735E;
	padding-bottom: 0px;
}
h2, h3 {
	font-size:16px;
}
h4 {
	font-size:15px;
}
.morelink {
	font-size:small;
	font-style: italic;
	padding-left: 15px;
	color: #483D8B;
}
.morelink a {
	color: #483D8B;
        text-decoration: none;
}
.morelink a:hover {
	color: #4682B4;
	text-decoration: underline;
}
/*   Use the style below to insert pictures - or text - that appear on the right hand side of pages. 
     To do this, insert a DIV with an ID of picRight as in this example code on your home page: 
	 <div id="picRight"><img src="/images/eric_ukth.gif" alt="Eric Demmon" width="100" height="141" /></div> */
#picRight {
	float: right;
	padding-left: 30px;
	padding-bottom: 20px;
}
/*   More right hand side picture divs */
#picRight2 {
	float: right;
	padding-left: 30px;
	padding-bottom: 20px;
}
#picRight3 {
	float: right;
	padding-left: 30px;
	padding-bottom: 20px;
}
/*   And a picture on the left hand side, also */
#picLeft {
	float: left;
	padding-right: 30px;
	padding-bottom: 20px;
}