/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
margin: 0px;
padding: 0px;
}

a:link {
	color: #ffffff;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
}

a:visited {
	color: #ffffff;
}

body {
	
	background: #FFFFFF url(./images/template/back_all.gif) repeat-x;
	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#content
{
	margin: 0 auto;
	width: 896px;
}


#header {
	height: 300px;
	width: 896px;
}

#menu1
{
width: 586px;
padding-left: 295px;
background:url(./images/template/menu1_anim.gif) no-repeat;
}

#menu
{
width: 600px;
height: 70px;
background: url(images/template/menu2.gif) repeat-x;
}

#menu ul {
	list-style: none;	
}

#menu li {
	
	display: inline; 
	
}

#menu a {
	float: left;
	width: 100px;
	height: 45px;
    display: block;
	text-align: center;
	text-decoration: none;
	color: #4889D7;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 12px;
	background: url(images/template/button.gif) no-repeat;
}

#menu a:hover {
	width: 100px;
    height: 45px;
	color: #ff0000;
	text-decoration: underline;
	background: url(images/template/button.gif) no-repeat;
}


.more
{
text-align: right;
}


#logo {
width: 876px;
height: 210px;
text-align:  right;
padding-right: 20px;
padding-top: 20px;
background: url(images/template/header_LAN_3.jpg) no-repeat;	
}



#logo a {
	text-decoration: none;
/*	text-transform: lowercase; */
	font-style: italic;
	font-size: 48px;
	color: #ffffff;
}
#logo H2 a
{
font-size: 12px;
}

#main
{
background: url(images/template/header_bottom_LAN_3.jpg) no-repeat right top
}

#left
{
	padding-left: 10px;
	width: 288px;
	background: url(images/template/header_coner_LAN_3.jpg) no-repeat;
}

#top
{
background: url(images/template/top.gif) no-repeat;
width: 277px;
height: 9px;
}

#left_back
{
background: url(images/template/back.gif) repeat-y;
}

#Left_results {
width: 286px;
height: 410px;
padding-right: 20px;
padding-top: 20px;
background: url(images/template/drumpellier.jpg) no-repeat;	
}

#bottom
{
background: url(images/template/bottom.gif) no-repeat;
height: 41px;
width: 277px;
}

#left H3
{
width: 250px;
height: 40px;
font-size: 14px;
font-weight: bold;
padding-left: 19px;
padding-top: 15px;
text-transform: uppercase;
color: #ffffff;
background: url(images/template/title.gif) no-repeat
}


#left ul {
	list-style: none;
}

#left li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#left li li {
	padding: 4px 15px;
    background: url(images/template/small.gif) no-repeat left;
}

#left .title_back
{
padding: 10px;
}


#left a {
	color: #23609C;
}
#left a:visited {
	color: #23609C;
}

#left p
{
padding: 10px;
padding-left: 40px;
}

#left a:hover,.active {
	color: #004EEE;   /*See Blue*/
}

#calendar1 {
	padding: 0 10px 20px 10px;
}

#calendar table {
	width: 100%;
	text-align: left;
}

#calendar caption {
		padding: 15px 0px 10px 10px;
		text-align: left;
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

#calendar thead {
text-align:left;
}

#calendar thead th, tfoot th, tfoot td {
		/*background:#333 url(llsh.gif) repeat-x;*/
		background: #004EEE repeat-x;       /*bright blue*/
		color:#fff
}

#calendar tbody td {
	border: 1px solid #F1F1F1;
}

#calendar tbody tr:hover {
		/*background: #fafafa*/
		background: #00488c  ;
		color:#FFFFFF
}

#calendar  a:visited {
		font-weight:normal;
		color:#666;
		}
		
#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #now {
	background: #696969;
	border: 1px solid #ff0000;
	font-weight: bold;
	color: #ffffff
}


#right
{
float: right;
width: 580px;
padding-top: 60px;
padding-right: 10px;
}

#right .box
{
border: 1px solid #C9C9C9;
background: #ffffff;
padding: 10px;
margin-bottom: 10px;
}

#right ol, #right ul
{
margin-left: 30px;
}

#right H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #23609C;
}

/*
#right H5
{
	margin: 0;
	padding: 55px;
	font-size: 10px;
	color: #23609C;
}
*/

#right a
{
color: #4889D7;
text-decoration: none;
}

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#right .date2 {
	margin: 10px;
	padding: 0;
	padding-top: 5px;
}

#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #4889D7;
}


.date {
	text-align: right;
	color: #4889D7;
	font-size: 11px;
}

.date a {
	color: #23609C;
}


#footer {
	height: 60px;
	clear: both;
	padding-top: 30px;
	background: url(images/template/footer.gif) repeat-x; 
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

/* Content wrap */
#wrap {clear:both; font-size:0.9em; padding:0;}

/* Sidebars */
#leftside,#rightside {margin:0; padding:0 10px 10px; width:165px;}
#leftside {float:left; margin-right:10px;}
#rightside {float:right; margin-left:10px;}
#leftside h1,#rightside h1 {color:#505050; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:0 0 12px;}
#leftside h2,#rightside h2 {font-size:1.1em; margin:0 0 20px;}
#leftside p,#rightside p {font-size:0.9em; line-height:1.4em; margin:0 0 16px 10px;}

.linklist {list-style:none; margin:0 0 16px 10px; padding:0;}
.linklist li {margin-bottom:0.7em;}

/* Sidebar menu */
.nav {background:#E6E6FA; border:1px solid #b0b0b0; color:#606060; display:block; margin-top:8px; padding:5px 4px 4px 10px; position:relative; text-transform:uppercase;  text-decoration:none; width:140px;}
/*.nav:hover,.active {background:#00FFFF; border:1px solid #909090; color:#303030; text-decoration:none;}*/
.nav:hover,.active {background:#8DEEEE; border:1px solid #909090; color:#FFFFFF; font-size:1.0em; text-decoration:none;}
.sub {font-size:0.8em; letter-spacing:1px; margin:13px 0 2px 10px; padding:14px 2px 2px 8px; width:125px;}

/* Various classes */
.thumbnail {background:#fafbfc; border:1px solid #b0b0b0; margin:0 0 10px 10px; padding:5px;}
.searchform {margin:0;}
.searchbox {background:#f0f0f0; border:1px solid #b0b0b0; margin:0 4px 0 0; width:100px;}
.searchbutton {background:#f0f0f0; border:1px solid #b0b0b0;}
.clearingdiv {clear:both; height:30px; width:1px;}
.hide {display:none;}
.intro {font-size:1.0em; font-weight:bold;}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}
.boxBlue {
	BORDER-RIGHT: #99cae8 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #99cae8 1px solid; PADDING-LEFT: 5px; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 5px; BORDER-LEFT: #99cae8 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #99cae8 1px solid; BACKGROUND-COLOR: #E0FFFF
}


#ContentLeft .rowSpan {
	BACKGROUND: #fff
}
DL.Feature3 {
	CLEAR: both
}
DL.Feature3 DD {
	BACKGROUND: #ebeced repeat-y; PADDING-BOTTOM: 4px; BORDER-BOTTOM: #3399cc 2px solid
}
DL.Feature3 DT {
	FONT-SIZE: 1.3em; COLOR: #fff
}


#right h5 {
	margin: 10;
	padding: 0;
	padding-top: 25px;
	color: #4889D7;
}


table#bluegrad {
		border-collapse:collapse;
		/*background:#EFF4FB url(teaser.gif) repeat-x;*/
		background: #EDEDED  repeat-x;
		border-left:1px solid #686868;
		border-right:1px solid #686868;
		font:0.9em/145% 'Trebuchet MS',helvetica,arial,verdana;
		color: #333;
}

table#bluegrad td, th {
		padding:5px;
}

#bluegrad caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}
/* =links
----------------------------------------------- */

#bluegrad a {
		color:#950000;
		text-decoration:none;
}

#bluegrad  a:link { color:#D00020    /*red*/
}

#bluegrad  a:visited {
		font-weight:normal;
		color:#666;
		/*text-decoration: line-through;*/
}

#bluegrad  a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

#bluegrad thead th, tfoot th, tfoot td {
		/*background:#333 url(llsh.gif) repeat-x;*/
		background: #004EEE repeat-x;       /*bright blue*/
		text-align: left;
		color:#fff
}

/* THESE tfoot ATTRIBUTES ARE BEING IGNORED AND INSTEAD THE #LEAGUE TABLES tfoot ATTRIBUTES ARE BEING USED???????*/
#bluegrad tfoot td {
		text-align:right
}
#bluegrad tfoot th, tfoot td {
		background: #004EEE;       /*bright blue*/
		color: #fff		
		}
#bluegrad tfoot tr td, tfoot tr th, tbody tr td	{
		padding: 4px;
		}
/* =body
----------------------------------------------- */

#bluegrad tbody th, tbody td {
		border-bottom: dotted 1px #333;
}

#bluegrad tbody th {
		white-space: nowrap;
}


#bluegrad tbody th a {
		color:#333;
}

#bluegrad tbody TR.odd {
	BACKGROUND: #FFFFFF  
	}

#bluegrad tbody odd {
	BACKGROUND: #FFFFFF  
	}
#bluegrad odd {
	BACKGROUND: #FFFFFF  
	}	
	
.Up {
	COLOR: #D00020 
}
TD.Up SPAN {
	PADDING-RIGHT: 12px; /*BACKGROUND: url(../images/icons/numeric_up.gif) no-repeat right center*/
}
TD.Up SPAN:before {
	/*CONTENT: "+"*/
}
.Down {
	COLOR: #a81817
}
TD.Down SPAN {
	PADDING-RIGHT: 12px; /*BACKGROUND: url(../images/icons/numeric_down.gif) no-repeat right center*/
}	


#bluegrad tbody tr:hover {
		/*background: #fafafa*/
		background: #00488c  ;
		color:#FFFFFF
}
		
#bluegrad tbody tr.odd:hover {
		/*background: #fafafa*/
		background: #00488c  ;
		color:#FFFFFF		
}
#bluegrad tbody td a:hover		{
		color: #FFFFFF;				/*white*/
		background: #00488c  ;		
		}