body {text-align:center; margin:0; padding:0;}
#Page {width:960px; margin:0 auto; text-align:left;}
#Content {width:960px;}
/* --- Header --- */
#Header {height:110px; position:relative;}
	#Logo {position:absolute; top:12px; left:12px;}
	#Strapline {position:absolute; top:35px; left:110px; width:530px;}
		#Strapline span {display:block;}
	#TopMenu {float:right; padding-top:10px;}
	#Search {position:absolute; top:48px; left:665px; width:295px; height:31px;}

/* --- Menus --- */
#Mainmenu {clear:both; position:relative; width:960px; height:29px;}
	#Mainmenu ul {float:left; clear:both; margin:0; padding:0 12px; width:936px;}

	.Home #Mainmenu ul {border-bottom:6px solid #5DC5CE;}
	
	#Mainmenu li {float:left; list-style-type:none; line-height:29px; height:29px; padding:0 2px; margin:0px;}
	#Mainmenu a {display:block; float:left; color:White; line-height:29px; height:29px; text-decoration:none; padding-left:8px;  background: url(/laf/Menu/BlueTabLeft.jpg);}
	#Mainmenu a span {display:block; float:left; padding-right:8px; background: url(/laf/Menu/BlueTabRight.jpg) top right no-repeat; height:29px;}
	
	#Mainmenu a:hover, #Submenu a:hover {text-decoration:underline;}

	
	#Mainmenu li.MembersAreaTab {position:absolute; top:0px; right:10px;}
	#Mainmenu li.MembersAreaTab a {background: url(/laf/Menu/RubyTabLeft.jpg);}
	#Mainmenu li.MembersAreaTab a span {background: url(/laf/Menu/RubyTabRight.jpg) top right no-repeat;}
	
	#Mainmenu li.selected a {background: url(/laf/Menu/LightBlueTabLeft.jpg);}
	#Mainmenu li.selected a span {background: url(/laf/Menu/LightBlueTabRight.jpg) top right no-repeat;}
	
	#Mainmenu a:hover {cursor:pointer;}

#Submenu {background: url(/laf/Menu/SubmenuBG.jpg) top left; padding:0 10px; line-height:30px; height:30px; clear:both; margin:0px; overflow:hidden;}
	#Submenu ul {clear:both; margin:0; padding:0;}
	#Submenu li {float:left; list-style-type:none; line-height:25px; height:25px; padding:0px 8px 5px 8px; margin:5px 0 0 0;}
	#Submenu li.selected {background:white; line-height:25px; height:25px; margin-top:5px;}
	#Submenu li.selected a {color:#2A3883;}
	#Submenu a {color:white; text-decoration:none;}
	
.MembersArea .MembersAreaMenu {background: url(/laf/Menu/DarkRubyMenuBG.jpg) top left no-repeat !important;}	
	

#Left, #Right, #Wide, #Middle {padding-bottom:10px;}

#ExpandingMenu .L0, #ExpandingMenu .L1 {display:none; border-bottom:1px solid black;}
#ExpandingMenu .L2 {}
#ExpandingMenu .L3 {padding-left:10px;}
#ExpandingMenu .L4 {padding-left:20px;}
#ExpandingMenu .selected {font-weight:bold;}

/* ---home------------------------------------ */
.Home #Content {float:left; padding-top:20px; /*background: url(/laf/contentBG.png) top left no-repeat;*/}
.Home #Left {float:left; width:610px; }
.Home #Right {float:right; width:336px;  margin:0px; padding:0px; height:433px;}

/* --- Login box --- */
#LoginBox {width:355px;}
	#LoginTable {width:100%;}
		#SubLoginTable {width:100%;}
#LoginBox td {}
#LoginBox .username, #LoginBox .password {width:150px; border:1px solid #666; padding:3px;}
#LoginBox .LoginButton {border:1px solid #666; padding:2px 10px;}
#LoginBox .loginrow td {vertical-align:middle; height:25px; line-height:25px; padding-bottom:3px;}
#LoginBox h2 {padding:0px; margin:0px; line-height:1.3em;}
#LoginBox div {position:relative;}
#LoginBox div img {position:absolute; top:0px; left:170px;}

/* Feature Boxes */
.FeatureBox { width:278px; min-height:195px; padding:11px 11px 5px 11px;}
.FeatureBox .Links {float:left; width:150px; padding:0px; margin:0px;}
.FeatureBox .Image {float:right; width:123px;}
	.Home #FeatureBoxOne {float:left; background:#F89214 url(/laf/FeatureBox/Orange.jpg) top left no-repeat; }
	.Home #FeatureBoxTwo {float:right; background:#068CA0 url(/laf/FeatureBox/Blue.jpg) top left no-repeat; }
	.Home #FeatureBoxThree {float:left;background:#8BBD42 url(/laf/FeatureBox/Green.jpg) top left no-repeat; }
	.Home #FeatureBoxFour {float:right;background:#C11F4A url(/laf/FeatureBox/Pink.jpg) top left no-repeat; }

#HomeLogin {height:118px; margin-bottom:10px;}
.Home #HomeLogin {overflow:hidden; margin:0px; width:336px;}
#HomeRightPlaceHolder {float:left; width:164px; min-height:305px;}
	#Join {background:#2A3883 url(/laf/joinBg.jpg) top left no-repeat; min-height:163px; margin-bottom:10px; padding:8px;}
	#Shop {overflow:hidden;}
#HomeNews {float:right; width:146px; padding:8px; border:1px solid #999; height:287px;}
	#HomeNews ul {margin:0px; padding:0px;}
	#HomeNews li {margin:0px; padding:0px;}

.Home #Right ul {margin:0; padding:0; list-style-type:none;}
.Home #Right li {border-bottom:1px solid #e8e8e8; padding:10px 0;}
.Home #Right li img {float:left; padding:0 5px 10px 0;}

/* --- Landing ------------------------------- */
.Landing #Wide {float:left;width:620px; }
.Landing #Right {float:right; width:320px; }

/* --- Wide No Nav --- */
.Wide #Wide {float:left; width:620px;}
.Wide #Right {float:right; width:320px;}

/* --- Standard Wide with Nav --- */
.StandardWide #Left {float:left; width:165px; margin-right:32px;}
.StandardWide #Wide {float:right; width:763px;}


/* --- content ------------------------------- */
#Breadcrumb {width:960px; clear:both; padding:7px 0 15px 0; /*background: url(/laf/contentBG.png) top left no-repeat;*/}

.Content #Left {float:left; width:165px; margin-right:32px;}
.Content #Middle {float:left;  width:485px;}
.Content #Right  {float:right; width:250px;}

/* --- News and Events --- */
#RowOne {float:left; background: url(/laf/NewsAndEvents/RowOne.gif) top left repeat-y; width:960px; margin-bottom:14px; padding:10px 0;}
	#LatestNews {float:left; width:310px; border-right:1px solid #08AED7; padding:0 10px;}
	#UpcomingEvents {float:left; width:313px;  padding:0 10px;}
	#Newsletter {float:right; width:260px; padding:0 10px; }

#RowTwo {float:left; background: url(/laf/NewsAndEvents/RowTwo.jpg) top left repeat-y; width:960px; min-height:193px;}
	#PromoOne {float:left; width:306px;  padding:10px; margin-right:14px;}
	#PromoTwo {float:left; width:305px;  padding:10px;}
	#PromoThree {float:right; width:260px; padding:10px; }
	
/* --- Member Area --- */
#MemberAreaLeft {float:left; width:675px;}
	#WelcomeText {background:#f3f3f3; border:1px solid #CCCCCC; padding:10px; margin-bottom:15px;}
	#FreeTextArea {border:1px solid #e4e4e4; background:#f9f9f9; padding:10px; margin-bottom:15px;}
	#PromoBoxes {float:left; background: url(/laf/MembersArea/PromoBoxes.jpg) top left no-repeat; width:675px; margin-bottom:20px;}
		#MemberAreaLeft #PromoOne { float:left; width:195px;  padding:10px; margin-right:15px;}
		#MemberAreaLeft #PromoTwo { float:left; width:195px;  padding:10px;}
			#PromoTwo span {width:30px; background:yellow;}
		#MemberAreaLeft #PromoThree { float:right; width:195px; padding:10px; }

#MemberAreaRight {float:right; width:270px;}
	#MemberAreaRight #MyDetails {background:red url(/laf/MembersArea/MyDetails.jpg) top left no-repeat; padding:10px; margin-bottom:15px;}
	#MemberAreaRight #Shop {background:red url(/laf/MembersArea/Orangebg.jpg) top left no-repeat; padding:10px; margin-bottom:15px;}

.Wide #LoginTable td {padding:3px; background:#e8e8e8;}

/* --- Admin Pages --- */
#BlueLine {border-bottom:6px solid #5DC5CE;}
#RedLine {border-bottom:6px solid #BE224A;}

/* --- Right hand section --- */

/* --- Footer --- */
#Footer {width:960px; clear:both; padding-top:10px; position:relative; border-top:1px solid #ccc;}
	#Quicklinks {clear:both; padding:0 0 5px 0;}
		#QuickLinks ul {float:left; width:600px;}
	#Credit {font-size:0.9em; position:absolute; top:25px; right:0px; display:none;}
	#PhoneNumber {position:absolute; top:10px; right:0px;}
	#CompanyInfo {font-size:0.9em;}