/* CSS Document */

/*general definition of tags*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	top:10px;
	left:0;
	bottom: 0;
	
}
a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
div {
background-color: transparent;
}

a.yellow, a.yellow:visited { /*yellow links More Articles*/
color:#ffcc00;
font-weight:bold;
}
a.blue, a.blue:visited { /*blue links title of articles*/
color:#043a6b;
font-weight:bold;
}
a.blue:hover {
color:#679fd2;
}
a.grey, a.grey:visited { /*grey links */
color:#666666;
font-weight:bold;
}
a.grey:hover {
color:#679fd2;
}

a.mainTitle, a.mainTitle:visited { /*blue links title of articles*/
color:#043a6b;
font-weight:bold;
font-size:14px;
}
a.mainTitle:hover {
color:#679fd2;
}


a.indexes, a.indexes:visited { /*list of links of articles in blue box*/
color:#000000;
font-size:11px;
}
a.indexes:hover {
color:#ffffff;
}

a.WhiteHover:hover {
color:#ffffff;
}
img.WithBorder { /*image with borders in news box*/
border:1px solid #000000 ;
float: left;
margin: 0 5px 0 0;
}
.important {
font-weight:bold;
}
.yearCalendar {
font-weight:bold;
font-size:18px;
color:#FFffff;
background-color:#999999;
background-repeat:repeat-x;
text-align:center;
}
a.black, a.black:visited {
color:#000000;
}
img {
border:0;
}
.small {
	font-size: 10px;
}
.attention {
	font-size: 14px;
	color:#FF0000;
}

/*layout */
#container { 		/*outmost layer*/
	width:960px;
	float:left;
	clear: both;
}
#header { /*top horizontal layer with title and menu*/
	width:100%;
	float:left;
	clear: both;
}

#navigation {					/*layer for the menu - inside the header*/
	float:right;
	clear: both;
	width: 100%;

}
#navigationRed {					/*layer for the menu - inside the header*/
	float:right;
	clear: both;
	width: 100%;

}
#clearer {					/*to prevent the content under the menu from moving*/
	clear: both;
}

#columnContainer {					/*container for the three columns below the news*/
	float:left;
	clear: both;
	width: 100%;
	position: relative;

}

#footer { /*bottom horizontal layer*/
	width:100%;
	float:left;
	clear: both;
	margin:10px 0 0 0;
	background:url('footerTop.png') top right no-repeat;
	padding:15px 0 0 0;
}


/* ---start special definitions---*/
/*--starts NAVIGATION MENU BLUE*/
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	height:24px;
	float:right;
}

#nav a {
	display: block;
	color:#ffffff;
	text-align:center;
	padding: 4px 0 4px 0;
	background-color:043a6b;
}
#nav a:hover {
	text-decoration:none;
}
#nav a.current {
	color:#ffcc00;
}
#nav a.current:hover {
	color:#ffffff;
}

#nav li {
	float: left;
	padding:0;
	border-right:#d2b657 dotted 1px;
	background-color:#043a6b;
	height:24px;
}

#nav li.Menuleft {
	width:7px;
	padding:0;
	border:0;
	background-color:transparent;
}
#nav li.Menuright {
	width:7px;
	padding:0;
	border:0;
	background-color:transparent;
}

#nav li.basics {
	width: 54px;
}
#nav li.about {
	width: 85px;
}
#nav li.national {
	width: 132px;
}
#nav li.race {
	width: 130px;
}
#nav li.technical {
	width: 77px;
}
#nav li.develop {
	width: 98px;
}
#nav li.suppliers {
	width: 76px;
		border-right:0;
}
#nav li.team {
	width: 94px;
}





#nav li ul { /*second level of block of lists*/
	position: absolute;
	width: 130px;
	w\idth: 129px;
	left: -999em;
	height: auto;
	z-index:5;
	border-color:#043a6b;
	border-width:3px;
	border-style:solid;
	background-color:#ffffff;
	margin:0;
}
#nav li ul li{ /*second level of list item*/
	width:116px;
	padding:3px 3px 3px 10px;
	background:url('flecha.gif') 3px 9px no-repeat;
	
	height:auto;
	
}

#nav li ul li a{
	width:117px;
	text-align:left;
	color:#043a6b;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background-color:#FFCC00;
}
#nav li:hover li:hover, #nav li.sfhover li.sfhover {
	background:url(flechaBlue.png) 3px 9px no-repeat;
	background-color:#FFCC00;
}
#nav li:hover a.current, #nav li.sfhover a.current {
	color:#FFffff;
}
#nav li.Menuleft:hover, #nav li.Menuleft.sfhover, #nav li.Menuright:hover, #nav li.Menuright.sfhover {
	background-color:transparent;
}


/*ends NAVIGATION MENU*/

/*--starts NAVIGATION MENU red*/
#navRed, #navRed ul {
	padding: 0;
	margin: 10px 0 5px 0;
	list-style: none;
	height:24px;
	float:right;
}

#navRed a {
	display: block;
	color:#043a6b;
	text-align:left;
	padding: 4px 0 4px 8px;
	font-weight:bold;
}
#navRed a:hover {
	text-decoration:none;
	color:#679fd2;
}
#navRed a.news {
	color:#ffffff;
}


#navRed li {
	float: left;
	padding:0;
	/*border-right:#990000 dotted 1px;*/
	height:24px;
	background-image:url('flechaLightBlue.png');
	background-position: 0px 8px;
	background-repeat: no-repeat;
	/*border-bottom:2px #679fd2 solid;*/border-bottom:0px;
	border-left:0;
	border-right:0;
	border-top:0;
}




#navRed li.calendar {
	width: 89px;
}

#navRed li.events {
	width: 108px;
}


#navRed li.results {
	width: 77px;
}

#navRed li.goods {
	width: 60px;
}
#navRed li.library {
	width: 75px;
}

#navRed li.news {
	width: 85px;
	background-image:url(newsButton.png);
	border-bottom:0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left:6px;
}
#navRed li.videos {
	width: 145px;	
}


#navRed li ul { /*second level of block of lists*/
	position: absolute;
	width: 130px;
	w\idth: 129px;
	left: -999em;
	height: auto;
	z-index:5;
	border-color:#043a6b;
	border-width:3px;
	border-style:solid;
	background-color:#ffffff;
	margin:0;
}
#navRed li ul li{ /*second level of list item*/
	width:116px;
	padding:3px 3px 3px 10px;
	background:url('flechaBlue.png') 3px 9px no-repeat;
	border:0;
	height:auto;
	font-size:12px;
	
}

#navRed li ul li a{
	width:117px;
	text-align:left;
	color:#043a6b;
	font-weight:normal;
	padding-left: 0px;
}
#navRed li ul li a:hover{
	color:#043a6b;
}

#navRed li:hover a.superior, #navRed li.sfhover a.superior {
color:#679fd2;
}

#navRed li:hover ul, #navRed li.sfhoverRed ul {
	left: auto;
}

#navRed li:hover li:hover, #navRed li.sfhoverRed li.sfhoverRed {
	background:url(flechaBlue.png) 3px 9px no-repeat;
	background-color: #CccCfF;
	color:#043a6b;
}
#navRed li:hover a.current, #navRed li.sfhoverRed a.current {
	/*color:#ccCcFf;*/
	color:#7cadd8;
}



/*ends NAVIGATION MENU red*/


/* home and contact us buttons on top of news ...*/

.contactus {
display: block;
height:20px;
background:url('contactUsYFlecha.png') 3px left no-repeat;
padding: 6px 10px 0 30px;
color: #043a6b;
font-weight:bold;
margin-top:5px;
position:relative;
float:right;
}
.homelink {
display: block;
height:20px;
background:url('homeYFlecha.png') 3px left no-repeat;
padding: 6px 10px 0 30px;
color: #043a6b;
font-weight:bold;
text-decoration:none;
margin-top:5px;
position:relative;
float:right;
}
.twitter {
display: block;
height:20px;
background:url('twitterYFlecha.png') 3px left no-repeat;
padding: 6px 10px 0 30px;
color: #043a6b;
font-weight:bold;
margin-top:5px;
position:relative;
float:right;
}

.facebook {
display: block;
height:20px;
background:url('facebookYellowFlecha.png') 2px left no-repeat;
padding: 6px 10px 0 35px;
color: #043a6b;
font-weight:bold;
margin-top:5px;
position:relative;
float:right;
}
.rss {
display: block;
height:20px;
background:url('rssLogoY.png') 2px left no-repeat;
padding: 6px 10px 0 35px;
color: #043a6b;
font-weight:bold;
margin-top:5px;
position:relative;
float:right;
}
.newsBlue {
display: block;
height:20px;
background:url('newsBlueFlecha.png') 2px left no-repeat;
padding: 6px 10px 0 35px;
color: #043a6b;
font-weight:bold;
text-decoration:none;
margin-top:5px;
position:relative;
float:right;
}

.track {
display: block;
height:20px;
background:url('trackLogoY.png') 2px left no-repeat;
padding: 6px 10px 0 35px;
color: #043a6b;
font-weight:bold;
text-decoration:none;
margin-top:5px;
position:relative;
float:right;
}

/* FIR for the title INTERNATIONAL OPTIMIST ...*/

#title {
margin:0; padding:0;
position:relative;
width:437px; height:50px;
overflow:hidden;
float:right;
}
#title span {
display:block;
position:absolute; right:0; top:0; z-index:1;
width:437px; height:50px;
margin:0; padding:0;
}



/* end of FIR */

/*starts NEWS box*/



/*boxes in footer to contain information*/
/*container - first box below heading image with round borders*/
#footerContainer {
	margin:0 0 0 45px;
	padding:0;
	float:left;
	position:relative;
	background:url('footerMiddle.png') top left repeat-y;
	color:#cccccc;
}
/*container for three boxes: to prevent them grow wider than the grey box*/
#footerLeftContainer {
	margin:0;
	float:left;
	position:relative;
	width:580px;
}
/* three boxes to the left with grey background*/
#footer1 {
	margin:0;
	padding:0 5px 0 10px;
	float:left;
	position:relative;
	width:150px;
}
#footer2 {
	margin:0;
	padding:0 5px 0 10px;
	float:left;
	position:relative;
	border-right: #cccccc 1px dotted;
	border-left: #cccccc 1px dotted;
	width:200px;
}
#footer3 {
	margin:0;
	padding:0 5px 0 10px;
	float:left;
	position:relative;
}
/*two boxes for the menu*/
#footmenuleft {
	width:160px;
	background-color:#ffd940;
	float:left;
	position:relative;
	margin:0 0 0 15px; 
	padding:0;
}
#footmenuright {
	width:160px;
	background-color:ffd940;
	float:left;
	position:relative;
	margin:0; 
	padding:0;
}

/*menu in footer*/
#footmenuleft ul, #footmenuright ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#footmenuleft li, #footmenuright li {
	padding:2px 5px 2px 10px;
	margin:0px 5px 0 5px;
	border-bottom:#666666 1px dotted;
	display:block;
	background:url('flechaBlue.png') 3px 6px no-repeat;
	color:#666666;
}
#footmenuleft li.last, #footmenuright li.last {
	border:0;
}
#footmenuleft a, #footmenuright a {
	display:block;
	color:#666666;
}
#footmenuleft a:hover, #footmenuright a:hover {
	text-decoration:none;
}
#footmenuleft li:hover, #footmenuleft li.smhover {
	background-color:#ffcc00;
}
#footmenuright li:hover, #footmenuright li.smhover {
	background-color:#ffcc00;
}

/*ends menu in footer*/
/*rounded bottom in footer - only for IE */
#footer p.fbottom {
margin:0 0 0 45px; padding:0;
position:relative;
width:915px; height:18px;
background:url("footerBottom.png") bottom left no-repeat;
display:block;
clear:both;
}.withBorder {
	border: 1px solid #000;
}