/*
colours:
red: #EE2824
blue: #069eff
grey: #B3B3B3

gradient greys - L to D:
#B3B3B3
#4D4D4D
#1A1A1A
*/

/* === GLOBAL styles === */
* { margin: 0; padding: 0; }
body { font-size: 12px; color: #4D4D4D; background: url(../images/t_bg.gif) repeat-x #ffffff; margin: 0; font-family: helvetica, arial, sans-serif; text-align: center; }
td { font-size: 1em; line-height: 1.5em; color: #4D4D4D; font-family: helvetica, arial, sans-serif; }
p { font-size: 1em; line-height: 1.5em; color: #4D4D4D; font-family: helvetica, arial, sans-serif; margin: 0 429px 1.5em 38px; }
ul, ol { font-size: 1em; line-height: 1.5em; color: #4D4D4D; font-family: helvetica, arial, sans-serif; margin: 0 419px 1.5em 38px; list-style: none none; }
img { border: 0; }

/* === PAGE LAYOUT === */
#container { position: relative; width: 1000px; margin-left: auto; margin-right: auto; background: url(../images/t_bgContainer.gif) repeat-y; }
#content { position: relative; width: 998px; margin:0 0 0 1px; text-align: left; background: #ffffff;} /* background: #ffffff; */
#header { top: 0px; height: 91px; background: url(../images/t_bannerBG.gif) repeat-x #ffffff; }
#colRgt { width:380px; position: absolute; right: 20px; top: 216px; background: url(../images/box_bg_380.gif) no-repeat top;}

a { color: #cc0000; text-decoration: underline; font-weight: normal; }
a:link { color: #cc0000; text-decoration: underline; font-weight: normal; }
a:active { color: #cc0000; text-decoration: underline; font-weight: normal; }
a:visited { color: #cc0000; text-decoration: underline; font-weight: normal; }
a:hover { color: #069eff; text-decoration: underline; font-weight: normal; }

h1 { font-size: 24px; line-height: 36px; color: #069eff; font-weight: normal; margin: 18px 419px 9px 38px; }
h2 { font-size: 18px; line-height: 36px; color: #4d4d4d; font-weight: normal; margin: 9px 419px 9px 38px; }
h3 { font-size: 14px; line-height: 18px; color: #069eff; font-weight: normal; margin: 9px 419px 9px 38px; letter-spacing: 0.05em; }
h4 { font-size: 12px; line-height: 18px; color: #000000; font-weight: normal; margin: 9px 419px 9px 38px; letter-spacing: 0.05em; }
h5 { font-size: 12px; line-height: 18px; color: #069eff; font-weight: normal; margin: 9px 419px 9px 38px; letter-spacing: 0.05em; }
h6 { font-size: 12px; line-height: 18px; color: #CC0000; font-weight: normal; margin: 9px 419px 9px 38px; letter-spacing: 0.05em; }

#colRgt p, #colRgt h1,#colRgt h2 { margin: 9px 9px 9px 20px; }
#colRgt h3,#colRgt h4,#colRgt h5,#colRgt h6 { margin: 9px 9px 0 20px; }
#colRgt ul { clear: both; margin: 0 9px 0 20px; }
#colRgt li {  }
#colRgt .photo { margin: 20px 0 0 5px; padding: 5px; background-color: #F4F4F4; border: 1px solid #CDCDCD; }
#colRgt p.caption { text-align: right; color: #8c8c8c; font-style: italic; margin: 0px 10px 0 0px; }
#colRgt li.contactInfo { float: left; }

/* === HOME === */
.h2home { line-height: 27px; }
#homeIntro { width: 398px; }
#homeIntro h1, #homeIntro h2, #homeIntro h3, #homeIntro p { margin: 0 0 9px 38px; }

#contacts { width: 398px; background: url(../images/box_bg_418.gif) no-repeat 0 8px; margin: 9px 0 9px 0; height: 108px; }
#contacts ul { margin: 0; padding: 0 0 0 38px; list-style: none none; }
#contacts li { float: left; padding-right: 30px; }
#contacts p { margin: 0 0 9px 38px; }
#contacts h4 { margin: 0 0 9px 18px; text-align: center; color: #8c8c8c; letter-spacing: 0.05em;}
#contacts h5 { margin: 0 0 0 38px; }

#col-right { width:360px; position: absolute; right: 240px; top: 162px; }
/*#col-photos { width: 240px; position: absolute; right: 0; top: 162px; }*/
#col-photos { width: 240px; float: right; }

/*  version 1
#news { width: 398px; float: right; margin-right: 60px; background: url(../images/box_bg_418.gif) no-repeat 0 8px; }
#news p, #news h4 { margin: 0 0 9px 38px; }
#news h4 { margin: 0 0 9px 18px; text-align: center; color: #8c8c8c; letter-spacing: 0.05em;}
#news h5 { margin: 0 0 0 38px; }*/

#news { width: 360px; background: url(../images/box_bg_360.gif) no-repeat 0 8px; margin-top: 9px; }
#news p, #news h4 { margin: 0 38px 9px 0; }
#news h4 { margin: 0 0 9px 18px; text-align: center; color: #8c8c8c; letter-spacing: 0.05em;}
#news h5 { margin: 0 0 0 38px; clear: both; }
#news img { float: left; margin: 4px 10px 9px 38px; border: solid 1px #8c8c8c;}
#news a { text-decoration: none; color: #4d4d4d; display: block; }
#news a:hover { text-decoration: underline; color: #069eff; }
#news img.bullet { float: none; margin: 0; border: 0px;}

.boxesHome ul { margin: 0; padding: 0; list-style: none none; }

#photoHome1 { position: absolute; right: 40px; bottom: 126px; }
#photoHome2 { position: absolute; right: 40px; bottom: 0px; }
.photos-home { margin: 0 0 9px 2px; }
.photos-home-border { margin: 0 0 9px 2px; padding: 10px; border: solid 1px #cdcdcd; background-color: #f6f6f6; }
.logo-home { margin: 20px 0 10px 20px; }
.sponsor-home {margin-left: 38px;}
.sponsor-home2 {margin-left: 10px;}

#sponsors {margin: 36px 0 18px 36px; width: 538px;}
.sponsor {margin-left: 40px; }
.sponsor-cent {margin: 9px 100px 18px 160px; }
p#sponsor-p {margin: 18px 0 9px 80px; font-weight:bold; font-size: 16px; float:left; }

/* === FOOTER === */
div#footer { clear: both; width: 998px; height: 108px; background-color: #000000; color: #FFFFFF; padding: 0; margin: 0 0 0 1px; }
#footer p { font-size: 10px; line-height: 18px; color: #FFFFFF; margin: 24px 38px 24px 38px; padding: 0; }
#footer p.fltLft { float:left; text-align: left; }
#footer p.fltRgt { float:right; text-align: right; }
#footer a, #footer a:link, #footer a:active, #footer a:visited { font-size: 10px; color: #FFFFFF; text-decoration: none; }
#footer a:hover { font-size: 10px; color: #B3B3B3; text-decoration: underline; }

/* === NAVIGATION === */
.navtext { display: none }
#navGlobal { background-color: #000000; height: 17px; position: relative; width: 998px; }
#navGlobal a.ausAss { background: url(../images/m_ausAss.gif) no-repeat center top #000000; left: 1px; position: absolute; width: 325px; height: 16px; }
#navGlobal a.ausAss:visited { background: url(../images/m_ausAss.gif) no-repeat center top #000000; left: 1px; position: absolute; width: 325px; height: 16px; }
#navGlobal a.ausAss:active { background: url(../images/m_ausAss.gif) no-repeat center top #000000; left: 1px; position: absolute; width: 325px; height: 16px; }
#navGlobal a.ausAss:hover { width: 325px; background-position: 0px -16px; background-color: #B3B3B3; }
#navGlobal a.ausFleet { background: url(../images/m_ausFleet.gif) no-repeat center top #000000; left: 720px; position: absolute; width: 117px; height: 16px; }
#navGlobal a.ausFleet:visited { background: url(../images/m_ausFleet.gif) no-repeat center top #000000; left: 720px; position: absolute; width: 117px; height: 16px; }
#navGlobal a.ausFleet:active { background: url(../images/m_ausFleet.gif) no-repeat center top #000000; left: 720px; position: absolute; width: 117px; height: 16px; }
#navGlobal a.ausFleet:hover { width: 117px; background-position: 0px -16px; background-color: #B3B3B3; }
#navGlobal a.intAss { background: url(../images/m_intAss.gif) #000000 no-repeat center top; left: 842px; position: absolute; width: 155px; height: 16px; }
#navGlobal a.intAss:visited { background: url(../images/m_intAss.gif) no-repeat center top #000000; left: 842px; position: absolute; width: 155px; height: 16px; }
#navGlobal a.intAss:active { background: url(../images/m_intAss.gif) no-repeat center top #000000; left: 842px; position: absolute; width: 155px; height: 16px; }
#navGlobal a.intAss:hover { width: 155px; background-position: 0px -16px; background-color: #B3B3B3; }

#navMain { height: 54px; padding: 0; width: 998px; background: url(../images/mm_bg.gif) repeat-x;}
#navMainPad { height: 54px; padding: 0 0 0 39px; background: url(../images/mm_bg2.gif) repeat-x bottom;}
#navMain a.navBut, #navMain a.navBut:visited, #navMain a.navBut:active {
	display: block; 
	z-index: 3; 
	background: url(../images/mm_but.gif) no-repeat; 
	width: 180px;
	height: 36px; 
	float: left;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 15px;
	line-height: 36px;
	text-align: center; }
#navMain a.navBut:hover { width: 180px; background-position: 0px -36px; float: left; color: #cc0000; }
#navMain a.navON { width: 180px; background-position: 0px -36px; float: left; color: #069eff; }
#navMain a.navON:visited { width: 180px; background-position: 0px -36px; float: left; color: #069eff; }
#navMain a.navON:active { width: 180px; background-position: 0px -36px; float: left; color: #069eff; }

#navMain a.navButH, #navMain a.navButH:visited, #navMain a.navButH:active {
	display: block; 
	z-index: 3; 
	background: url(../images/mm_but_h.gif) no-repeat; 
	width: 58px;
	height: 36px; 
	float: left;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 15px;
	line-height: 36px;
	text-align: center; }
#navMain a.navButH:hover { width: 58px; background-position: 0px -36px; float: left; color: #cc0000; }

#navMainBot { height: 18px; background-color: #b3b3b3; }


.clear { clear: both; }

#logo-nationals { position: absolute; right: 40px; top: 21px;}
#logo-page { position: absolute; left: 378px; top: 170px; height: 190px; width: 115px;}

/* === CONTENT - PHOTO GALLERY === */
#thumbnail-list { margin: 0 0 20px 38px; width: 578px; }
#thumbnail-list img { float: left; margin: 0 10px 9px 0; padding: 5px; border: solid 1px #cdcdcd; background-color: #f5f5f5; }

/*=== map ===*/
#map-info { position: absolute; right: 60px; top: 198px; width: 358px; }
#map-info h2 { margin-left: 0; margin-right: 0; }
#map-info p { margin-left: 0; margin-right: 0; }
#map { width: 358px; border:1px solid #4d4d4d; }
#mapRacecourse { width: 538px; border:1px solid #4d4d4d; margin-left: 38px; }
#map-text { padding: 0; margin: 0; }

#list-accom { position: relative; }
#list-accom h3 { margin-left: 0; margin-right: 0; margin-bottom: 0; }
#list-accom .phone { position: absolute; left: 250px; }
#list-accom a { position: absolute; left: 350px; }

#list-program { position: relative; }
#list-program .program { position: absolute; left: 150px; color: #8c8c8c; }

/*=== news and media ===*/
#list-news { width: 398px; }
#list-news ul { margin: 0 0 1.5em 0; }
#list-news h5 { clear: both; margin: 0 0 0 38px; }
#list-news p { margin: 0 0 9px 0; }
#list-news a { text-decoration: none; color: #4d4d4d; display: block; }
#list-news a:hover { text-decoration: underline; color: #069eff; }
#list-news img { float: left; margin: 4px 10px 9px 38px; border: solid 1px #8c8c8c;}
#list-news img.bullet { float: none; margin: 0; border: 0px;}

.link-name {
    color: #8D8D8D;
    font-style: italic;
}
.dateShort { color:#B3B3B3; font-style:italic; text-align: right; display: block; float: right; }

#colRgtNews { width:550px; position: absolute; right: 20px; top: 216px; background: url(../images/box_bg_550.gif) no-repeat top;}
#colRgtNews p, #colRgtNews h2 { margin: 9px 9px 9px 20px; }
#colRgtNews h4 { margin: 9px 9px 18px 20px; }
#colRgtNews ul { clear: both; margin: 0 9px 0 20px; }
div#newsPic1 { float: right; margin: 9px 15px 18px 5px; width: 330px; }
div#newsPic2 { float: left; margin: 9px 0 18px 20px; width: 330px; }
p.captionBody { color: #8D8D8D; margin: 0; padding: 0; float: right; font-size: 11px; font-style: italic; text-align: right; }
#newsPic1 img, #newsPic2 img { background-color: #F4F4F4; border: 1px solid #CDCDCD; padding: 5px; }
span.date { color: #8D8D8D; font-style:italic; text-align: right; width: 49%; display: block; float: right;}
span.author { color: #8D8D8D; font-style: italic; width: 49%; float: left;}

#colNewsFeed { width: 720px; margin-left: 38px; }
#colRgtMedia { width:200px; position: absolute; right: 20px; top: 216px; background: url(../images/box_bg_200.gif) no-repeat top;}
#colRgtMedia p, #colRgtMedia h2 { margin: 9px 9px 9px 20px; }
#colRgtMedia h4 { margin: 9px 9px 18px 20px; }

ul.list { margin: 0.5em 419px 18px 38px; list-style: none none; }
.list li { margin-bottom: 0.5em; line-height: 18px; background: url(../images/bullet.gif) 0 0.3em no-repeat; padding-left: 10px; }

.note { color: #069eff; }
.ital { font-style:italic;}

.photo-left { float: left; margin: 0 10px 9px 0px; border: solid 1px #8c8c8c;}
.photo-right { float: right; margin: 18px 10px 9px 10px; border: solid 1px #8c8c8c;}

ul.list-photo { margin: 0.5em 419px 18px 228px; list-style: none none; }
.list-photo li { margin-bottom: 0.5em; line-height: 18px; background: url(../images/bullet.gif) 0 0.3em no-repeat; padding-left: 10px; }