body{font-family:Verdana,"Courier New",Arial;}
#leftBar{position:absolute; top:15px;width:5em;background-color:#99CC00;line-height:65em;-moz-border-radius:0 75% 0 0;}
#horizontalLine{position:absolute; top:69px;border-bottom:1px solid #172A7F;width:60em;}
#rightBox{position:absolute; top:79px;left:55em;background-color:#99CC00;width:5.55em;}

#content{padding:0;padding-left:5.5em;}
#contentTitle,#contentData{width:80%;}
/*#contentTitle{padding-top:20px;}*/
.smallSpacer{line-height:1px;}
a:hover,a:active,a:focus{/*background-color:#ededed;*/background-color:#FFF888;color:#172A7F;}
#debug{position:absolute;top:0;left:5em;}
#footer{border-top:1px dashed #172A7F;font-size:83%;}
#disclaimer{text-align:justify;padding:5px;font-size:70%;}
#skipper{position:absolute;top:0;left:0;margin-left:5.5em;}
#skipper a{color:#888;font-size:60%;}
#skipper a:hover,#skipper a:active,#skipper a:focus{background-color:#ff0;color:#f00;}

#siteMenu{text-align:center;position:absolute;top:0;right:2.5em;}
#siteMenu li{display:inline;padding:0;margin:0;}
#siteMenu li a{background-color:#172A7F;color:#FFF888;padding:3px;border: 1px inset black;text-decoration:none;font-weight:bold;}
#siteMenu li a:hover{background-color:#FFF888;color:#172A7F;border: 1px inset black;text-decoration:none;font-weight:bold;}

/*
#siteMenu{position:absolute;top:5em; right: 1em;}
#siteMenu li{margin:0;padding:0;list-style-type:none;width:7em;}
#siteMenu li a{display:block;width:100%;background-color:#172A7F;color:#FFF888;padding:0px;border: 1px inset black;text-decoration:none;font-weight:bold;font-size:80%;}
#siteMenu li a:hover{display:block;width:100%;background-color:#FFF888;color:#172A7F;border: 1px inset black;text-decoration:none;font-weight:bold;font-size:80%;}
*/
.required{color:red;font-weight:bold;}
.separator{color:#172A7F;font-size:150%;}
.center{text-align:center;}

/*these are for the search pages*/
.prn_div{border-top:1px dashed #172A7F;margin-top:1em;padding-bottom:1em;}
div#newSearch,div#printSelection
		{
			position:absolute;
			top:8em;
			right:2em;
			padding:4px;
		}
		div#printSelection
		{
			top:10em;
		}
		div#newSearch a,div#printSelection a
		{
			text-decoration:none;
			padding:2px;
			color:#FFF888;
			font-weight:bold;
			background-color:#172A7F;
			black;
			border:2px solid black;
			border-left-color: #9E9E9E;
			border-top-color: #9E9E9E;
		}
		div#newSearch a:hover,div#printSelection a:hover
		{
			font-weight:bold;
			color:#172A7F;
			background-color:#FFF888;
		}
		.prn
		{
			background-color:#172A7F;
			color:#FFF888;
			font-weight:bold;
			border:2px solid black;
			border-left-color: #9E9E9E;
			border-top-color: #9E9E9E;
		}
		.prn:hover
		{
			color:#172A7F;
			background-color:#FFF888;
		}

/*
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us" dir="ltr">
<head>
<title>Untitled</title>
	<link href="supplemental/theme1.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id="content">
		<h1 id="contentTitle">Title</h1>
		<div>This is supposed to be a very long content for the page's design. Ideally it should be confined to the visual boundaries dictated by the design.</div>
	</div>

	<!-- Page's Design -->
	<div id="theme1">
		<div id="leftBar">&#160;</div>
		<div id="rightBox">&#160;</div>
		<div id="horizontalLine">&#160;</div>
	</div>
</body>
</html>
*/
