/* Note: / is needed to make paths doc root absolute */

/* GLOBAL STYLES */
*{
	font-family:Verdana;
	font-size:12px;
	text-align:left;
}

body 
{
	margin:0px;
	background-image:url('/interface/main_bg.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
}

#main
{
	margin:0 auto;
	width:750px;
	min-height: 500px;
}

#header
{
	height:45px;
	padding-top:35px;
	padding-left:150px;
	position:relative;
}

#header #logo
{
	position:absolute;
	top: 35px;
	left: 0px;
}

#header a.link {
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	font-size:13px;
	color:#000;
	margin-right:15px;
}

#header a.link:hover { text-decoration:underline }

#header .topnav 
{
	margin-right:20px;
	font-size:12px;
	text-decoration:none;
}

/* menu: container for the main menu at the top*/
#menu
{
	position:relative;
	height:53px;
	background-image:url(/interface/menu_bg.gif);
	background-repeat:repeat-x;
	padding-left:6px;
	padding-right:6px;
}

#menu #left
{
	position:absolute;
	left:0px;
	width:6px;
	height:53px;
	background-image:url(/interface/menu_left.gif);	
}

#menu #right
{
	position:absolute;
	right:0px;
	width:6px;
	height:53px;
	background-image:url(/interface/menu_right.gif);	
}

#menu .item
{
	float:left;
	text-align:center;
	padding-top:18px;
}

#menu .separator
{
	float:left;
	width:1px;
	height:37px;
	background-image:url(/interface/menu_separator.gif);
	background-repeat:repeat-y;
	margin-top:8px;
}

#menu a
{
	font-size:12px;	
	text-decoration:none;
	color:#000;
	font-family:Verdana;
}

#menu a.current
{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

#menu a:hover
{
	color:#000;
}

#submenu
{
	padding:6px 0px; /* top/bottom, left/right */
	/*margin-bottom:20px;
	border-bottom:1px dotted #000;*/
}

#submenu a
{
	margin-right:20px;	
	color:Blue;
}

#search-box
{
	position:absolute;
	right:0px;
	z-index:-1;
}

#login-container
{
	position:absolute;
	right:0px;
	width:450px;
	top:35px;
	overflow:hidden;
}

#login-form
{
	height:25px;
	width:450px;
	overflow:hidden;
	visibility:hidden;
	background-color:#fff;
}

#login-form form
{
	/*left:-400px;  initialize the slider inside */
}

#login-form div 
{
	border-left:2px solid #000;
	padding:0px 5px;
}

.login-input
{
	border: 1px solid #666;
	font-size:10px;
	padding:2px;
	width:80px;
}

.login-button
{
	border: 1px solid #000;
	width:50px;
	height:19px;
	text-align: center;
	padding-bottom:2px;
}


#sub-menu 
{
	position:relative;
	height:20px;
	padding-bottom:5px;
}

#footer
{
	clear:both; /* needed for float reset */
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:20px;
	text-align:center;
}

/* GENERAL */
a { cursor: pointer }
a img { border:0 }
/* here */
h1, h1 a {
	font-family:Georgia;
	font-size:24px;
	color:#4b89ae; /* alternative #29566F */
	font-weight:normal;
	text-decoration:none;
	position:relative;
	margin:0;
	padding:15px 0;
}

h2 {
	font-family:Georgia;
	font-size:20px;
	color:#4b89ae; /* alternative #29566F */
	font-weight:normal;
	text-decoration:none;
	position:relative;
	margin:0;
	padding:0 0;
}

h1 div
{
	position:absolute;
	top:15px;
	right:10px;
	font-size:13px;
}

h1 div a
{
	font-size: 13px;
}

/* for big links */
ul.big { list-style-type: none; margin:0px 20px; padding:0 }
ul.big li h1 { padding: 15px; background-color: #f5f5f5; }
ul.big li h1 a { text-decoration:none }

.error { color: red; }
.message { color: green; }

a.link { color: blue; text-decoration: underline; }

.icon-link { margin-right:25px; text-decoration:none }
.icon-link img, { margin-bottom:-3px }

img.icon 
{
	margin-bottom:-3px;
}


.content, .content-sub
{
	clear:both;
	min-height:500px;
	padding-top:20px;
	line-height:18px; 
}

.content-sub
{
	position:relative;
	padding-right:170px;
}

.submenu
{
	position:absolute;
	right:0px;
	top:20px;
	width:160px;
}

.submenu .top, .submenu .bottom
{
	margin:0px 6px;
	height:6px;
}

.submenu .top { border-top:1px solid #ededed; }
.submenu .bottom { border-bottom:1px solid #ededed; }

.submenu .inner
{
	background:transparent url(/interface/2-t3.jpg) no-repeat scroll right top;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	min-height:250px;
}

.submenu .inner h1
{
	font-family:Georgia;
	font-size:18px;
	font-weight:normal;
	color:Green;
	margin:0px 5px 5px 5px;
}

.submenu .tl
{
	position:absolute;
	left:0px;
	top:0px;
}

.submenu .tr
{
	position:absolute;
	right:0px;
	top:0px;
}

.submenu .bl
{
	position:absolute;
	left:0px;
	bottom:0px;
}

.submenu .br
{
	position:absolute;
	right:0px;
	bottom:0px;
}

.submenu ul
{
	padding:10px;
	margin:0px;
	list-style: none;
}

.submenu ul li
{
	padding-bottom: 10px; 
}

.shade { background-color: #f5f5f5; }
.shade2 { background-color: #efefef; }

h4 { text-align: right; }
h4 a { font-size:14px; color:Blue; }
a.cancel { margin-left:10px; } /* cancel link next to action buttons */

#popupBack
{
	display:none;
	position:absolute;
	background-color:#000000;
	opacity:0.60;
	filter:alpha(opacity=60);
	left:0;
	top:0;
	z-index:99;
}

#popup
{
	display:none;
	position:absolute;
	background-color:#fff;
	border:3px solid #ccc;
	padding:10px;
	z-index:100;
}

/* FORM DISPLAY */
form.generic table
{
	width:auto;
}

form.generic .fulltable
{
	width:100%;
}

form.generic table textarea
{
	width:97%;
}

form.generic table input[type="text"], 
form.generic table input[type="password"],
form.generic table textarea
{
	padding:2px;
	background-color:#fff;
	border:1px solid #777;
}

form.generic table input[type="text"]:focus, 
form.generic table input[type="password"]:focus,
form.generic table textarea:focus
{
	background-color:#f5f5f5;
	border:1px solid #000;
}

form.generic table input[type="submit"], 
form.generic table input[type="reset"],
form.generic table input[type="button"]
{
	padding:2px;
	/*width:80px;*/
	background-color:#efefef;
	border:1px solid #000;
	margin-right:10px;
	text-align:center;
}

form.generic table.fullwidth { width:100%; } /* for tables that need to take up the entire width */

form.generic .size1 { width: 50px }
form.generic .size2 { width: 70px }
form.generic .size3 { width: 100px }
form.generic .size4 { width: 130px }
form.generic .size5 { width: 160px }
form.generic .size6 { width: 300px }

/* CONTENT MANAGEMENT */
table.contentman { width: 100%; }

/* FORUM MANAGEMENT */
table.forumman { width: 100%; }
td.content { width : 100%; vertical-align: top; }

/* NEWS DISPLAY AND MANAGEMENT */
h3.news-title
{
	margin:3px 0px; 
}
h3.news-title a 
{ 
	color:#3A6A8E;
	font-size:15px;
	text-decoration:none;
}

h3.news-title a:hover
{
	text-decoration:underline;
}

div.news-snippet { margin-bottom:25px; }
div.news-snippet p { margin-top:2px; }
div.news-snippet img { height:50px; }

div.news-headline
{
	padding:5px 5px 15px 12px;
}

ul.news-headlines
{
	padding-left:0px;
	margin-left:0px;
	list-style-type: none;
}

ul.news-headlines li
{
	margin-bottom:5px;
}

ul.news-headlines li a
{
	text-decoration:none;
	color:Blue;
	font-size:11px;
}

/* HOME */
.home-top
{
	height:221px; /*(311 less 50px)*/
	padding:90px 20px 0px 0px;	
	background-image:url('/interface/header_bg.jpg');
	background-repeat:no-repeat;
	margin-bottom:20px;
	text-align:right;
	color:#fff;
}
.home-top h1, .home-top h2, .home-top h3
{
	font-family:georgia;
	text-align:right;
	color:#fff;
	margin:5px 0px;
	padding:5px 0px;
	font-weight:normal;
}
.home-top h1 { font-size:48px; }
.home-top h2 { font-size:28px; }
.home-top h3 { font-size:20px; }

.home-content
{
	clear:both;
	overflow:hidden;
	height:1%;
}

.home-content .left
{
	float:left;
	width:70%;
}

.home-content .right
{
	float:left;
	width:200px;
	margin-left:10px;
	padding-left:10px;
	border-left:1px dotted #ccc;
	min-height:150px;
}

.home-content h3
{
	font-size:14px;
}

.home-columns
{
	overflow:hidden;
	height:1%;
	padding-bottom:20px;
}

.home-columns .column
{
	position:relative;
	float:left;
	width:32%;
}

.home-columns .column-space
{
	position:relative;
	float:left;
	width:2%;
	height:20px;
}

.home-columns .column .top, .home-columns .column .bottom
{
	margin:0px 6px;
	height:6px;
}

.home-columns .column .top { border-top:1px solid #ededed; }
.home-columns .column .bottom { border-bottom:1px solid #ededed; }

.home-columns .column .inner
{
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	min-height:150px;
}

.home-columns .column .inner h1
{
	font-family:Georgia;
	font-size:18px;
	font-weight:normal;
	color:Green;
	margin:0px 5px 5px 5px;
	border-bottom:1px dotted #ededed;
	padding:7px;
}

.home-columns .column .inner h1.left 
{
	background-image:url('/interface/1-t1.jpg');
	background-position:right;
	background-repeat:no-repeat;
}

.home-columns .column .inner h1.center 
{
	background-image:url('/interface/1-t2.jpg');
	background-position:right;
	background-repeat:no-repeat;
}

.home-columns .column .inner h1.right 
{
	background-image:url('/interface/1-t3.jpg');
	background-position:right;
	background-repeat:no-repeat;
}

.home-columns .column .tl
{
	position:absolute;
	left:0px;
	top:0px;
}

.home-columns .column .tr
{
	position:absolute;
	right:0px;
	top:0px;
}

.home-columns .column .bl
{
	position:absolute;
	left:0px;
	bottom:0px;
}

.home-columns .column .br
{
	position:absolute;
	right:0px;
	bottom:0px;
}

ul.home
{
	margin:0;
	padding:5px;
	list-style-type: none;
}

ul.home li .wrap
{
	position:relative;
	padding:5px 5px 5px 23px;
}

ul.home li .wrap img
{
	position:absolute;
	top:7px;
	left:2px;
}


ul.home li a { text-decoration:none }
ul.home li a:hover { text-decoration:underline }

ul.home-square 
{
	margin:0;
	padding:5px 15px;
	list-style-type: square;
}

ul.home-square li
{
	padding:5px 0px;
}

ul.home-square li a { text-decoration:none }
ul.home-square li a:hover { text-decoration:underline }


/* FORUM STYLES */

h3.forum-category
{
	margin:30px 0px 0px 0px;
	padding:7px;
	background-color:#E0EAEF;
	font-size: 18px;
}

h3.forum-category a
{
	font-size:18px;
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

table.forums
{
	width:100%;
	table-layout: ;
}


.forum-icon
{
	width:60px;
	background-image:url('/interface/forumicon.jpg');
	background-position: center;
	background-repeat:no-repeat;
}

h2.forum-title
{
	margin:4px 0px;
}

h2.forum-title a
{
	font-size: 13px;
}

table.forum-topics /* styles for the topics table */
{
	width:100%;
}

table.forum-topics thead tr 
{
	background-color:#E0EAEF;
}

table.forum-topics td, table.forum-topics th { padding: 5px;}

table.forum-topics th.icon { width: 50px }
table.forum-topics th.topic { width: auto }
table.forum-topics td.topic a { font-weight:bold }
table.forum-topics th.startedby { width: 80px }
table.forum-topics th.lastpost { width: 150px }

table.forum-topics th.replies { 
	width: 55px; text-align:center; 
}
table.forum-topics td.replies { text-align:center }

table.forum-posts { width:100% }

table.forum-posts tr 
{
	/*background-color:#E0EAEF;*/
}

table.forum-posts td.userinfo
{
	width:130px;
	vertical-align:top;
}

table.forum-posts td.content
{
	padding-bottom:25px;
	width:100%;
	vertical-align:top;
}

a.username
{
	font-size:12px;
	font-weight:bold;
}

a.forum-bar 
{
	margin-right:20px;
	font-size:12px;
	text-decoration:none;
}

.topic-icon
{
	/*margin:0 auto;*/
	text-align:center;
}

h5.reply
{
	font-size:15px;
	background-color:#f5f5f5;
	padding:15px 10px;
	margin-top:20px;
	
}


/* ADMIN INTERFACES */
.admin-multiselect
{
	width:50%;
	vertical-align:middle;
}

.admin-multiselect select
{
	width:100%;
	height:200px;
}

form.admin table
{
	width:100%;
}

form.admin table input[type="text"], 
form.admin table input[type="password"],
form.admin table select
{
	padding:2px;
	background-color:#fff;
	border:1px solid #777;
}

form.admin table input[type="text"]:focus, 
form.admin table input[type="password"]:focus,
form.admin table select:focus
{
	background-color:#f5f5f5;
	border:1px solid #000;
}

form.admin table input[type="submit"], 
form.admin table input[type="reset"],
form.admin table input[type="button"]
{
	padding:2px;
	background-color:#efefef;
	border:1px solid #000;
	margin-right:10px;
	text-align:center;
}


/* PROFILES */
.profile-column
{
	width:50%;
	float:left;
}

.profile-box
{
	padding:10px;
}

h3.profile
{
	font-size:12px;
	font-weight:bold;
	padding:3px 0px;
	margin:20px 10px 0px 10px;
	border-bottom:1px solid #ccc;
}

img.forum-image 
{
	width:100px;
}


/* FORM MESSAGE CLASS */
.messagebox
{
	border: 1px solid #b3efb3;
	background-color:#e0efe0;
	padding:10px;
	margin-bottom:15px;
}