/* CSS Document */


#doubleRight {					/*middle column layer - below the news*/
	float:left;
	width: 760px;
	position:relative;
	overflow:hidden;

}
#narrowLeft {					/*middle column layer - below the news*/
	float:left;
	width: 200px;
	position:relative;
	overflow:hidden;
	padding-top:240px;

}


#sponsors {					/*middle column layer - below the news*/
	float:right;
	width: 760px;
	position:relative;
	overflow:hidden;
	clear:left;
	margin:10px 0 10px 0;
	text-align:center;

}


/*sub-menu on the left*/
#submenu {
	margin:10px 15px 0 15px;
	float:left;
	position:relative;
	width:160px;
	background:url('subMenuTop.png') top left no-repeat;
}

#submenu ul {
	padding:40px 0 0 0;
	margin:0;
	list-style-type:none;
}
#submenu li {
	padding:2px 5px 2px 10px;
	margin:0;
	border-bottom:#000000 1px dotted;
	display:block;
	background:url('flechaBlue.png') 3px 6px no-repeat;
	background-color:#679fd2;
	color:#ffffff;
}
#submenu li.submenu {
	padding:0;
	margin:0;
	display:block;
	background: none;
	background-color:transparent;
}
#submenu li.last {
	border:0;
}
#submenu a {
	display:block;
	color:#ffffff;
}
#submenu a:hover {
	text-decoration:none;
}
#submenu li:hover, #submenu li.smhover {
	background:url('flecha.gif') 3px 6px no-repeat;
	background-color:#043a6b;
}
#submenu li.submenu:hover, #submenu li.submenu.smhover {
	background-color:transparent;
	background:none;
}

/*ends sub-menu*/


/*white container in all the pages except Main*/

div.allPurposeContainer {					
float:right;
clear: both;
width:760px;
margin:0 0 0 0; /*each number correspondes to top right bottom left*/
}

/* FIR for the top of the layer - round corners*/
div.allPurposeContainer h2 {
margin:0; padding:0;
position:relative;
width:760px; height:31px;
overflow:hidden;
}
div.allPurposeContainer span {
display:block;
position:absolute; right:0; top:0; z-index:1;
width:760px; height:31px;
margin:0; padding:0;
background:url("secondaryTitleTop.png") top left no-repeat;
}

/* middle layer - white background*/
div.allPurpose {
background-color:#ffffff;
margin:0;
width:100%;
position:relative;
}
/* bottom of the layer - round corners and link*/
div.allPurposeContainer p.bottom {
margin:0; padding:0;
position:relative;
width:760px; height:18px;
background:url("whiteBoxBottom.png") top left no-repeat;
display:block;
text-indent:650px;
}
div.allPurpose p {
display:block;
padding: 5px 10px 2px 20px;
margin:0;
}

/*end white container*/

/*image of sponsor*/
img.sponsors {
border: #000000 1px solid;
margin: 10px 30px 10px 30px;
}

/*format of title and date in news article*/


 ul.topic {
border-bottom:#043a6b 1px dotted;
position:relative;
list-style:none;
float:right;
width:740px;
margin:0px 10px 0px 10px;
padding:20px 0 0 0;

}
ul.topic li {
float:right;
color:#679fd2;
margin:0px 10px 0 0px; padding:0;
display:block;
position:relative;
height: 15px;
}
div.allPurpose p.mainTitle {
color:#043a6b;
font-size:14px;
}div.allPurpose p.subTitle {
color:#043a6b;
}
/*article divider*/
.end{
color:#ffcc00;
}
.endright{
color:#ffcc00;
border-top:#000000 1px dotted;
text-align:right;
}
.flash {
text-align:center;
}
/* FIR for the subtitles on supplier page*/
h2.SupplierSubtitle {
margin:0; padding:0;
position:relative;
width:760px; height:32px;
overflow:hidden;
}
h2.SupplierSubtitle span {
display:block;
position:absolute; right:0; top:0; z-index:1;
width:760px; height:32px;
margin:0; padding:0;
}
h2.SupplierSubtitle span.sailtitle {
background:url("suppliersSubTitle.gif") top left no-repeat;
}
h2.SupplierSubtitle span.sparstitle {
background:url("sparsSubTitle.gif") top left no-repeat;
}
h2.SupplierSubtitle span.devnewstitle {
background:url("newsdevSubTitle.gif") top left no-repeat;
}
h2.SupplierSubtitle span.statstitle {
background:url("statsSubTitle.gif") top left no-repeat;
}
h2.SupplierSubtitle span.racenewstitle {
background:url("raceSubTitle.gif") top left no-repeat;
}
ul.ioda {
list-style:none;
padding-right: 20px;
}
ul.ioda li {
background: url('flechaBlue.png') 0 3px no-repeat;
margin-top: 10px;
padding-left:10px;
}
ul.ioda li p {
padding:0;
}ul.ioda li p.year {
color:#043a6b;
}

/*protest*/


/* FIR for the top of the layer - round corners*/


/* middle layer - blue background*/
div.newsIndexBody {
background-color: #679fd2;
margin:0;
width:100%;
position:relative;
}
/* bottom of the layer - round corners and link*/
p.bottomIndex {
margin:0; padding:0;
position:relative;
width:292px; height:17px;
background:url("indexNewsBottom.png") top left no-repeat;
display:block;
text-indent:180px;
}



#protest {
	margin:10px 15px 0 15px;
	float:left;
	position:relative;
	width:160px;
}

/*FIR*/
#protest h2.top {
margin:0; padding:0;
position:relative;
width:160px; height:58px;
overflow:hidden;
}
#protest span.top {
display:block;
position:absolute; right:0; top:0; z-index:1;
width:160px; height:58px;
margin:0; padding:10px 0 0 0;
background:url("images/protestTop.png") top left no-repeat;
}
/*end of FIR*/
/* middle layer - blue background*/
div.protestBody {
background-image: url(images/protestMiddle.png);
background-repeat:repeat-y;
margin:0;
width:100%;
position:relative;
}
/* bottom of the layer - round corners and link*/
p.protestBottom {
margin:0; padding:0;
position:relative;
width:160px; height:26px;
background:url("images/protestBottom.png") top left no-repeat;
display:block;
text-indent:50px;
}



#protest a {
	display:block;
	color:#f00;
}
#protest a:hover {
	text-decoration:underline;
}
#protest p {
	padding-left: 8px;
	padding-right: 8px;
	padding-top:0;
	padding-bottom:5px;
	margin:0;
	color:#666;
}

/*ends protest*/

div.allPurpose h2 {
margin:0; padding:0;
position:relative;
width:760px; height:31px;
overflow:hidden;
}
div.allPurpose span.SISAM {
display:block;
position:absolute; right:0; top:0; z-index:1;
width:760px; height:31px;
margin:0; padding:0;
background:url("SISAM.gif") top left no-repeat;
}