html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	height: 100%;
	background: url(../img/main_bg.jpg) top left repeat;
}


#wrapper { 
	margin: 0 auto;
	width: 980px;
}

#header {
	width: 980px;
	height: 100px;
	padding: 0;
	margin: 5px 0 0 0;
	border: 0;
	color: #333;
	background: url(../img/header.jpg) top left no-repeat #fff;
	text-indent: -100.0em;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#navigation {
	width: 980px;
	height: 26px;
	padding: 0;
	margin: 0 0 0 0;
	border: 0;
	color: #333;
	text-align: center;
	background: #cc00ff;
}

#content { 
	width: 960px;
	height: 475px;
	padding: 10px 10px 0 10px;
	margin: 0;
	border: 0;
	color: #333;
	background: #ffccff;
}

#footer {
	width: 980px;
	padding: 0 0 5px 0;
	margin: 0;
	border: 0;
	color: #993399;
	text-align: center;
	font-size: 9px;
	background: #ffccff;
	overflow: hidden;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

ul#main-nav {
	width:375px;
	padding:0;
	margin:0;
	float:left;
	font-size:14px;
}

ul#main-nav li {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

ul#main-nav li a {
	width:120px;
	height:23px;
	padding:3px 0 0 0;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	color:#fff;
	background-color:#cc00ff;
}

ul#main-nav li a:hover {
	color:#cc00ff;
	background-color:#feccff;
}


ul#pic-nav {
width:215px;
margin:0;
padding:0;
}

ul#pic-nav li {
padding:0;
margin:0 0 3px 0;
list-style:none;
}

ul#pic-nav li a {
width:223px;
padding:3px 0 3px 3px;
margin:0;
text-decoration:none;
display:block;
border:1px solid #cc00ff;
color:#cc00ff;
background:#fff;
font-weight:bold;
}

ul#pic-nav li a:hover {
border:1px solid #cc00ff;
color:#fff;
background:#ff9cff;
font-weight:bold;
}



#login { 
	width: 950px;
	height: 390px;
	padding: 5px;
	margin: 0 2px 0 0;
	float: left;
	color: #333;
	background: #cc99cc;
}

.ghostedText {
	color: #999999; 
}

.dateText {
	color: #999999; 
	font-size: 10px;
	font-style:italic;
}

.errorText {
	color: #FF0000; 
	font-weight: bold;
}

.textField {
	width: 220px;
}

.memoField {
	width: 220px;
	height: 70px;
}

.no-margin {
	margin: 0;
}

.sectionHeadText {
	color: #fff; 
	font-weight: bold;
	font-size: 13px; 
}

.greenText {
	color: #669933; 
}

a:link 
{ color: #cc33cc; font-weight: normal; text-decoration: underline; }
a:active
{ color: #cc33cc; font-weight: normal; text-decoration: underline; }
a:visited
{ color: #cc33cc; font-weight: normal; text-decoration: underline; }
a:hover
{ color: #cc33cc; font-weight: normal; text-decoration: underline; }

a.link-top-nav:link 
{ font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; }
a.link-top-nav:active
{ font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; }
a.link-top-nav:visited
{ font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; }
a.link-top-nav:hover
{ font-size: 12px; color: #fff; font-weight: bold; text-decoration: underline; }

a.link-top-nav-current:link 
{ font-size: 12px; color: #fff; font-weight: bold; text-decoration: underline; }
a.link-top-nav-current:active
{ font-size: 12px; color: #fff; font-weight: bold; text-decoration: underline; }
a.link-top-nav-current:visited
{ font-size: 12px; color: #fff; font-weight: bold; text-decoration: underline; }
a.link-top-nav-current:hover
{ font-size: 12px; color: #fff; font-weight: bold; text-decoration: underline; }