/*
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/back_all.gif) repeat-x;
	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

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


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

#headermobile {
	height: 70px;
	width: 896px;
}

#menu1
{
width: 556px;
padding-left: 340px;
background:url(images/menu1.gif) no-repeat;
}

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

#menu ul {
	list-style: none;	
}

#menu li {
	
	display: inline; 
	
}

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

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


.more
{
text-align: right;
}


#logo {

padding-left: 14px;
padding-right: 6px;
padding-top: 2px;	
}


#logo H1 {
	
	text-decoration: none;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
}
#logo H2 a
{
font-size: 12px;
text-decoration: none;
color: #ffffff;
}

#logo_index {

padding-left: 10px;
padding-right: 0px;
padding-top: 2px;
}


#left
{
	padding-left: 10px;
	padding-top: 70px;
	width: 319px;
	
}

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

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

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

#left H3
{
width: 300px;
height: 40px;
font-size: 14px;
font-weight: bold;
padding-left: 19px;
padding-top: 15px;
text-transform: uppercase;
color: #ffffff;
background: url(images/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/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;
}

#right
{
float: right;
width: 540px;
padding-top: 70px;
padding-right: 0px;
}

#bgmobile{
    background: #e5e5e5;
}

#mobile
{
float: none;
margin-left:auto;
margin-right:auto;
width: 540px;
padding-top: 10px;
padding-right: 0px;
}

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

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

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


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

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

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

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


#tableau table {	
	margin-left: auto;
	margin-right: auto;
}

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

.date a {
	color: #23609C;
}


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

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

#footer a {
	color: #ffffff;
}


#tickertape{
position:relative;

layer-background-color:white;
width: 540px;
height:20px;
}

#subtickertape{
background-color:white;
position:absolute;
border: 1px solid black;
width: 540px;
height:20px;
}


.subtickertapefont{
font:bold 12px Verdana;
text-decoration:none;
color:black;
}

.subtickertapefont a{
color:black;
text-decoration:none;
}