/* Stylesheet for LeagueTraders */

/* General Layout */
body {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	/*color: #3D3DE3;*/
	color: #767791;
	padding: 1em;
	margin: 0;
	/*background-color:#FFFFDC;*/
	background-color:#000000;
}

#content {
	width: 760px;
	/*padding: 1em 0;*/
	margin: auto;
	line-height: 1.8em;
	margin-top:10px;
}

#header { margin-bottom:15px;}
#left { width:120px; float:left; margin: 3px 3px 3px 3px; }
.banner { clear:both; border:1px solid #FFFFDC; padding:0px; margin-top:10px; }
.banner img{ border:1px solid #FFFFDC; margin:0px; }

#canvas { background-color:#ffffff; height:auto; width:auto; }

#main { padding: 5px; float:left; width:620px; }

#mid { float:left; width:630px; }

h3 { margin:0px; }

#footer { text-align:right; width:800; font-size:9px; padding-right:5px; }

/* Normal Text colors */
a:link { color: #CC4400; text-decoration: none; font-weight: bold; }
a:visited { color: #CC4400; text-decoration: none; font-weight: bold; }
a:hover { color: #AA1100; text-decoration: none; font-weight: bold; }

.box td { line-height:1.8em; text-align:justify; }

h1 { color:#999999; }

/* Table Formatting */
table.smalltext { font-size: 10px; }
table.mediumtxt { font-size: 10px; }
table.calday { font-size: 9px; text-align:left; }
table.hoverbox { font-size: 9px; background-color:#000033; }
table.box { text-align: left; }
table.main {
	background-color: #E4E2E2;
}

th {font-weight: bold;
	background-color:#EAEAEA;
}

.smalltxt { font-size: 10px; }
.smalltxt a{ font-size: 10px; }
.mediumtxt { font-size: 11px; }

.viewall table{ font-size:10px; }
.viewall td{ vertical-align:top; }

.admin { font-size:10px; margin-left:auto; margin-right:auto; }
.admin td { text-align:left; background-color:#EEEEEE; }
.admin th { text-align:right; background-image:none; font-size:10px; background-color:#CCCCCC; }
.admin_main { background-color:#EEEEEE; }
.weekend { font-weight:bolder; font-size: 11px; color:#000000}

.notes { background-color:#FFFFFF; color:#000000; font-size:12px; font-weight:bold; }
.recent td { text-align:right; }

.avail { font-size:9px; line-height:1.4em; background-color:#FFFFFF; }
.avail td{ font-size: 10px; font-family: Helvetica, Arial, Verdana, sans-serif; }
.avail th{ font-size: 10px; font-family: Helvetica, Arial, Verdana, sans-serif; }

.listbox { font-size:10px; }

.quote { font-size:9px; }
.quote select { font-size:9px; }

.review {
	width:400px;
	background-color:#FFFFCC;
	border-left:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-bottom:2px solid #AAAAAA;
	border-right:2px solid #AAAAAA;
	padding:5px;
	margin-bottom:10px;
	margin-left:150px;	
}

.date { float:left; color:#FF3333; font-size:12px; margin-right:10px;  }
.rating { float:right; color:#FF3333; font-size:12px; }
.name { font-size:12px; font-weight:bold; }
.comment { padding:10px; }

.enquiry th { text-align:right; vertical-align:top; }
.enquiry td { vertical-align:top; }
.center { text-align:center; }

.flat { width:450px; background-color:#EEEEEE; margin:5px; clear:both; }
.flat .head{ padding-left:10px; background-color:#DDDDDD; }
.flat .right { width:70px; float:right; font-size:9px; background-color:#F4F4F4; text-align:center; }
.flat .info { float:right; font-size:10px; font-weight:bold; color:#003399; }

.quote { width:150px; background-color:#EEEEEE; margin:5px; text-align:left; }
.quote .info { float:right; }
/* Style sheet for drop down menus */

#nav a:link { color: #1111CC; font-weight:bold; text-decoration: none; }
#nav a:visited { color: #1111CC; font-weight:bold; text-decoration: none; }
#nav a:hover { color: #CC1111; font-weight:bold; text-decoration: none; background-color:#EEEEEE; }

/* definition of each menu item*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	height:auto;
	height: 18px;
}
/* needs to be below above */
#nav {  
	clear:both;
	margin-top:0px;
	margin-bottom:10px;
}

#nav a {
	display: block;
	width: 100px;
	height: 18px;
	text-align:left;
	vertical-align:middle;
	font-size:10px;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	background-color: #DDDDDD;
/*	vertical-align:middle;
	text-align:center; */
	border:1px solid #FFFFFF;
	vertical-align:middle;
}
#nav li a { /* all list items */
	padding-top:2px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 150px;
	height: 18px;
	margin-left:100px;
	margin-top:-22px;
}

#nav li ul a { /* second-level list look */
	width: 150px;
	height: 18px;
	text-align:left;
	background-color: #CCCCCC;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -100px 0 0 150px;
	height:18px;
	width:150px;
}

#nav li ul ul a { /* third-and-above-level lists needs to match */
	height:15px;
	width:150px;
	text-align:left;
	background-color: #BBBBBB;
	padding-top:2px;
}

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

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

.menu { width:400px; margin: 10px 0 20px 0; float:left; }
.menu p{ text-align:center; }
.menu h3{ text-align:center; }
.menus { float:right; width:150px; text-align:center; background-color:#EEEEEE; padding:5px 0 5 0;}
.menus a{ clear:both; }

/*.slim { height:250px; }*/