/*
 General HTML tags
*/
body {
	background-color: #171616;
	background-image: url(../img/site/body_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}
table {
	border-collapse: collapse;
	color: #FFFFFF;
}
td {
	padding: 0px;
	vertical-align: top;
}
hr {
	border-style: solid;
	border-color: #e1e1e1;
	border-width: 1px 0px 0px 0px;
	height: 1px;
}
img {
	border: 0px;
}
a {
	color: #000000;
	text-decoration: none;
}
h2 {
	color: #000000;
}
input {
	background: transparent; 
	border: none;
	font-family: Verdana;
	font-size: 10px;
	padding: 2px;
	color: #ffffff;
	cursor: pointer;
}
form {
	margin: 0px;
}
label {
	cursor: pointer;
}
select {
	background: #333333;
	border: 1px solid #000000;
	color: #FFFFFF;
}
blockquote {
	border-left: 2px solid #AAAAAA;
	padding: 2px 2px 2px 5px;
}


/*
 Site Navigation
*/
.nav {
	font-family: Verdana; 
	font-size: 11px; 
	height: 33px; 
}
.nav a {
	color: #ffffff;
	padding: 10px 18px;
}
.nav td {
	padding-top: 8px;
}
.nav a:hover {
	background-image: url(../img/site/nav.png);
}
.navButton {
	width: 66px;
	height: 17px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 9px;
	letter-spacing: 2px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.navButton div.link {
	width: 64px;
	height: 13px;
	margin: 1px 1px 0px 1px;
	colro: #ffffff;
}
.navButton div.link a {
	color: #ffffff;
}
.navButton div.l1 {
	margin: 0px 0px 0px 1px;
	height: 1px;
	background-color: #e1e1e1;
	width: 64px;
	font-size: 1px;
}
.navButton div.l2 {
	margin: 0px 0px 0px 1px;
	height: 1px;
	background-color: #d5d5d5;
	width: 64px;
	font-size: 1px;
}
.navButton div.linkSelected {
	background-image: url(../img/site/green.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	width: 64px;
	height: 13px;
	margin: 1px 1px 0px 1px;
}
.navButton div.linkSelected span {
	margin-left: 10px;
}



/*
 Login and Member Options
*/
#login {
}
#login table {
	border: 1px solid #000000;
	background-image: url(../img/content/content.png);
}
#login td {
	padding: 3px;
}
#memberOptions {
	padding: 3px;
	width: 160px;
	text-align: left;
	border: 1px solid #000000;
	background-image: url(../img/content/content.png);
}
#memberOptions a {
	color: #ffffff;
}
#memberOptions td {
	padding: 2px;
}
#memberOptions form {
	width: 100%;
	text-align: right;
}
#memberOptionsIconStatus {
	cursor: pointer;
}
#updateStatusOff {
	display: none;
}
#updateStatus input.text {
	width: 250px;
}



/*
 Content
*/
#content table {
	color: #000000;
}
#content a {
	color: #990000;
}
.content {
	//border: 1px solid #626262;
}
.content div.header {
	border-style: solid;
	border-color: #270f0f; 
	border-width: 1px 0px 0px 0px;
	background: #4A0000; 
	font-family: Arial; 
	font-size: 12px; 
	color: #FFFFFF; 
	letter-spacing: 1px; 
	text-align: left; 
	padding: 3px 5px;
}
.content div.header a, #content div.header a {
	color: #ffffff;
}
.content table.formatContent {
	width: 100%;
	background-color: #ffffff;
}
.content td.topBorder {
	width: 100%;
	background: url(../img/content/contentTopBorder.png);
}
.content td.bottomBorder {
	width: 100%;
	background: url(../img/content/contentBottomBorder.png);
}
.content td.main {
	background: url(../img/content/content.png); 
	font-family: Arial; 
	font-size: 12px; 
	color: #000000; 
	padding: 3px;
}
.content td.fill {
	background: #000000;
}
td.field {
	font-size: 10px;
	padding: 2px;
	color: #000000;
	width: 90px;
}
input.readonly {
	background: url(../img/content/content.png); 
	border: 1px solid #000000;
	color: #000000;
}
input.text, textarea {
	background: url(../img/content/content.png); 
	border: 1px solid #000000;
	color: #000000;
	cursor: text;
}



/*
 View Roster
*/
ul.roster {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: #e1e1e1;
}
ul.roster li {
	background-color: #818181;
	border: 2px solid #818181;
	cursor: pointer;
	font-size: 11px;
}

.profileStatus {
	cursor: pointer;
	float: left;
	margin: 3px 3px 5px 1px;
}
div.profileCard {
	border: 1px solid #818181; 
	padding: 1px 0px 0px 1px; 
	margin-bottom: 4px; 
	width: 388px;
}

div.profileCard table {
	width: 100%;
	font-family: verdana; 
	letter-spacing: 1px; 
	line-height: 14px; 
	font-size: 10px; 
	color: #ffffff; 
	border: 1px solid #000000; 
	height: 110px; 
	background: url(../img/profile/profileCard.png); 
	background-repeat: repeat-x; 
	background-color: #424650;
}
table.profileModal {
	color: #000000;
}
.profileModal h1 {
	margin: 0px;
	padding: 0px;
}
.profileModal label {
	color: #808080;
	cursor: default;
	float: left;
	font-size: 10px;
	width: 90px; 
}
.profileModal .header {
	background-color: #ffffff;
	font-weight: bold;
	padding-right: 6px;
	position: relative;
}
.profileModal .headerLine {
	border-bottom: 1px solid #990000;
	margin: -4px 0 4px 0;
	z-index: 0;
}
.profilePicture {
	border: 1px solid #000000;
	width: 100px;
}


/*
 View Gallery
*/
#viewGallery td {
	padding: 3px;
}
#viewGallery img{
	border: 1px solid #000000;
}
#viewGallery div.galleryHeader {
	margin-top: 2px; 
	width: 120px; 
	border: 1px solid #000000; 
	text-align: center; 
	background: #333333;
}
#viewGallery div.galleryHeader a {
	color: #ffffff;
}


/*
 Edit Styles
*/
#editProfile td{
	padding: 2px;
}
#editProfile input {
	width: 260px;
}
#editProfile #biography {
	width: 370px;
	padding: 2px;
	font-size: 10px;
	font-family: Verdana;
}
#editProfile #quotes {
	width: 260px;
	padding: 2px;
	font-size: 10px;
	font-family: Verdana;
}
#editProfileSubmit td {
	padding: 3px;
}
#editProfileSubmit input {
	width: 100px;
}
.editGallery textarea {
	width: 300px;
}
.editGallery td {
	padding: 3px;
	color: #000000;
}
.editGallery img {
	border: 1px solid #000000;
}
#editContent {
	width: 354px;
	padding: 2px;
	font-size: 10px;
	font-family: Verdana;
}
.editNewsList {
	width: 520px;
}
.editNewsList td {
	padding: 2px;
}
.editNewsList th {
	font-weight: bold;
	padding: 2px;
}
#editNews #article {
	width: 390px;
	padding: 2px;
	font-size: 10px;
	font-family: Verdana;
}