/* London 2010 WARR Website Style Sheet */

/* not all the following is necessary or perhaps even useful but I've copied this as a unit */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}

table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { }
blockquote, q {	}
b, strong { font-weight: bold;}
i, em { font-style: italic;}
address { font-style: normal;}

/* end reset styles */



p {font: 16px helvetica, arial, sans-serif;
	color:black;
	}

p.highlight
	{font: 16px helvetica, arial, sans-serif;
	color:black;
	}

a:link.intext, a:visited.intext, a:hover.intext, a:active.intext {text-decoration: none; color: blue; }
a:hover.intext {text-decoration: underline; }


a:link.menu1, a:visited.menu1, a:hover.menu1, a:active.menu1 {font: 12px arial; color:white; text-decoration: none; }
a:hover.menu1 {text-decoration: underline; }

p.menu1 {font: 12px arial;
	color:white;
	}
	
a:link.menu2, a:visited.menu2, a:hover.menu2, a:active.menu2 {font: 14px arial; color:navy; text-decoration: none; font-weight:bold;}
a:hover.menu2 {text-decoration: underline; }

p.menu2 {font: 14px arial;
	color:white;
	
	}
	
h1 {
color:navy;
font-style:normal; 
font-variant:normal; 
font-weight:bold; 
font-size:30px; 
font-family:sans-serif; 
text-align: center;
margin-top:20px;
margin-left:15px;
margin-bottom:00px;
}

h2 {
color:navy;
font-style:normal; 
font-variant:normal; 
font-weight:bold; 
font-size:20px; 
font-family:sans-serif; 
text-align: left;
margin-top:20px;
margin-left:15px;
margin-bottom:30px;
}

h3 {
color:navy;
font-style:normal; 
font-variant:normal; 
font-weight:bold;
font-size:18px; 
font-family:sans-serif; 
text-align: left;
margin-top:20px;
margin-left:0px;
margin-bottom:10px;
}


li.txt  {font: 14px helvetica, arial, sans-serif; list-style-type: disc; color: black; margin-bottom:10px; 
}

table.venues td {padding-right: 0.4em; padding-bottom: 0.5em; text-align: left; vertical-align: top;}


#page {
margin:0 auto;
width: 1000px;
background-color: white;
float: center;
}


#leftcol, #midcol, #restcol, #rightcol {
margin-left: 3px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 5px;
float: left;
background-color: white;
}

#leftcol {
width: 300px;
}

#midcol {
width: 300px;
}

#restcol {
width: 670px;
}

#rightcol {
width: 360px;
text-align: center;
}

#farrightcol {
width: 1px;
height: 400px;
}

#footer {
width: 1000px;
background-color: white;
text-align: center;
color: navy;
}

ul#topmenu {margin: 1px 0 0; width: 1000px; position: relative; font-family: Arial, sans-serif; line-height: 1; font-size: 14px; height: 29px;}
ul#topmenu li {float:left; border-right: 1px solid #c6c6c6; margin: 0;}
ul#topmenu li a {border-left:0px solid #0486a8; border-right:0px solid #0486a8; border-top:3px solid navy; border-bottom:0px solid #0486a8; display: block; text-decoration: none; color: #E3E3E3; text-align: center; font-weight: bold; background: navy ;padding-left:0; padding-right:0; padding-top:6px; padding-bottom:6px}
ul#topmenu li.current a {color: navy; background: white; padding-bottom: 8px; z-index: 30; position: relative;}
ul#topmenu li.over a  {color: blue; background: white; padding-bottom: 8px; z-index: 30; position: relative;}
ul#topmenu li.fade a {padding-bottom: 6px; z-index: 5; position: relative;}
ul#topmenu ul {border-left:0px solid #0486a8; border-right:0px solid #0486a8; border-top:2px solid #0486a8; border-bottom:0px solid #0486a8; display: none; width: 1000px; position: absolute; left: 0; top: 27px; height: 30px; background: white;}
ul#topmenu ul li {height: 12px; margin:0; border: none; padding: 6px 0;}
ul#topmenu ul a {border-left:0px dotted #7c7e83; border-right:1px dotted #7c7e83; border-top:0px dotted #7c7e83; border-bottom:0px dotted #7c7e83; text-align: left; width: auto; white-space: nowrap; margin: 0; background:  !important; color: #f00; font-weight: normal; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}
ul#topmenu ul li:first-child a {padding-left: 10px;}
ul#topmenu ul a:hover {text-decoration: underline;}
ul#topmenu li a:hover {text-decoration: underline;}
ul#topmenu li.current ul a, ul#topmenu li.over ul a {padding-bottom: 0;}
ul#topmenu li.over ul {display: block;}
ul#topmenu li.current ul {display: block;}
ul#topmenu li.fade ul {display: none;}

ul#topmenu ul li.current a {font-weight: bold;}

ul#topmenu li#home {width:120px; height:50px;}
ul#topmenu li.over#home a, ul#topmenu li.current#home a {border-color: navy;}
ul#topmenu li.over#home a, ul#topmenu li#home ul {border-color: navy;}

ul#topmenu li#theevent {width:160px; height:50px;}
ul#topmenu li.over#theevent a, ul#topmenu li#theevent ul {border-color: navy;}

ul#topmenu li#arrangements {width:180px; height:50px;}
ul#topmenu li.over#arrangements a, ul#topmenu li.current#arrangements a {border-color: navy;}
ul#topmenu li.over#arrangements a, ul#topmenu li#arrangements ul {border-color: navy;}

ul#topmenu li#news {width:200px; height:50px;}
ul#topmenu li.over#news a, ul#topmenu li#news ul {border-color: navy;}

ul#topmenu li#supporters {width:160px; height:50px;}
ul#topmenu li.over#supporters a, ul#topmenu li#supporters ul {border-color: navy;}

ul#topmenu li#links {width:175px;  height:50px; border-right: none;}
ul#topmenu li.over#links a, ul#topmenu li#links ul {border-color: navy;}

/* the following block is what the code above looked like originally */
/*
ul#topmenu {margin: 1px 0 0; width: 1023px; position: relative; font-family: Arial, sans-serif; line-height: 1; font-size: 12px; height: 29px;}
ul#topmenu li {float:left; border-right: 1px solid #c6c6c6; margin: 0;}
ul#topmenu li a {border-left:0px solid #0486a8; border-right:0px solid #0486a8; border-top:3px solid #0486a8; border-bottom:0px solid #0486a8; display: block; text-decoration: none; color: #202020; text-align: center; font-weight: bold; background: #fcfcfd url('../images/head/navt1.png') repeat-x bottom left;; padding-left:0; padding-right:0; padding-top:6px; padding-bottom:6px}
ul#topmenu li.current a, ul#topmenu li.over a  {color: #fff; background: #494b53; padding-bottom: 8px; z-index: 30; position: relative;}
ul#topmenu li.fade a {padding-bottom: 6px; z-index: 5; position: relative;}
ul#topmenu ul {border-left:0px solid #0486a8; border-right:0px solid #0486a8; border-top:2px solid #0486a8; border-bottom:0px solid #0486a8; display: none; width: 903px; position: absolute; left: 0; top: 27px; height: 24px; background: #494b53 url('../images/head/navt2.png') repeat-x bottom left;}
ul#topmenu ul li {height: 12px; margin:0; border: none; padding: 6px 0;}
ul#topmenu ul a {border-left:0px dotted #7c7e83; border-right:1px dotted #7c7e83; border-top:0px dotted #7c7e83; border-bottom:0px dotted #7c7e83; text-align: left; width: auto; white-space: nowrap; margin: 0; background:  !important; color: #fff; font-weight: normal; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}
ul#topmenu ul li:first-child a {padding-left: 10px;}
ul#topmenu ul a:hover {text-decoration: underline;}
ul#topmenu li.current ul a, ul#topmenu li.over ul a {padding-bottom: 0;}
ul#topmenu li.over ul {display: block;}
ul#topmenu li.current ul {display: block;}
ul#topmenu li.fade ul {display: none;}
ul#topmenu ul li.current a {font-weight: bold;}
ul#topmenu li#home {width:120px;}
ul#topmenu li#home.over a, ul#topmenu li#home.current a {padding-bottom: 6px;}
ul#topmenu li#accommodation {width:160px;}
ul#topmenu li#accommodation.over a, ul#topmenu li#accommodation ul {border-color: #a058ae;}
ul#topmenu li#attractions {width:180px;}
ul#topmenu li#attractions.over a, ul#topmenu li#attractions ul, ul#topmenu li#shopping.over a, ul#topmenu li#shopping ul, ul#topmenu li#dining.over a, ul#topmenu li#dining ul, ul#topmenu li#culture.over a, ul#topmenu li#culture ul {border-color: #12a7d8;}
ul#topmenu li#events {width:200px;}
ul#topmenu li#events.over a, ul#topmenu li#events ul, ul#topmenu li#entertainment.over a, ul#topmenu li#entertainment ul {border-color: #fcca1b;}
ul#topmenu li#sport {width:160px;}
ul#topmenu li#sport.over a, ul#topmenu li#sport ul {border-color: #0cc291;}
ul#topmenu li#blog {width:180px; border-right: none;}
ul#topmenu li#blog.over a, ul#topmenu li#blog ul {border-color: #FCB843;}
*/