/* this CSS Document uses relative and absolute positioning*/

/* Body text and page background */
body{
	background-color:#cccccc;
	margin:0;
	padding:0;
	min-width: 800px;
	max-width: 1000px;
}

/* Page banner style */
#banner{
	background-color:#cccccc;
	width:100%;
	background-image:url(pix/banner&txt.jpg);
	background-repeat:no-repeat;
	height:197px; 
	float:right;
}


/* Bar divider below header using image */
#dividerTop	{
	background-image:url(pix/purple.jpg);
	background-repeat:repeat;
	width:100%;
	height:20px;
	float:left;
	border-top-width:1px;
	border-bottom-width:1px;
	border-top-style:solid;
	border-bottom-style:solid;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align: center;
	font-weight: bold;
	padding: 3px 0 0 0;
}

/* Holds all elements except banner/tagline/dividerTop*/
#wrapper	{
	clear:both;
	position: relative;
}

/* Sidebar for navigation */
#navbar {
	position: absolute;
	left:0; top:0;
	width:14em;
}

/* Main content */
#main	{
	background-image:url(pix/bg_cross2.gif);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;
	min-height:800px;
	padding:0;
	padding-right:20px;
	padding-top:10px;
	margin-left:16em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:.9em;
}

/* Bar divider above footer using image */
#dividerBottom	{
	background-image:url(pix/purple.jpg);
	background-repeat:repeat;
	width:100%;
	height:5px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-top-style:solid;
	border-bottom-style:solid;
}


/* Page footer style */
#footer	{
	background-color:#ccc;
	width:100%;
}

#webmaster	{
	display:inline;
	font-size:0.7em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	width: 17em;
}

ul.navbar	{
	list-style-type:none;
	margin-left:0;
	text-align: right;
	margin-right: 45px;
	padding-right: 5px;
}

p.top	{
	margin-top:0;
}

img.navbar	{
	margin-left:46px;
	margin-bottom:5px;
	margin-top: 5px;
	padding: 5px;
}

/* Controls appearance of photographs in photo galleryies */
.figure	{
	width: 260px;
	margin: 0px 10px 10px 10px;
}	

.figure p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 0 0;
}

.photo img {
	border: 1px solid #90c;
	background-color: #FFF;
	padding: 4px;
	position: relative;
	top: -5px;
	left:-5px;
}

.photo	{
	background: url(pix/drop_shadow.gif) no-repeat right bottom;
	}

/* Float image to left of paragraph */
img.floatLeft{
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:2px;
	border:1px solid #90c;
	background-color: #FFF;
	padding:2px;
}

/* Float image to right of paragraph */
img.floatRight{
	float:right;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:2px;
	border:1px solid #90c;
	background-color: #FFF;
	padding:2px;
}

a:link	{
	color:#90c;
	text-decoration:none;
}
	
a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

a:visited	{
	color:#FFFFFF;
	text-decoration:none;
}

/* Level-1 Headings */
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	color:#000000;
	text-align:left;
	margin:0;
	padding:0;
	font-style:normal;
}

/* Level-2 Headings */
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#000000;
	font-style:normal;
	margin:0;
	padding:0;
}

/* Level-3 Headings */
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
	text-align:left;
	font-style:normal;
	margin:0;
	padding:0;
}