/* LGRR theme -- based on Blue Bird Theme by Samir Kahvedzic ( AkIrA ) */

/* GLOBAL */
* { margin: 0; padding: 0; border:0; }
body { font: 12px verdana, arial, helvetica, sans-serif; background: #f3e3d4; color: #444545; margin: 0;
       line-height: 1.4;}
.clear { clear: both; }

/* LINK STYLES */
a { color: navy; text-decoration: none; }
a:link { color: navy; text-decoration: none; }
a:hover { color: #0777e1; text-decoration: none; }

/* TABLE STYLE */
table { margin: 0px; padding: 0px; border: none; border-collapse: collapse; }
td { text-align: left; vertical-align:top; padding-left: 2px; padding-right: 2px; } 

/* MENU STYLE */
h1, h2, h3, h4, h5, h6 { margin: 0; color: #003465; font-size: 11px; font-weight: bold; padding: 8px 8px; text-align: center; text-transform: uppercase; }
.menu_text { padding: 7px; }

/* menu top */
.menu_t { background: url(images/menu_t.png) repeat-x top; }
.menu_t_l { background: url(images/menu_t_l.png) no-repeat left top; }
.menu_t_r { background: url(images/menu_t_r.png) no-repeat right top; height: 30px; }

/* menu sides */
.menu_l { background: #fff url(images/menu_l.png) repeat-y left; }
.menu_r { background: url(images/menu_r.png) repeat-y right; }

/* menu bottom */
.menu_b { background: url(images/menu_b.png) repeat-x bottom; }
.menu_b_l { background: url(images/menu_b_l.png) no-repeat left top; }
.menu_b_r { background: url(images/menu_b_r.png) no-repeat right top; height: 23px; margin-bottom: 4px; }
.menu_text ul { list-style: bullet; margin-left: 0;	padding-left: 1em; }
.menu_text ul li { margin-bottom: .4em; } 
.menu_text ol { list-style: number; margin-left: 0;	padding-left: 2em; 	 }
.menu_text ol li { margin-bottom: .4em; } 

/* THEME LAYOUT */
#container { width: 100%;  max-width:1024px; min-width:720px; margin: 0 auto; }

/* HEADER */
#header { background: url(images/head_b.png) repeat-x top; }
#head_logo { background: url(images/logo.png) no-repeat left top; }
#head_l { background: url(images/head_l.png) no-repeat left top; }
#head_c { background: url(images/head_b.png) repeat-x top; }
#head_r { background: url(images/head_r.png) no-repeat right top; }

/* top bar */
#topbar { height: 30px; padding: 127px 64px 0 64px; } 

/* login box */
#loginbox { width: 400px; float: left; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }
#loginboxsep li { display: inline; list-style: none; }
#loginboxsep a { float: left; padding: 0 2px; border-right: 1px solid #003465; font-size: 10px; color: #003465; margin-top: 4px; }
#loginboxnosep { width: 350px; float: left; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }
#loginboxnosep a { float: left; padding: 0 10px; margin: 4px 10px 0px; }
#loginboxsep a:hover { color: #0777e1; text-decoration: none; }
#loginbox #currentruser { float: left; padding: 0 7px; border-right: 1px solid #003465; font-size: 10px; color: #003465; margin-top: 4px; }

/*  box */
#searchbox { width: 210px; float: right; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }

/* CONTENT */
#main { padding: 0 60px; }
#wrapper { background: #fff url(images/w_l.png) repeat-y left; max-width: 1024px; min-width:720px; margin: 0 auto; text-align: left;}
#wrapper2 { background: url(images/w_r.png) repeat-y right;}

/* New Navigation ex fs_08 */
div#clNavBar {
	width: 98%; min-width:710px;
	height: 36px;
	margin: 0px 6px;
	margin-bottom: 5px;
	overflow: hidden;
}
div#clNavBar-C, div#clNavBar-L, div#clNavBar-R { width: 100%; height: 36px; }
div#clNavBar-C { background-image: url(images/cl_bar_C.png); background-repeat: repeat-x; background-position: 0 0; }
div#clNavBar-L { background-image: url(images/cl_bar_L.png); background-repeat: no-repeat; background-position: 0 0; }
div#clNavBar-R { background-image: url(images/cl_bar_R.png); background-repeat: no-repeat; background-position: 100% 0; }

/* CONTENT PADDER */
#padder { padding: 4px 7px; }

/* LEFT MENU */
#leftmenu { width: 22%; float: left; text-align: center;  display: inline; 
            font: 9px verdana, arial, helvetica, sans-serif;
            overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }

/* CENTER AREA */
#centerarea { width: 76%; padding: 0 7px; float: left; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }
#centerarea .menu_text { margin-left: 8px; margin-right: 8px;}
/* CENTER AREA */
#fullwidtharea { width: 98%; padding: 0 7px; float: left; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }

/* NEWS STYLES */
.news_info { background: url(images/news_b.png) repeat-x top; }
.news_info h3 { text-align: left; padding: 0; margin: 0; }
.news_l { background: url(images/news_b.png) repeat-x left top; }
.news_r { background: url(images/news_b.png) repeat-x right top; height: 64px; padding: 4px; }
.news_ico { width: 80px; float: right; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; } 
.news_image { width: 60px; height: 60px; float: right; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }
.news_details { width: 70%; float: left; display: inline; text-align: left; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }

/* RIGHT MENU */
#rightmenu { width: 20%; float: left; text-align: center; display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }

/* FOOTER */
#footer { height: 20px; padding: 4px 7px 0 7px; background: url(images/divider.png) repeat-x bottom; border-top: 2px solid #b2b2b2; }

/* left footer links */
#footer_l {  width: 270px; float: left; text-align: left; display: inline; } 

/* right footer links */
#footer_r { width: 50%; float: right; text-align: right; display: inline; } 

/* footer links */
#footer a { padding: 0 7px; border-right: 1px solid #003465; font-size: 10px; text-transform: uppercase; }
#footer li { display: inline; list-style: none; }

/* site disclaimer */
#disclaimer { font-size: 10px; color: #000; }
#disclaimer_l { width: 40%; float: left; display: inline; }
#disclaimer a { color: #FF0000; font-weight: bold; } 
#disclaimer_r { width: 190px; height: 60px; float: right; display: inline; background: url(images/designby.png) no-repeat left top; }

/* END OF LAYOUT */


/* E107 STYLES */
.oldbutton { border: 1px solid #373737; background: #666666; color: #fff; font-size: 10px; font-weight: bold; margin: 2px auto; cursor: pointer; }
.button {  font-weight:bold; font-size: 10px; color:#000000; background: #E0E0E0; border-style: outset; border-width: 2px; border-color:#F8F8F8; margin: 2px auto; width: auto; overflow: visible; }
.button:hover { font-weight:bold; color: #E0E0E0; background: #FC633F; border-style: inset; border-width: 2px; border-color:#FC633F;} 
.indentchat { padding: 4px; background: #ebebeb; border: 1px solid #bcbdbd; margin-bottom: 4px; text-align: left; }
.indentchat:hover { background: #f1f1f1; color: #000; }
.indent { background: #e3e3e3; border: 1px solid #bcbdbd; padding: 4px; margin: 4px; }
.code_highlight { padding: 0 4px 4px 4px; border: 1px inset; margin: 4px; background: #444444;  }
.small { font-size: 10px; color: #666666; }
.smalltext { font-size: 10px; color: #666666; }
.smallbottom { font-size: 10px; color: #666666; text-align:left; }
.smallblacktext { color: #666666; font-size: 10px; }
.tbox { color: #9e9e9e; background: #fff; font-weight: bold; font-size: 11px; border: 1px solid #BABABA; margin: 2px auto; padding: 0 2px; }
.tbox:hover { color: #000; border: 1px solid #000; }
.tbox:focus { color: #000; border: 1px solid #000;  }
.tbox .chatbox { width: 98%; }
.helpbox { background-color: #fff; border: 1px solid #DFDFDF; color: #000; font-size: 9px; padding: 4px 5px 4px 5px; }

/* FORUM STYLES */
.ftrack { border: none; padding: 7px 5px 7px 5px; background: #ebebeb; }
.fdata { text-align: center; border: none; border-top: 1px solid #bcbdbd; background: #e3e3e3; padding: 7px 4px; }
.fdata:hover { background: #f1f1f1; }
.fcaption { padding: 4px; line-height: 21px; color: #000; font: 12px verdana, tahoma, arial, helvetica, sans-serif; font-weight: bold; background: #ddd; }
.fcaption span.smalltext{ color: #fff; }
.fcaption span.smalltext a:hover{ color: #03d1fd; }
.fcaption a { color: #fff; text-decoration: none; }
.fcaption a:hover { color: #03d1fd; }
a.forumlink{ color: #fff; text-decoration: none; }
a.forumlink:hover { color: #03d1fd; }
.fborder { border: 1px solid #bcbdbd; background-color: transparent; margin: 4px 0 4px 0;}
.forumheader { background: url(images/divider.png) repeat-x bottom; padding: 7px 5px 7px 5px; line-height:16px; font-weight:bold; color: #000; font: 12px verdana, tahoma, arial, helvetica, sans-serif; }
.forumheader2{ color: #000; padding: 7px 5px 7px 5px; background: #e3e3e3; border: 1px solid #bcbdbd; }
.forumheader2:hover { background: #f1f1f1; }
.forumheader3{ color: #000; padding: 7px 5px 7px 5px; border: 1px solid #bcbdbd; background: #ebebeb; }
.forumheader3:hover { background: #f1f1f1; }
.forumheader4{ color: #000; padding: 7px 5px 7px 5px; border: 1px solid #bcbdbd; background: #ebebeb; }
.forumheader4:hover { background: #f1f1f1; }
.finfobar{ padding: 2px 5px 2px 5px; color: #000; border: 1px solid #bcbdbd; background: #e2e2e2; }
.forumheader3i{ color: #000; padding: 7px 5px 7px 5px; border: 1px solid #bcbdbd; background: #ebebeb; }
.forumheader3i:hover { background: #f1f1f1; }
.forumheader3i img { width: 120px; height: 120px;}

/* CSS DROP DOWN MENU -- ex FS-08 */
div.menuBar {
	margin-left: 15px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	margin-left: 0px;
	list-style: none;
	line-height: 15px;
	
}

#nav a {
	padding: 8px 8px 8px 8px;
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#nav a:hover {
	display: block;
	text-decoration: none;
	background-color: #FC633F;
}

#nav li li a {
	display:block;
	padding: 0;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	text-decoration:none;
	background-image: none;
	float: none;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 90px;
	background-color: #AA2200;
}

#nav li li a:hover {
	background-color: #FC633F; 
}

#nav li { /* all list items */
	float: left;
	margin: 0px 0px 0px 0px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #AA2200;
	width: 90px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -31px 0 0 176px;
}

#nav li.fs-linkSep, #nav li.fs-linkSep:hover  { background-color: transparent !important;}
div.dropSep {
	background-image: url(images/cl_drop_sep.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 25px;
	width: 2px;
}

#nav li:hover, #nav li.sfhover {
	background-color: #AA2200;
		position: static;   /**testing sticky menus**/
}

#nav li:hover li:hover, #nav li.sfhover li.sfhover{
	background-color: #990000;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a.sub {
	background-color: #AA2200;
}

#nav a.sub:hover {
	background-color: #990000;
}

#nav img {border-width:0;}
.lborder { border: 1px solid #bcbdbd; background-color: transparent; margin: 4px 0 4px 0; }
.ltd { color: #000; padding: 7px 5px 7px 5px; border: 1px solid #bcbdbd; background: #f1f1f1; vertical-align: middle;}
.ltd:hover { background: #f7f7f7; }
.ltd img {border-width:0; }

.blogsubject { color:brown; font-weight:bold; font-size:15px; }
.blogauthor { color:brown; font-weight:bold; font-size:15px; }
.commentsubject { color:brown; font-weight:bold; font-size:12px; }

/*************************************************************
* TinyMCE specific rulesBody background etc
*************************************************************/
/* set this the same as content background color */
body.mceContentBody {
   background: #FFFFFF !important; /* FF requires a important here */
   list-style: inside;
}