/** Foundation classes **/
BODY, FORM 
{ text-align: center; margin: 0px; background-color: #6B5231; background-image: url(Images/TopRepeat.gif); background-repeat: repeat-x;}
TD, P, #LayoutBody, INPUT, SELECT, TEXTAREA, .SkinObject, .Normal, .NormalBold
{ font-family: Arial, Verdana, Trebuchet MS; text-align: left; font-size: 11px; line-height: 16px; color: #271D11;}
TD, P, #LayoutBody
{ color: #FFF; }

/** Layout DIVs**/
#LayoutContent
{ text-align: left; margin: auto; width:770px; height: 750px; background-color: #6B5231; }
#LayoutHeader
{ background-image: url(Images/TopRepeat.gif); height: 184px; padding: 0px; margin: 0px; width: 770px; }
#LayoutBody
{ background-image: url(Images/BodyRepeat.gif); background-repeat: no-repeat; height: 500px; margin-top: -43px !important; margin-top: -42px; }
#LayoutFooter
{ color: #FFF; font-size: 9px; font-family: Arial; margin-top: 5px; color: #CCC;}
#LayoutMenu
{ float: left; margin-top: -100px; margin-left: 200px; width: 500px; }

/** Login image **/
#Login
{ text-align: right; margin-top: -40px; xwidth:95%; padding-bottom: 63px;}

/** Layout Classes **/
.MenuButton
{ float: left; padding-left: 15px; width: 95px; background-image: url(Images/MenuSeparator.gif); background-repeat: no-repeat; background-position: right;}
.FooterLink
{ color: #FDFFCC; }

/** Logo DIVs **/
#LogoBottom
{ background-image: url(Images/LogoBottom.gif); width: 208px; height: 63px; }
#LogoTop
{ float: left; background-image: url(Images/LogoTop.gif); width: 208px; height: 184px; }

/** Content DIVs **/
#BodyContent
{ margin-left: 150px; }
#DottedBox
{ margin-top: 20px; background-image: url(Images/WhiteDottedLine.gif); background-repeat: no-repeat; min-height: 305px; width: 600px; padding: 15px; background-position: left top; }



/** Basic elements**/
H2
{ color: #CAA988; font-family: Arial; font-size: 14px; }
H3
{ color: #EEEEEE; font-family: Arial; font-size: 12px; }
IMG
{ border: 0px; }
a, a.active
{color: #FDFFCC; text-decoration: underline; color: #FFFB9C; }
A:hover
{text-decoration: underline; }
LI
{ margin-left: 20px; }
/** Other elements **/
.SmallText
{ font-size: 9px; width: 100%; text-align: right;}

/** CSS2 Adjustments **/
FORM>#LayoutContent
{ height: auto; min-height: 750px; }
#LayoutContent>#LayoutBody
{ height: auto;min-height: 482px; }

.ClientBox
{ border-top: dotted 1px #FFF; margin-bottom: 10px;}

/* SeoMenu classes - possibly with a flash file as hover effect?  Note the star hack used for IE6-7, otherwise lines are automatically wrapped on each word where no span is recognised */

	.SEOMenu {
	float:left; 
	width:187px; 
	font-family: 'Arial MT',Arial, sans-serif; 
	font-size:12px;
	margin-bottom: 2px;
	padding-top: 0px;
	margin-top: 0px;
	}
	
	
	.SEOMenu ul {padding:0;margin:0;list-style-type:none}
	
	.SEOMenu ul li {float:left; position:relative;list-style-type:none}
	
	.SEOMenu ul{
	/*width: 187px;*/
	list-style-type: none;
	text-align: left;
	text-indent: 5px;
	padding: 0px 0px 0px 0px;
	display: inline;
	}
	
	.SEOMenu ul li{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Tahoma, Verdana, San-serif;
	font-size: 12px;
	line-height: 20px;
	clear: left;
	}

	.SEOMenu ul li a{
	/**width: 130px;*/
	
	float: left;
	height: 20px;
	color: #FFFFFF;
	background-color: #4DC4EE;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 48px;
	text-decoration: none;
	margin-top: 2px;
	margin-left: 0px;
	background-image: url(images/menuarrow.gif);
	background-repeat: no-repeat;
	background-position: top right; 
	}
	
.SEOMenu ul li a:visited{
	
	color: #FFFFFF;
	background-color: #4DC4EE;
	text-decoration: none;
	margin-left: 0px;
	}
	
	.SEOMenu ul li a:hover{
	background-color: #ED564D;
	text-decoration: none;
	background-image: url(images/menuarrowsel.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 54px;
	}

	.SEOMenu ul li ul{
	border: none;
	display: none;
	}

	.SEOMenu table {display: none;/*margin:-1px; border-collapse:collapse; font-size:11px;display: inline;*/}

	.SEOMenu ul li:hover ul {
	display:block;
	position:relative;
	margin-top:-20px; 
	/*margin-left:185px;*/
	/*width:120px;*/
	background-color: #ED564D;
	border: none;
	}
	
	.SEOMenu ul li:hover ul li ul {
	display: none
	}
	
	.SEOMenu ul li:hover ul li a {
	display:block;
	background:#ED564D;
	color:#000000;
	height:auto;
	line-height:14px;
	padding:3px 10px; 
	width:120px;
	text-align:left;
	border: none;
	} 
	

/** DNN Customisations **/

.CurrentHeader, .SkinObject, .CommandButton 
{ color: white; }

A.SkinObject, A.active, A:link, A, A:hover, a.CommandButton:link, a.CommandButton:hover, a.SkinObject:link, a.SkinObject:hover, a.SkinObject.active
{ text-decoration: none; color: #fffb9c; }

A:hover
{ text-decoration: underline;}

.Head
{color: #caa988;font-family: Arial;font-size: 14px;}

.SubHead
{ color: #FFF; font-weight: bold;}

.ControlPanel
{ background-color: #CCC; }

TR.FileManager_AltItem TD, TR.FileManager_AltItem TD a.Normal, TR.FileManager_Item TD, TR.FileManager_Item TD a.Normal, SPAN.NormalBold, .FileManagerTreeNode, TR.DataGrid_AlternatingItem TD
{color: #000; }


.RootMenuCSS
{ display: none; }

/** Menu customisations **/

.MainMenu_MenuItemSel
{ background-color: transparent; }


.ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel, .MainMenu_MenuItem, .MainMenu_MenuItemSel, .ModuleTitle_MenuItem td, .ModuleTitle_MenuItemSel td
{ font-family: Arial, Verdana, Trebuchet MS; font-size: 11px; line-height: 16px; color: #271D11;}


.ModuleTitle_MenuItemSel, .ModuleTitle_MenuItemSel, .ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel td
{ background-color: #caa988}