@charset "utf-8";

/*-------------------------
Colors:
gray: #707070;
light: #ccffff;
navy: #330066;
-------------------------*/

body {
	background-color: #707070;
	color: #330066;
	font-family: arial;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 780px;
	background: #ccffff;
/*	background: url("../images/330066_ccffff.gif") repeat; */
}

img.left {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.short {
	line-height: 75%;
}

#header {
	margin: 0 0 0 0;
	background: #ccffff;
	padding-left: 10px;
	font-family: georgia;
}

#header a {text-decoration: none; font-weight: 600; color: #330066;}

#header a:hover {text-decoration: underline; font-weight: 600; color: #330066;}

#one { 
	margin: 0 0 0 0; 
	background: #ccffff;
}

#container {
padding-top: 5px}

#navigation {
	float: left;
	width: 170px;
	padding-left: 10px;
}

#content { 
	margin: 0;
	float: left;
	width: 560px;
	padding-left: 20px;
	padding-right: 20px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#footer {
	clear: both;
	background: #A2A2A2;
	text-align: center;
	color: #ffffff;
}

ul.navbar {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

ul.navbar
	a {font-weight: 600;}

	a:link {text-decoration: underline;
		color: #ffffff; }
	a:visited {text-decoration: underline;
		color: #ffffff; }
	a:hover {text-decoration: underline;
		color: #00ff00; 
		font-weight: 600; }
	a:active {text-decoration: underline;
		color: #ffffff; }

ul.navbar li {
	padding-bottom: 20px;
}

li {
line-height: 1.5em;
}

.center {text-align: center;}

.indent {text-indent: 5px;}

.padding {padding-left: 20px; padding-right: 80px;}

.small {font-size: 0.75em;}

.right {text-align: right;}

/*-------------------------
Links: for FireFox, links are used as a class in each anchor tag.  Also note that link may have a border box in FireFox once hovered or visited, especially if "background-color" is used instead of "background".

.cr = lilght color link; .bl = dark color link; .hdr = header link;
-------------------------*/

.cr:link {color: #ffffff;}
.cr:visited {color: #ffffff;}
.cr:hover {color: #ffffff; font-weight: 600;}
.cr:active {color: #ffffff;}


.bl:link {color: #330066; font-weight: 600;}
.bl:visited {color: #330066; font-weight: 600;}
.bl:hover {color: #330066; font-weight: 600; text-decoration: underline;}
.bl:active {color: #330066; font-weight: 600;}

/*
.hdr:link {color: #330066;}
.hdr:visited {color: #330066;}
.hdr:hover {color: #330066; text-decoration: underline;}
.hdr:active {color: #330066;}
*/


