body {
	font-family : Verdana, sans-serif, Helvetica;
	color: black;
	background: url(art/bg-head.gif) repeat-x;
	background-color: white;
	margin-top: 10px;
	margin-bottom: 10px; 
	margin-right: 20px;
	margin-left: 20px;
}



ul, ol, li { line-height : 150%;}

/*class selectors - font specifications*/

.bi  { font-style: italic; font-weight: bold; }

/*class selectors - colors*/

.darkgreen { color : #093; }
.red { color : #c00; font-weight : bold; font-style: italic; }
.blue { color : #00F; font-weight : bold; }

#quote {
	position: absolute;
	right: 200px;
	/*original css for quotes - right: 175px;*/
	top: 20px;
	bottom: 30px;
	left: 250px;
	/*original css for quotes - left: 150px;*/
	color: #060; 
	font-style: italic;
	font-weight: bold;
	font-size: 115%;
	clear: both;
	text-align: center;
}

#quote-header {
	position: absolute;
	right: 325px;
	top: 50px;
	left: 150px;
	color: #060; 
	font-style: italic;
	font-weight: bold;
	font-size: 115%;
	clear: both;
	text-align: center;
}

/*highlight event in What's New - background color to white*/

.highlight { background-color: #fff; }

.db  { 	color : #06C; font-weight : bold; }

/*class selectors - background colors*/

.bg-blue { background-color: #09C; }
.bg-lt-blue { background-color: #CFF; }

/*columns*/

#left {
	position: absolute;
	top: 145px;
	left: 20px;
	width: 200px;	
}
#left p {
	background-color: #CFF;
}

#left p.skip {
	background-color: #CFF; font-size: 70%;
}

#left a:link { 
	color: #036;
	text-decoration: none;  
	font-weight: bold;  
}

#left a:visited { 
	color: #036;
	text-decoration: none;  
	font-weight: bold;  
}

#left a:hover {
	color: #036;
	font-weight: bold;  
	text-decoration: underline;
}

#left a:active { 
	color: #036;
	text-decoration: none;  
	font-weight: bold;  
}




#center {
	margin-left: 220px;
	margin-right: 240px;
	float:left;
	
}

#center a:link { 
	color: #036;
	font-weight: bold;  
}

#center a:visited { 
	color: #036;
	font-weight: bold;  
}

#center a:hover {
	color: #036;
	font-weight: bold;  
}

#center a:active { 
	color: #036;
	font-weight: bold;  
}

#right {
	position: absolute;
	top: 145px;
	right: 20px;
	width: 220px;
	background-color: #D8EBEB;	
	padding: 5px;
	border: 2px solid #066;
}

#right p {margin: 5px 5px 12px 12px;}

#right a:link { 
	color: #036;
	text-decoration: none;  
	font-weight: bold;  
}

#right a:visited { 
	color: #036;
	text-decoration: none;  
	font-weight: bold;  
}

#right a:hover {
	color: #036;
	font-weight: bold;  
	text-decoration: underline;
}

#right a:active { 
	color: #036;
	text-decoration: none;  
	font-weight: bold;  
}

#bodycontainer {width: 99%}

/*class selectors - other*/

.img {
	border: 2px solid #036;
	padding: 3px;
	margin-right: 10px;
}

.sm {font-size : smaller;}
.lg	{font-size : 120%;}

h1 {
	color : #363; 
	font-weight : bold;
	font-variant: small-caps; 
	font-size: 135%;
}

h2 {
	color : #363; 
	font-weight : bold;
	font-variant: small-caps; 
	font-size: 125%;
}

h3 {
	color : #363; 
	font-weight : bold; 
	font-variant: small-caps;
	font-size: 115%;
}
h4 {
	color : #363; 
	font-weight : bold; 
	font-size: 105%;
}

a:focus {border: 1px solid black;}