/* CSS Document */

body {
	margin:0 0 0 0;
	background-color:#330000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}
a {
	color:#CCCCCC;
	text-decoration:underline;
}
div {
	float:left;
	position:static;
}
div#wrapper {
	background-color:#000000;
	width:755px;
	border-right:1px solid #111111;
	border-bottom:1px solid #111111;
}
div#footer {
	width:670px;
	padding-top:25px;
	padding-left:30px;
	font-size:9px;
	color:#333333;
}
div#footer a {
	color:#333333;
}
div#topright {
	background:#000000 url("../images/rr_top.jpg") no-repeat left top;
	width:703px;
	height:176px;
	border-left:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topleft {
	background:#000000 url("../images/rr_top_left.jpg") repeat-y left top;
	width:50px;
	height:176px;
	border-right:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topright2 {
	background:#000000 url("../images/rr_top2.jpg") no-repeat left top;
	width:703px;
	height:176px;
	border-left:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topleft2 {
	background:#000000 url("../images/rr_top_left2.jpg") repeat-y left top;
	width:50px;
	height:176px;
	border-right:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topright3 {
	background:#000000 url("../images/rr_top3.jpg") no-repeat left top;
	width:703px;
	height:176px;
	border-left:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topleft3 {
	background:#000000 url("../images/rr_top_left3.jpg") repeat-y left top;
	width:50px;
	height:176px;
	border-right:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topright4 {
	background:#000000 url("../images/rr_top4.jpg") no-repeat left top;
	width:703px;
	height:176px;
	border-left:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topleft4 {
	background:#000000 url("../images/rr_top_left4.jpg") repeat-y left top;
	width:50px;
	height:176px;
	border-right:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topright5 {
	background:#000000 url("../images/rr_top5.jpg") no-repeat left top;
	width:703px;
	height:176px;
	border-left:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topleft5 {
	background:#000000 url("../images/rr_top_left5.jpg") repeat-y left top;
	width:50px;
	height:176px;
	border-right:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topright6 {
	background:#000000 url("../images/rr_top6.jpg") no-repeat left top;
	width:703px;
	height:176px;
	border-left:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topleft6 {
	background:#000000 url("../images/rr_top_left6.jpg") repeat-y left top;
	width:50px;
	height:176px;
	border-right:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topright7 {
	background:#000000 url("../images/rr_top7.jpg") no-repeat left top;
	width:703px;
	height:176px;
	border-left:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topleft7 {
	background:#000000 url("../images/rr_top_left7.jpg") repeat-y left top;
	width:50px;
	height:176px;
	border-right:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topright8 {
	background:#000000 url("../images/rr_top8.jpg") no-repeat left top;
	width:703px;
	height:176px;
	border-left:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#topleft8 {
	background:#000000 url("../images/rr_top_left8.jpg") repeat-y left top;
	width:50px;
	height:176px;
	border-right:1px solid #000000;
	border-bottom:2px solid #000000;
}
div#main {
	background:#000000 url("../images/rr_left.jpg") repeat-y left top;
	padding-left:50px;
	padding-top:20px;
}
div#contents {
	/*width:550px;			 for normal browsers */
	/*voice-family: "\"}\"";	 for IE */
	/*voice-family:inherit;	 for IE */
	/*width:500px;			 for IE */
	width:530px;
	padding-right:20px;
	padding-left:30px;
	border-right:1px solid #111111;
}

div.roster-wrapper {
	/*margin-top:2px;
	margin-bottom:2px;*/
}
div.roster-wrapper div {
	/*border:1px solid #FFFFFF;*/
	height:15px;
}
div.roster-name {
	width:225px;
	padding-right:2px;
}
div.roster-position {
	width:150px;
	padding-left:2px;
	padding-right:2px;
}
div.roster-year {
	width:130px;
	padding-left:2px;
}
div.roster-type {
	margin-bottom:3px;
	margin-top:5px;
	width:500px;
	font-weight:bold;
	color:#CC3333;
	font-size:12px;
}
div.roster-type-sm {
	margin-bottom:3px;
	width:225px;
	font-weight:bold;
	color:#CC3333;
	font-size:12px;
}

div.edit-item {
	width:490px;
	/*margin-right:5px;*/
	margin-left:20px;
	border:1px solid #333333;
	margin-top:5px;
	margin-bottom:15px;
}
div#nav {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	/*margin-top:30px;
	font-size:10px;
	font-weight:bold;
	border-left:1px solid #111111;*/
}
div#nav ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	/*padding-bottom:30px;*/
}
div#nav ul li {
	padding-left:5px;
	/*padding-right:15px;*/
}
div#nav ul li.current {
	/*background:url("../images/ajs_triangle.jpg") no-repeat;*/
	
}
div#nav ul li a {
	color:#666666;
	text-decoration:none;
}
div#nav ul li a:hover {
	color:#666666;
	text-decoration:underline;
}
div#nav ul li.current a {
	color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;
}
div#nav ul li.current a:hover {
	text-decoration:underline;
}
div#nav ul li.sub a {
	color:#CCCCCC;
	text-decoration:none;
	padding-left:15px;
}
div#nav ul li.sub a:hover {
	text-decoration:underline;
}
div#nav ul li.subcurr a {
	color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;
	padding-left:15px;
}
div#nav ul li.subcurr a:hover {
	text-decoration:underline;
}

.pagetitle {
	font-size:24px;
	font-weight:bold;
	color:#CC3333;
}
.sectiontitle {
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
}
.newstitle {
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
}
.failure {
	font-weight:bold;
	color:#CC3333;
}
.red {
	color:#CC3333;
}
.dark {
	color:#333333;
}
.success {
	color:#66CC66;
}
.small {
	font-size:9px;
}
.rostertitle {
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
}
.contact-title {
	font-weight:bold;
	color:#CC3333;
	font-size:12px;
}
input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}
textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}
select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}


/***** GALLERY CODE *****/

/*
====================
<div id="album">
--------------------
div surrounding the album name in the gallery
*/
div#albumname {
	float:left;
	width:530px;
	padding-left:10px;
	border-top:1px dotted #CCCCCC;
	padding-top:5px;
	padding-bottom:5px;
}
/*
====================
<div id="thumbnail-wrapper">
--------------------
div surrounding thumbnail images (div#thumbnail) and text in the gallery
*/
div#thumbnail-wrapper {
	float:left;
	padding:5px 10px 5px 10px;
}
/*
====================
<div id="thumbnail-image">
--------------------
div surrounding thumbnail images in the gallery
*/
div#thumbnail-image {
	float:left;
	text-align:center;
}
/*
====================
<div id="thumbnail-text">
--------------------
div surrounding thumbnail text in the gallery
*/
div#thumbnail-text {
	float:left;
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Serif;
	font-size:10px;
	font-weight:bold;
	color:#6A747B;
}
/*
====================
<div id="thumbnail">
	<img>
--------------------
div surrounding thumbnail images and text in the gallery
*/
div#thumbnail-image img {
	border:1px solid #CCCCCC;
}
/*
====================
<div id="image-row">
--------------------
div surrounding one row of thumbnail images in the gallery
*/
div#image-row {
	float:left;
}
/*
====================
<div id="movie">
--------------------
div surrounding movie icon
*/
div#movie {
	float:left;
	padding-right:5px;
}
/*
====================
<div id="navbar">
--------------------
div surrounding next, previous and top info bar on image page
*/
div#navbar {
	float:left;
	width:510px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:2px;
	margin-top:16px;
	margin-bottom:3px;
	padding-right:10px;
}
/*
====================
<div id="info">
--------------------
div surrounding info bar on image page
*/
div#info {
	float:left;
	width:410px;
	text-align:center;
}
/*
====================
<div id="next">
--------------------
div surrounding next link on image page
*/
div#next {
	float:left;
	width:50px;
	text-align:right;
}
/*
====================
<div id="prev">
--------------------
div surrounding previous link on image page
*/
div#prev {
	float:left;
	width:50px;
	text-align:left;
}
/*
====================
<div id="image">
--------------------
div surrounding fullsize image
*/
div#image {
	float:left;
	width:515px;
	text-align:center;
	/*background-color:#DDDDDD;*/
	padding:10px 0 5px 15px;
}
/*
====================
<div id="image">
	<img>
--------------------
fullsize image (inside of div#image)
*/
div#image img {
	border:1px solid #CCCCCC;
}
/*
====================
<div id="details">
--------------------
div surrounding detailed information sections on image page
*/
div#details {
	float:left;
	text-align:left;
	width:530px;
	padding-bottom:20px;
}
/*
====================
<div id="details">
	<div id="description">
--------------------
div surrounding description on image page
*/
div#details div#description {
	text-align:left;
	width:530px;
	margin-top:2px;
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #333333;
}
/*
====================
<div id="details">
	<div id="other-info">
--------------------
div surrounding description on image page
*/
div#details div#other-info {
	width:530px;
}
/*
====================
<div id="gallery_contents">
--------------------
div surrounding the entire contents of the gallery
*/
div#gallery_contents {
	width:550px;
	border-right:1px solid #111111;
	/*margin-left:10px;
	margin-right:10px;*/
}
/*
====================
<div id="gallery_title">
--------------------
title text
*/
div#gallery_title {
	width:530px;
	padding-bottom:5px;
	padding-top:10px;
}

div.gray_bg {
	background-color:#111111;
	padding-top:2px;
	padding-bottom:2px;
}
.white_bg {
	background-color:#FFFFFF;
}
.picturename {
	font-weight:bold;
	color:#CC3333;
	font-size:12px;
}
div.categoryname {
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	background-color:#111111;
	width:510px;
}
/*
====================
<div id="gallery_full">
--------------------

*/
div#gallery_full {
	width:530px;
}

/***** END GALLERY CODE *****/