/* GENERAL PAGE FORMATTING */

body {
	font-family: "lucida sans", "lucida grande", sans-serif;
	padding: 175px 0 0 0;
	margin: 0 0;
	background: #003366 url(../images/panorama.jpg) no-repeat center 25px;
	border: 20px solid #003366;
	font-size:small;
	}

#content {
	background-image:url(../images/bglogo.jpg);
	background-color:white;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin:0 20px 20px 20px;
	padding: 40px 40px;
}

#container {
	background-color:#339;
	width: 100%;
	border: 1px solid #eda;
	margin: 0 auto;
	text-align:center;
}

/* CSS DROPDOWN MENU */

#nav {
	text-align:left;
	float: center;
	list-style: none;
	line-height: 1.5;
	background-color: white;
	background-image:url(../images/stetsblue.gif);
	font-weight: bold;
	padding: 0px 0 45px 90px;
	border: solid #eda;
	border-width: 3px 3px;
	background-repeat: no-repeat;
	background-position: left;
	margin:10px 20px 20px 20px;
}

#nav ul {
	text-align:left;
	float: center;
	list-style: none;
	line-height: 1.5;
	background-color: white;
	font-weight: bold;
	padding: 0 0;
	border: solid #eda;
	border-width: 3px 0;
	background-repeat: no-repeat;
	background-position: left;
}
#nav a {
	display: block;
	width: 7em;
	w\idth: 7em;
	text-decoration: none;
	padding: 0.25em 1em;
	color:#003366;
	text-align:center;
}

#nav li li a	{
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;
	}
	
#nav li li a:hover	{
	color:#FFFFFF;
	font-weight:normal;
	}

#nav a.daddy {
	background: url(../images/rightarrow.gif) center right no-repeat;
	font-weight:normal;
}

#nav li {
	float: left;
	padding: 0 0;
	width: 8em;
	line-height:1.5;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	background:white;
	font-weight: normal;
	border-width: 0.25em;
	padding: 0 0;
	margin: 0;
	WIDTH: 10.9em; 
}

#nav li li {
	width: 10em;
	background-color: #336699;
	padding-right:1em;
}

#nav li ul a	{
	width: 9em;
	font-weight:normal;
	}

#nav li ul ul {
	margin: -3.05em 0 0 11em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	background-color:#003399;
	width: 11em;
}

#nav li:hover ul ul ul {
	LEFT: -999em
}

#nav li.sfhover ul ul ul {
	LEFT: -999em
}

#nav li:hover ul {
	left: auto
}

#nav li li:hover ul {
	left: auto
}

#nav li li li:hover ul {
	left: auto
}

#nav li.sfhover ul {
	left: auto
}

#nav li li.sfhover ul {
	left: auto
}

#nav li li li.sfhover ul {
	left: auto
}

#nav li:hover, #nav li.sfhover {
	background: #ccc;
}

#nav li li:hover, #nav li li.sfhover	{
	background: #003399;
	}

#nav li li li {
	width: 10em;
	background-color: #003399;
	padding-right:1em;
}

#nav li li li:hover, #nav li li li.sfhover	{
	background: #003366;
	}
	
/* THE FOLLOWING MAKES THE POPOUTS IN THE RESOURCES MENU POP OUT LEFT INSTEAD OF RIGHT, FOR THOSE WITH SMALL SCREENS */

#resources ul li ul {
	margin: -3.05em 0 0 -11.5em;
	}

#resources a.daddy {
	background: url(../images/leftarrow.gif) center left no-repeat;
	font-weight:normal;
}

#resources li a	{
	padding-left:25px;
	font-weight:normal;
	}

#resources li li a	{
	padding-left:10px;
	font-weight:normal;
	}
	
/* GENERAL HTML TAGS FORMATTING */

ul, ol	{
	text-align:left;
	}
	
img	{
	border: 0;
	}
	
td	{
	text-align:left;
	vertical-align:middle;
	}
	
p {
	text-align:left;
	line-height:1.5;
}

blockquote	{
	text-align:left;
	font-style:italic;
	}
	
h1 {
	font-size: large;
	font-weight: bold;
	padding: 0 0 30px 0;
	color: #003366;
	text-align: center;
	}

h2 {
	font-size: large;
	font-weight: bold;
	color: #336699;
	text-align: left;
	clear:left;
	}

h3 {
	font-size: medium;
	font-weight: bold;
	padding-top:10px;
	color: #336699;
	text-align: left;
	clear: left;
	}

li 	{
	line-height:1.5;
	padding-bottom:5px;
	}
	
a:link	{
	color:#990000;
	font-weight:bold;
	text-decoration:none;
	}

a:visited, a:active {
	font-weight: bold;
	color: #996666;
	text-decoration:none;
}

a:hover {
	font-weight: bold;
	color: #990000;
	text-decoration:underline;
}
	
/* MORE SPECIFIC FORMATTING */

ul#right	{
	float:right;
	}

.highlight	{
	font-weight: bold;
	}

.highlightblue	{
	font-weight: bold;
	color: #336699;
	}

.largeblue	{
	font-weight: bold;
	font-size:x-large;
	color: #336699;
	}

.medium	{
	font-size:large;
	}
	
.signature	{
	font-family:"Lucida Handwriting", "Lucida Sans", "Lucida Grande", sans-serif;
	font-size:medium;
	}
	
.tagline {
	font-size:medium;
	font-weight:bold;
	color: #336699;
	}

.top	{
	text-align:right;
	}
	
#home {
	font-size: small;
	color: #000000;
	margin: 0 auto;
	width:550px;
	}

#inside {
	font-size: small;
	line-height: 1.5;
	color: #000000;
	margin: 0 auto;
	clear:left;
	}

#images	img {
	text-align: center;
	padding-top:0;
	padding-right:0;
	padding-bottom:30px;
	padding-left:0;
	}

#images	p {
	text-align: center;
	font-weight:bold;
	}

#home p	{
	text-align:center;
	}
	
.work	{
	text-align:right;
	font-style:italics;
	color:#336699;
	line-height:1.1;
	}

ul#textlinks { 
  white-space: nowrap; 
  margin: 0;
  padding: 0; 
  border: 0;
  text-align:right;
  clear:both;
} 

#textlinks li { 
  display: inline; 
  list-style:none;
  margin: 0 auto; 
  padding-right:5px;
  text-align:right;
}

.urhere a:link	{
	color:#336699;
	text-decoration:none;
	}

.urhere a:hover	{
	color:#336699;
	text-decoration:none;
	}

.urhere a:visited	{
	color:#336699;
	text-decoration:none;
	}
	
.hide {
	display: none;
}

.print {
	display: none;
}