body {
	background:#333 url(/images/body.jpg) repeat;
	color:#fff;
	margin:0;
	padding:0;
	text-align:center;
	font-size:13px;
}
table, tr, td {
	font-size:13px;
}
img {
	border:none;
}

#content {
	width:982px;
	border:solid 1px #666;
	margin:0 auto;
	text-align:left;
	background:#333;
}

#header {
	background:#000;	
	height:75px;
}

#header img {
	padding:5px 10px 10px 25px;
	float:left;
	border:0;
}

h1 {
	font-size:3em;
	font-family:Times New Roman, serif;
	font-weight:normal;
}

#header h1
{
	padding:0;
	width:200px;
	float:left;
	margin-top:25px;
	font-size:15px;
	font-family: Tahoma, Helvetica, Arial; 
}

#topnavcontainer {
	margin-bottom:1em;
	overflow: hidden;
	width:200px;
}
#topnav {
	font-size:12px;
	list-style-type:none;
	margin:50px 0 0 0 ;
	padding:0;
	float:right;
}

#bottomnav 
{
	margin-bottom:10px;
	font-size:12px;		
}

#topnav li {
	float:right;
	line-height: 1.1em;
	margin: 0 .5em 0 .5em;
	padding: 0 .5em 0 .5em;
}

#verbiage {
	margin:0 40px;
	font-size:20px;
}

#verbiage_profile {
	margin:0 20px 50px 20px;
}

#footer {
	clear:both;
	display:block;
	margin-top:60px;
	border-top: solid 3px #000;
	padding:top:20px;
}

#subfooter {
	background:#000;
	padding:30px;
	margin:0;
	font-size:11px;
}
#flash_banner {
	text-align:center;
	margin:0 auto;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.disclaimer {
	font-family: Verdana, arial;
	font-size:9pt;
	margin:40px;
}
a {
	color:#f6ff07;
	text-decoration:none;
}

#float {
	float:right;
	width:350px;
}

#profile {
	text-align:center;
}

#profile h3 {
	font-size:16pt;
	color:#FFF;
	font-family: Tahoma, Helvetica, Arial;
}

#bio {
	text-align:left;
	padding:10px;
	border: solid 1px #666;
	margin:0 0 40px 0;
	font-size:12px;
}

.small {
	text-align:right;
	font-size:10px;
	padding-right:10px;
	margin-top:0px;
}

.highlight, .data {
	background: #c4c4c4;
	text-align:left;
	color:#000;
	width:700px;
	font-weight:bold;
	padding:3px 0;
	font-family: Tahoma, Helvetica, Arial;
	margin:0;
} 

.highlight h4, .data h4 
{
	margin:0 0 0 10px;
	font-size:13px;
	padding:5px 0;
}

#leftcolumn {
	width:200px;
	float:left;
	margin:0;
}

#rightcolumn {
	float:right;
	width:706px;
	margin:0;
}

.data, .block {
	margin-bottom:30px;
	min-height:100px;
}

.data {
	background:#fff;
	color:#336699;
}

.data p, .block {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	padding-right:20px;
	font-size: 14px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:50px;
	font-weight:normal;
}

#profile_head {
	background: url(/images/box_right.gif) no-repeat top right;
	width:200px;
	height:24px;
}

.boxhead {
	background: url(/images/box_right.gif) no-repeat top right;
	height:24px;
	width:700px;
}


#profile_head h2, .boxhead h2 {
	font-family: Tahoma, Helvetica, Arial;
	text-align:left;
	padding:3px 6px;
	background: url(/images/box_left.gif) no-repeat top left; 
	font-size:14px;
	color:#fff;
	height:24px;
	min-height:24px;
	margin:0px;
}

img.profile
{
	margin-top:10px;
	border:0px;
}

#category_profiles 
{
	text-align:center;
	margin:10px auto;
	width:800px;
}

.category_profile, .category_profile_text
{
	width:236px;
	display:block;
	float:left;
	text-align:left;
	margin-left:30px;
}

.subimages
{
	width:180px;
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom:50px;
}
.subimages img {
	border:none;
}

.category_profile_text
{
	width:300px;
	margin-left:50px;
}

img.cat_profile 
{
	float:left;
	border:none;
	padding:10px;
}

input[disabled='disabled'], .disabled {
    color:#282828;
    cursor:default;
    background:#FFF;
    border:none;
}

input[readonly], .readonly, select[disabled], select[disabled='disabled']{
    background:#DFDFDF;
    color:#282828;
    cursor:default;
}

input[readonly='yes'], .readonly {
    background:#DFDFDF;
    color:#282828;
    cursor:default;
}

textarea.input[readonly='yes'] {
    background:#DFDFDF;
    color:#282828;
    cursor:default;
}

.mainnav{
	background:#gray;
	overflow: hidden;
	width: 100%;
	height:40px;
	font-size: 14px; /*font of menu text*/
	font-family: Tahoma, Helvetica, Arial;
	text-transform:uppercase;
}


.mainnav ul{
	width: 100%;
	list-style-type: none;
	margin: 0 auto;
	margin-left: 100px; /*offset of first tab relative to page left edge*/
	padding: 0;
}

.mainnav li{
	float: left;
	margin: 0;
	padding: 0;
}

.mainnav a{
	float: left;
	position: relative;
	bottom: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background: url(/images/tab-left.gif) no-repeat left bottom;
	margin: 0;
	margin-right: 6px; /*Spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
	/*border-left:solid 2px #000;
	border-right:solid 2px #000;
	border-bottom:solid 2px #000;
	/*background:#40413F;*/

}

.mainnav a span{
	float: left;
	position: relative;
	display: block;
	background: url(/images/tab-right.gif) no-repeat right bottom;
	padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
	font-weight: bold;
	color:#5C5D57;
	color:#a3a8a3;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.mainnav a span {float:none;}
/* End IE5-Mac hack */


.mainnav .selected a{
	background-position: 0 -125px;
	top: 0;
	background: url(/images/tab-left-highlight.gif) no-repeat left bottom;
}

.mainnav .selected a span {
	background-position: 100% -125px;
	color:#fff;
	padding-bottom: 13px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	background: url(/images/tab-right-highlight.gif) no-repeat right bottom;
	top: 0;
}

.mainnav a:hover {
	top: 0;
	color:#fff;
	background: url(/images/tab-left-highlight.gif) no-repeat left bottom;
}

.mainnav a:hover span {
	background-position: 100% -125px;
	padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	background: url(/images/tab-right-highlight.gif) no-repeat right bottom;
	top: 0;
	color:#fff;
}

ul.wireframe {
	float: left;
	width: 756px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #111;
	border-left: 1px solid #111;
	background: #2E2e2e;
}

ul.wireframe li {
	float: left;
	width: 754px;
	padding: 10px 0;
	margin: 0;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}

ul.wireframe li a {
    color: #e7ff61;
    text-decoration: none;
}
ul.wireframe li .content_block {
    padding: 0 10px;
}
ul.wireframe li .content_block h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font-size: 1.7em;
}
ul.wireframe li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 245px;  
    font-size: 1.2em;
}
ul.wireframe li .content_block a img{ 
    padding: 5px;
    border: 2px solid #ccc;
    background: #fff;
    margin: 0 15px 0 0;
    float: left;
}
ul.thumb_view li{
	width: 250px;
}
ul.thumb_view li h2 {
	display: inline;
}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 10px;
}


a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(/images/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }

.container {
	width: 758px;
	margin: 0 auto;
	padding-bottom: 100px;
	overflow: hidden;
}

ul.wireframe li a {
    color: #e7ff61;
    text-decoration: none;
}
ul.wireframe li .content_block {
    padding: 0 10px;
}
ul.wireframe li .content_block h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font-size: 1.5em;
}
ul.wireframe li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 245px;  
    font-size: 1.2em;
}
ul.wireframe li .content_block a img{ 
    padding: 5px;
    border: 2px solid #ccc;
    background: #fff;
    margin: 0 15px 0 0;
    float: left;
}
ul.thumb_view li{
	width: 250px;
}
ul.thumb_view li h2 {
	display: inline;
}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 10px;
}

#block {
	text-align:left;
	margin-bottom:30px;
	width:700px;
	}
td {

}
th {
	font-weight:bold;
	border-bottom: solid 1px;
	text-align:center;
	font-size:14px;
}
table {
	margin-bottom:20px;
}
.incoming_messages
{
	text-align:center;
}
.subpage_header {
	text-align:left;
	text-transform:uppercase;
	margin-left:70px;
}


#newsitems {
	text-align:center;
	margin:10px auto;
	background:#fff;
	color:#000;
	border-top:1px solid #000;
}
#newsitems img {
	text-align:left;
}

.newslink {
	margin-bottom:8px;
}

.newslink, .newslink a 
{
	color:#0000ff;
	text-decoration:none;
}
.newslink a:hover {
	text-decoration:underline;
}

.bottomborder {
	border-bottom:1px solid #000;
}

.newsdate {
	font-weight:bold;
}

.newsdescription {
	line-height:1.75em;
	width:400px;
	margin:0 auto;
}

#newsitem img {
	clear:both;
	margin-bottom:20px;
}

#newsitems .small {
	margin-bottom:3px;
	text-align:center;
	width:520px;
	padding:0px;
}

#newsitems .mediaplayer {
	margin:0 auto 3px auto;
}

/* form style */
#troops_form
{
	width:430px;
	border: 1px solid #e2e2e2;
	background:#4A4B4A;
	padding:20px;
	color:#d1d1d1;
	margin:0 auto;
	border:1px solid #000;
}

#troops_form div
{
	clear:both;
	margin:1em 0;
}

#troops_form label 
{
	display:block;
	float:none;
	width:auto;
	font-size:16px;
	font-weight:bold;
}

#troops_form input
{
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}

#submit
{
	cursor:pointer;
}

/* most popular on the profile page */
#mostpopularwrapper
{
	-moz-border-radius: 10px;
	background: #ccc;
	background: #2E2e2e;
	width:890px;
	min-height:240px;
	margin:10px auto;
	padding:10px 0;
	border:1px solid #000;
}
h3.highlight
{
	background:transparent;
	margin: 30px 0 10px 40px;
	padding:0;
	color:#f6ff07;
	font-size:16px;
}
ul#mostpopular 
{
	margin:0 auto;
	padding-left:15px;
	list-style: none;
}


.popimage 
{
	width:86px;
	text-align:center;
	float:left;
}

.popimage img
{
	border:1px solid #000;
}
