/*  Copyright 2009 - PrismProductionGroup
	 This skin package is made available free for personal and business use. 
	 May not be resold or redistributed, included in any collections of skins or other. */
* {
margin:0;
padding:0;
}
/*DH- when co'd, the outer area is blank in the browser*/
body {
margin:0px;
text-align:center;
margin:0px auto;
background:url(images/background.gif) repeat-x;
background-color:#000000;
font-size:11px;
}
td, th, div {
font-family: tahoma,arial,verdana;
font-size:11px; 
}
a,a:link,a:visited {
color:#aa0000; 
text-decoration:none; 
}
a:hover{
color:#999999; 
text-decoration:underline;
}
.Normal{
font-size:11px; 
color:#000000; 
}
.Normal ul {
margin: 0px 10px 0px 25px;
padding:5px 0;
}

#container {
text-align:center;
margin:0px auto;
width:915px;
background-color:#DCDDDE;
background:url(images/allback.gif);
}
/*When CO'd, all of the content panes jumped out to the right. And the register and login token was out of place as well. */
#top {
width:915px;
background:url(images/topback.gif) no-repeat;
height:71px;
}
/* This affects the "topleft" pane, which is the area "outside" of the skin, BUT DOES NOT AFFECT THE BACKGROUND IMAGE. Therefore, I believe the "Logo" token is the only thing affected, but it was empty when I tested this so I saw no change. */
#topleft {
width:350px;
height:35px;
padding-top:35px;
font-family:"trebuchet ms", tahoma,arial,verdana;
color:#ffffff;
font-size:26px;
float:left;
}
/* Similar to above rule, this affected the Login Token which is the only thing displayed in that area of the skin, BUT DOES NOT AFFECT THE BACKGROUND IMAGE. */
#topright{
width:350px;
height:23px;
padding-top:48px;
font-family:tahoma,arial,verdana;
color:#ffffff;
font-size:12px;
float:right;
font-weight:bold;
}
/* This affects the style of the LOGIN control, which of course is a "hyperlink" in the "topright" cell. */
#topright a {
color:#ffffff;
text-decoration:none;
}
/* I changed the height from 170 px- the original value... This inserts the "Banner" image I modified for this skin. WHen this rule is CO'd, the image disappears, the Navigation moves to the top of the content area, AND THE CONTENT PANES JUMP OUT TO THE RIGHT- INTERESTING! */
#topimage  { background: url("images/topimage.jpg") no-repeat; text-align: left; width: 915px; height: 120px }



/* BINGO! When CO'd, the "tear" in this skin when rendered by Safari went away!!!  */
/*#logo {
float:left;
width:400px;
height:170px;
margin-left:50px;
margin-top:30px;
display:inline;
}*/



/*  */
#menu {
width:915px;
height:38px;
background:url(images/menuback.gif) repeat-x;
}
 
#left {
float:left;
width:198px;
margin:0 0 0 9px;
padding: 0 0px 0 0px;
display:inline;
}

.right {
background:url(images/rightback.gif) repeat-x;
}

#bottom {
clear:both;
}

#footer {
width:915px;
height:32px;
background:url(images/footerback.gif) no-repeat;
font-family:tahoma, arial, verdana;
font-size:10px;
line-height:26px;
color:#ffffff;
}

.footerclass {
font-family:tahoma,arial,verdana;
font-size:10px; 
color:#ffffff; 
}

a.footerclass:link,a.footerclass:active,a.footerclass:visited {
font-family:tahoma,arial,verdana;
font-size:10px; 
color:#d0dce5; 
text-decoration:underline; 
}

a.footerclass:hover{
color:#990000;
}

#reflexion {
width:915px;
height:54px;
background:url(images/reflexion.gif) no-repeat;
}

#hometextbox {
float:left;
width:459px;
padding-top:15px;
padding-bottom:15px;
margin-right:5px;
font-family:tahoma,arial,verdana;
font-size:12px;
color:#455058;
line-height:18px;
clear:right;
}

.interiortextbox {
float:left;
padding:15px;
font-family:tahoma,arial,verdana;
font-size:12px;
color:#455058;
line-height:18px;
clear:right;
}

#contentarea {
width:915px;
background:url(images/allback.gif);
}

/*---main menu-- */
.MainMenu_MenuContainer{ background:transparent; width:100%;}
.MainMenu_MenuBar{}
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuArrow{ display:none; }
.MainMenu_MenuIcon{ display:none; }
.ModuleTitle_MenuItemSel {background-color: transparent;}
.MainMenu_MenuItemSel {background-color: transparent;}
.MainMenu_MenuBreak {
border-bottom:1px solid #31383e; 
border-top:0px solid #31383e;
display:block; 
margin-top:0px;
background-color:#31383e;
}

/*--submenu buttons border---*/
.MainMenu_MenuItem{
	color:#fff;
	font-size:11px;	
	font-weight: bold;
	padding:4px 6px;
	border-top:0px solid #000; 
	border-bottom:1px solid #000;
	border-left:0px;
	border-right:0px;
}
/*--whole submenu box--*/
.submenu{
	z-index:1000;
	border:1px #000 solid;
	padding:0px;
	margin:0px;
	background:#596772;
}

/*--mouseover submenu--*/
.submenuover{
	color:#000;
	font-size:11px;
	font-weight: bold;
	padding:4px 6px;
	border-top:0px solid #000; 
	border-bottom:1px solid #000;
	border-left:0px;
	border-right:0px;
	margin:0px;
	background:#fff;
}

/*--the root menu--*/

.mainmenu td{ padding:0; margin:0;}
.mainmenu td div{margin:0; padding:0; }
.mainmenu td div div {
padding:0 4px; 
}
/*--main menu text styling--*/
.mainmenu td div div div{
font-family:tahoma, arial, verdana, sans-serif;
font-weight: bold; 
font-size:11px; 
color:#ffffff; 
padding: 4px 4px 0px 4px; 
height:36px; 
line-height:25px;  
margin:-2px 0 -18px 0; 
_margin:-13px 0;}

.mainmenuover td, .mainmenuoveractive td { padding:0; margin:0;}
.mainmenuover td div, .mainmenuoveractive td div { 
background:url(images/mainbuttonright.gif) top right no-repeat; 
}

.mainmenuover td div div, .mainmenuoveractive td div div { 
background:url(images/mainbuttonleft.gif) top left no-repeat; padding:0px 4px;
}

.mainmenuover td div div div, .mainmenuoveractive td div div div { 
background:url(images/mainbuttonback.gif) top center repeat-x; 
color:#ffffff; 
padding: 4px 4px 0 4px; 
height:36px; 
line-height:25px; 
margin:-2px 0 -18px 0;
_margin:-13px 0;
}