/*___________________________________________________________________________________________*/
/*Control panel*/

.controlpanel{ background:#FFF; border:#B7B7B7 solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#B7B7B7 solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD .SubHead{ background:#B7B7B7; font-size:12px; color:#333; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333; }
.controlpanel A.CommandButton{ font-size:10px; text-decoration:none; }
.controlpanel A.CommandButton:link{ color:#000; text-decoration:none; }
.controlpanel A.CommandButton:visited{ color:#000; text-decoration:none; }
.controlpanel A.CommandButton:hover{ color:#F00; text-decoration:underline;}
.controlpanel A.CommandButton:active{ color:#000; text-decoration:none; }

/*Main Content ___________________________________________________________________________________________*/

/* Set the width of the site here, use a % to stretch the background is the colour of the content pane*/
.wraptable{ width:780px; background:#000; }
.wraptableguts{ width:774px; background:#000; }
.topwrapper{ background:#7F7F7F; border:#B7B7B7 dotted; border-width:1px 0px; text-align:center; }
.top{ width:680px; text-align:right; margin:0px auto; padding:6px; }
.shadowright{ background-color:#FD0001; width:1px; }
.shadowleft{ background-color:#FD0001; width:1px;}

body{ background:#B7B7B7; border-left:0px; border-right:0px; }
.Head{ font-size:13px; font-weight:bold; color:#333; }
.SubHead{ font-size:11px; font-weight:bold; color:#003366; }
.SubSubHead{ font-size:11px; font-weight:bold; color:#000; }
.Normal{ font-size:11px; }
TD,TH,DIV,SPAN{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.flames{ background-image:url(media/flames.jpg); background-position:bottom;}

/*Main Content ___________________________________________________________________________________________*/

/* Content links, not main menu, those are below*/
a:link{ color:#F00; text-decoration:underline; }
a:visited{ color:#F00; text-decoration:underline; }
a:hover{ color:#F00; text-decoration:none; }
a:active{ color:#F00; text-decoration:underline; }

.user{ color:#FFF; font-size:11px; }
a.user:link{ color:#FFF; text-decoration:none; }
a.user:visited{ color:#FFF; text-decoration:none; }
a.user:hover{ color:#FF0; text-decoration:none; }
a.user:active{ color:#FFF; text-decoration:none; }



/* These bits here are for the inside container modules' borders and should be matched to the contents' css to
make the site's content modules's borders look the same*/
.curvetopleft{ background:url(media/curvetopleft.gif); }
.curvetopright{ background:url(media/curvetopright.gif); }
.curvebottomleft{ background:url(media/curvebottomleft.gif); }
.curvebottomright{ background:url(media/curvebottomright.gif); }
.bborder{ border:#DDD solid; border-width:2px 0px; }
.bborderleft{ border-left:2px #DDD solid; font-size:5px; }
.bborderright{ border-right:2px #DDD solid; font-size:5px; }


/* These control the width and look of the columns in the site*/
.toppane{ padding:0px 10px; }
.leftpane{ padding-left:10px; }
.smallpanetopleft{ width:50%; padding:0px 5px 0px 10px; }
.smallpanetopright{ width:50%; padding:0px 10px 0px 5px; }
.rightpane{ padding-right:10px; }
.contentpane{ padding:0px 10px; }
.smallpanebottomleft{ width:50%; padding:0px 5px 0px 10px; }
.smallpanebottomright{ width:50%; padding:0px 10px 0px 5px; }
.bottompane{ padding:0px 10px; }

/* This is for that very top bar's search box*/
.bar{ width:100%; background:url(media/menushadow.gif) top repeat-x; }
.breadcrumb{ font-size:10px; color:#000; }
.breadcrumbwhite{ font-size:10px; color:#FFF; }
#search{ padding-top:4px; padding-right:15px;}
#search input{ border:1px #DE0000 solid; margin-bottom:4px; background-color:#000000; color:#FFFFFF }
#search img{ }

/*submenu _______________________________________________________________________________________________
This is the menu that pops up when you hover over a main menu item. FOr some reason, it needs to be above
the main menu in the CSS file to work properly. If it isn't a blankspace will show up on the right of the 
sub menu item. */

.submenu{
	z-index:1000; 
	background:#000;	
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#757575', Direction=135, Strength=2);*/
	border:1px #000 solid; 
	padding:0px;
	margin-left:2px;
	color:#000000;
}

.submenuitembreadcrumb{ 
	font-size:11px; font-weight:normal;
	border:#770000 solid;
	border-width:1px 0px;
	background:url(media/spacer.gif);
	padding:4px 10px 4px 5px;
	margin-bottom:1px;	
	
}

.submenuitemselected{
	border:#770000 solid;
	border-width:1px 0px;
	color:#D4D12B;
	font-size:11px; font-weight:normal;
	padding:4px 10px 4px 5px;
	background:#AA0000;
}

/* Main Menu ___________________________________________________________________________________________ */
.menubg{ width:100%; background:url(media/menubg.gif); }

/* MainMenu_MenuItem controls the borders between submenu items before they are rolled over*/ 
.MainMenu_MenuItem{
	color:#FFFFFF; 
	font-size:11px; font-weight:normal;
	border:#000000 solid;
	border-width:1px 0px;
	padding:4px 10px 4px 5px;
	margin-bottom:1px;
}

/* These bits here turn on and off the drop downs, icons and arrows */
.MainMenu_MenuContainer{ width:98%; background:url(media/spacer.gif); }
.MainMenu_MenuBar{ }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuIcon{ display:none; }
.MainMenu_MenuArrow{
	border:#000000 solid; border-width:1px 1px 1px 0px;
	padding:0px;
}

/* rootmenuitem TD controls the look of the main menu bar */
.rootmenuitem TD{
	color:#959D9D; 
	font-size:11px; 
	font-weight:bold;
	border:0px;
	padding:0px 0px 0px 5px;
	background:url(media/menubg.gif);
	height:38px;
}

/* rootmenuitemselected TD controls the look of the main menu bar with the roll over state on, 
be sure to keep a background in there or firefox will show a blue box in the background */
.rootmenuitemselected TD{
	color:#DD1714; 
	font-size:11px; 
	font-weight:bold;
	border:0px; 
	padding:0px 0px 0px 5px;
	background:url(media/menubg.gif);
	height:38px;
}

/* rootmenuitembreadcrumb TD controls the look of the main menu bar when it is the selected menu 
be sure to keep a background in there or firefox will show a blue box in the background */
.rootmenuitembreadcrumb TD{
	color:#DD1714; 
	font-size:11px; 
	font-weight:bold;
	border:0px;
	padding:0px 0px 0px 5px;
	background:url(media/menubg.gif);
	height:38px;
}

.MainMenu_MenuBreak{ display:none; }

/*  Headers ___________________________________________________________________________________________*/
.headerbg{ width:100%; background:url(media/headerbg.jpg); text-align:left; padding:0px; }
.headerleft{ background:url(media/headerleft.jpg); background-position:left; width:32px; }
.headerright{ background:url(media/headerright.jpg); background-position:right; width:32px; }

/* Footer ___________________________________________________________________________________________*/
.footerlinks{ padding:20px 33px 0; text-align:center; }
.footercell{ width:100%; background:url(media/footerbg.jpg); text-align:center; padding:0px 20px 15px; font-size:10px; color:#DDD;}
.footerleft{ background:url(media/footerleft.jpg); background-position:left; width:32px; }
.footerright{ background:url(media/footerright.jpg); background-position:right; width:32px; }

a.footer:link{ color:#EEE; text-decoration:none; }
a.footer:visited{ color:#EEE; text-decoration:none; }
a.footer:hover{ color:#F00; text-decoration:none; }
a.footer:active{ color:#333; text-decoration:none; }