html {font-size: x-small; }
body {text-align:center; font: 130% "Trebuchet MS", Arial, Verdana, sans-serif; color: #000; padding:.5em .5em; margin: 0; background-color: #fff;}
h1 {font-weight:bold; font-size:150%; margin-bottom:0; text-align:left;}
h2 {font-weight:bold; font-size:120%; margin-bottom:0;}
h3 {font-weight:bold; font-size:100%; margin-bottom:0;}
h4 {font-weight:bold; font-size:120%; margin:0;}
p {margin:1em;}
img {border-style:none;}
form { margin:0;}
hr {color:#6C2769; height:2px; background-color:#6C2769; border:0px;}
blockquote{border-top: 4px double black; border-bottom: 4px double black;background-color: #fff; margin: 20px; padding: 20px; font-style: italic;}

a {color:#11d; text-decoration:underline;}
a:visited {color:purple; text-decoration:underline;}
a:hover {text-decoration:none;}

a.smaller {font-size: 85%; color:#11d; text-decoration:underline;}
a.smaller:visited {font-size: 85%; color:purple; text-decoration:underline;}
a.smaller:hover {font-size: 85%; text-decoration:none;}

#layout{text-align: left; margin:0px auto 0px auto;width:800px;}
#menucolumn{float: left; margin:0 1em 0 0;}
#content{float:none; padding:0; margin:0;}
#leftmenuhome{float: left; width:200px;}
#logo{float:left; margin-bottom:.3em;}
#headerright{text-align: right;}
#headerright  h1{font-size: 200%;}
#header .clear{clear: both;}
#header h1 {height: 100px; font-weight:bold; font-size:275%; color: #fff; margin:30px 0 30px 120px; text-align:left;}
#searchform {float: right; margin: 1em 0em 1em;}
#tdErrorBox{color: red; background-color:white; border:2px solid; padding: 5px 5px 5px 5px;}
#tdHappyBox{color: green; background-color:white; border:2px solid; margin: 20px; padding: 5px 5px 5px 5px;}


#imagebar{background-color: #fff;}
#imagebar img{margin:0 0 1px 2px;}
#imagebar img.first{margin:0 0 1px 0;}

a.sc:link    {text-decoration: none;}
a.sc:visited {text-decoration: none;}
a.sc:hover   {text-decoration: underline;}
a.sc:active  {text-decoration: underline;}
.sc1{font-size:90%;}
.sc2{font-size:120%;}
.sc3{font-size:150%;}
.sc4{font-size:180%;}
.sc5{font-size:210%;}
.sc6{font-size:240%;}
.sc7{font-size:270%;}
.sc8{font-size:300%;}
.sc9{font-size:330%;}
.sc10{font-size:360%;}


	#myoutercontainer { position:relative; border: 1px solid red; }
	#myinnercontainer { position:absolute; top:50%; height:10em; margin-top:-5em; border: 1px solid black; }


#navigation {margin: 0em; text-align:center;padding:0px;}
#navigation .clear {clear: left; }
#navigation ul {list-style-type:none; padding:0; margin:0;}
#navigation li {float:left; border-left: 1px dotted #C1DA79; margin:0; padding:0;/*width:159px;*/ width:199px;}
#navigation li.first { border-left: none; /*width: 160px;*/ width:200px;}

#navigation a	{line-height: 2em; color: #fff; display:block; padding:.2em;height:20px;}
#navigation a:link    {text-decoration: none;background-color:#0066A4;}
#navigation a:visited {text-decoration: none;background-color:#0066A4;}
#navigation a:hover   {text-decoration: underline; background-color:#fff; color: #000;}
#navigation a:active  {text-decoration: underline; background-color:#0066A4;}
#navigation a.on			{text-decoration: none;background-color:#a0b3d4;}

#staff {width:75%; margin-top:3em; margin-left:1em;}
#staffname {font-size: 130%; color:#6C2769; font-weight:bold;}
#stafftitle {font-size: 85%;}

#captionright {border:1px solid #eee; margin:1em; padding:.5em; float:right; text-align: left; font-size: 85%;}
#captionleft  {border:1px solid #eee; margin:1em; padding:.5em; float:left; text-align: left;font-size: 85%;}
#captioncentre  {border:1px solid #eee; margin:1em; padding:.5em; text-align: left;font-size: 85%;}


.captionright {border:1px solid #eee; margin:1em; padding:.5em; float:right; text-align: left; font-size: 85%;}
.captionleft  {border:1px solid #eee; margin:1em; padding:.5em; float:left; text-align: left;font-size: 85%;}
.captioncentre  {border:1px solid #eee; margin:1em; padding:.5em; text-align: left;font-size: 85%;}

#footer{clear:both; padding-top:1em; margin-top:2em; border-top:1px solid #000;}
#footer{text-align:center;}
#footer p{margin: 1em 1em 1em 0;}
#footer .clear{clear:left;}

#lmenu {
	width: 140px;
	border-top: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding: 0 0 0 0;
	margin-top: 0em;
	margin-bottom: 2em;
	margin-left: 0em;
	margin-right: 2em;
	font-size: 90%;
	background-color: #fff; 
	color: #333;
}

#lmenu ul {list-style: none; margin: 0; padding: 0; border: none;}
#lmenu li {border-bottom: 1px solid #ccc; margin: 0;}

#lmoff{
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #fff;        
	border-left: 10px solid #0066A4;   	
	border-right: 10px solid #0066A4;		
	background-color: #eee;					
	color: #000;
	text-decoration: none;
}

#lmenu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #a0b3d4;  
	border-right: 10px solid #fff; 
	background-color: #fff;        
	color: #000;
	text-decoration: none;
	width: 109px;
}

html>body #lmenu li a {width: auto;}

#lmenu li a:hover {
	border-left: 10px solid #0066A4;   	
	border-right: 10px solid #0066A4;		
	background-color: #fff;					
	color: #000;
	text-decoration: underline;
}
		

.teaser {padding:0 0 0 11px;	margin:5px;	background:url("../../assets/images/tsr-lp.gif") top left no-repeat;}
.teaser h3 {background:url("../../assets/images/tsr-rp.gif") top right no-repeat;	margin:0;	padding:8px 0 0.5em 0;}
.teaser p {margin:0 0 0 -11px;	padding:0 11px 0.5em;	border:1px solid #d8d8d8;	border-width:0 1px;	background:#fff;}
.teaser div {margin:0 0 0 -11px; padding-left:11px; background:url("../../assets/images/tsr-lp.gif") bottom left no-repeat;}
.teaser a.more {display:block; text-align:right; padding:0 10px 10px 0; background:url("../../assets/images/tsr-rp.gif") bottom right no-repeat;}

.basinbox {border: 1px solid #d8d8d8; padding: 5px; width: 180px;}
.basinbox h3 {font-size:120%; padding: 0 0 5px 0; margin: 0; color: #6C2769;}
.basinbox div {padding: 0 0 5px 0; margin: 0;}

		
		
#nwsltr table{border-spacing:1px;background:#fff;border:1px solid black;margin:1em;width:475px;}
#nwsltr td, th{padding:0px;}
#nwsltr thead th{text-align:center;background:#6C2768;font-size:110%;color:#fff;}
#nwsltr tbody tr{text-align:left;}
#nwsltr tbody tr.odd{background:#ffffff;}
#nwsltr tbody tr td{background:#e6e6e6;vertical-align: top;padding:.5em;}
#nwsltr tbody tr.odd td{background:#ffffff;}
#nwsltr tfoot td{padding:5px;text-align:center;border-bottom:0px solid #cccccc;border-top:1px solid #DFDFDF;}
		
#results table{border-spacing:0px;background:#fff;}
#results td, th{padding:5px;}
#results thead th{text-align:center;background:#e6e6e6;font-size:90%;}
#results tbody tr{text-align:left;}
#results tbody tr.odd{background:#ffffff;}
#results tbody tr td{background:#e6e6e6;vertical-align: top;}
#results tbody tr.odd td{background:#ffffff;}
#results tfoot td{padding:10px;text-align:center;border-bottom:0px solid #cccccc;border-top:1px solid #DFDFDF;}



#nresults p.title {font-size: 130%; padding-top: 12px;}
#nresults div {width: 760px;}

#details table{border-spacing:0px;background:#fff;}
#details td, th{padding:5px;}
#details thead th{text-align:center;font-size:100%;}
#details tbody tr{text-align:left;}
#details tbody tr td{vertical-align: top; font-size:90%;}
#details tfoot td{padding:10px;text-align:center;border-bottom:0px solid #cccccc;border-top:1px solid #DFDFDF;}



a.pages:link    {padding: 1px 5px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
a.pages:visited {padding: 1px 5px; border: solid 1px #ddd; background: #fff; text-decoration: none;}


/*Store Classes---------*/
#fsreg {border: 1px solid #eee; background-color:#F8F8F8; margin-top: 10px; width:720px;}
#fsreg legend{font-weight:bold; font-size: 120%;}

#bskthead {font-weight: bold; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background-color:#F8F8F8; text-align:center;}
#bsktdata {font-size:90%; border-bottom:1px solid #ccc; margin:10px; text-align:center; background-color:#fff;}

.RequiredField{color: red; font: bold 14px Tahoma;}

/*----------------------*/




/*Subject Classes*/
a.sbj:link    {text-decoration: none;}
a.sbj:visited {text-decoration: none;}
a.sbj:hover   {text-decoration: underline;}
a.sbj:active  {text-decoration: underline;}
a.sbjexpnd:link    {font: 16px Arial bold; color:blue;text-decoration:none;}
a.sbjexpnd:visited {font: 16px Arial bold; color:blue;text-decoration:none;}
a.sbjexpnd:hover   {font: 16px Arial bold; color:purple; text-decoration:none; }
a.sbjexpnd:active  {font: 16px Arial bold; color:green; text-decoration:none; }

#sbjcount {font-size:90%;}

#sbjLevel1 {border-left: 0px solid #eaeaea; padding-left: 5px;}
#sbjLevel2 {border-left: 0px solid #eaeaea; padding-left: 5px;}
#sbjLevel3 {border-left: 0px solid #eaeaea; padding-left: 5px;}
#sbjLevel4 {border-left: 0px solid #eaeaea; padding-left: 5px;}
#sbjLevel5 {border-left: 0px solid #eaeaea; padding-left: 5px;}
#sbjLevel6 {border-left: 0px solid #eaeaea; padding-left: 5px;}
#sbjLevel7 {border-left: 0px solid #eaeaea; padding-left: 5px;}
#sbjLevel8 {border-left: 0px solid #eaeaea; padding-left: 5px;}
#sbjLevel9 {border-left: 0px solid #eaeaea; padding-left: 5px;}
#divCurrentItem {margin-left: 150px; font-size: 120%; border-bottom: 2px solid blue;}




div.shadow {float: left; padding: 0 1px; background: #bfbfbf; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; position: relative;}
div.shadow img{padding: 5px 5px 9px 5px; background: white url("../../assets/images/shad_bottom.png") repeat-x bottom left;}
div.shadow div.topleft{width: 2px; height: 4px; background: url("../../assets/images/shad_tlcorner.png") no-repeat top left; position: absolute; top: 0px; left: -1px;}
div.shadow div.topright{width:2px; height:4px; background:url("../../assets/images/shad_trcorner.png") no-repeat top right; position: absolute; top: 0px; right: -1px;}
div.shadow div.bottomleft{width:4px; height: 4px; background:url("../../assets/images/shad_blcorner.png") no-repeat bottom left;  position: absolute; bottom: 0px; left: -1px;}
div.shadow div.bottomright{width:4px;  height: 4px;  background: url("../../assets/images/shad_brcorner.png") no-repeat bottom right;  position: absolute; bottom: 0px;right: -1px;}
br.clear {clear: both; height: 0; line-height: 0px;}



/*Scroll Box Styles*/
#sbcontainer {width: 300px;padding: 5px;}
#sbmain {background-color:#eee; overflow:auto; height:300px; width:300px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
#sbtab {height: 20px; margin: 0; padding-left: 10px; background: url(../../assets/images/sbtab_bottom.gif) repeat-x bottom;}
#sbtab li {margin: 0; padding: 0; display: inline; list-style-type: none;}
#sbtab a:link, #sbtab a:visited {float: left; background: #f3f3f3; font-size: 90%; line-height: 14px; font-weight: bold; padding: 2px 10px 2px 10px; margin-right: 4px; border: 1px solid #ccc; text-decoration: none; color: #666;}
#sbtab a:link.active, #sbtab a:visited.active {border-bottom: 1px solid #fff; background: #fff; color: #000;}
#sbtab a:hover{background: #fff;}
	
* html #location, * html .maintable { width: 99.5%; }

