/* -------------------------------------------------------------------
G L O B A L
---------------------------------------------------------------------- */
*{
	padding:0;
	margin:0;
}
html, body{
	font-size: 100%;
	color: #000;
	text-align:center; 
	background-image:url(../images/bground.jpg);
	background-repeat:repeat-x;
	background-color:#f5ecd7 ;
}

/* -------------------------------------------------------------------
S T R U C T U R E
---------------------------------------------------------------------- */
#wrapper{ 
 	width:750px; 
 	text-align:left; 
 	min-width: 500px;
 	margin-left:auto; 
 	margin-right:auto;
	background:#fff;
	padding:5px;
}
*html #wrapper{
	width:760px;
	w\idth:750px;
}
#outer{
	border:solid #fff 0px; 
	background-color: #fff; /* center column colour */ 
	width: auto;
}

#outertwocolumn{
	border:solid #fff 0px; 
	background-color: #fff; /* center column colour */
}

#inner{
	margin:0; 
	width:100%;
}
#outer>#inner{ 
	border-bottom: 1px solid #fff;
}
#header{
	height:79px;
 	background-color:#ACAFAF;
 	float:left;
}
#header .content{
	padding-bottom:0;/*padding bottom 0 to remove space in IE5 Mac*/ 
}
#leftcol{
	font:1em Verdana, Arial, Helvetica, sans-serif;
	width:179px; 
	float:left; 
	clear:both;
	line-height:10px;
border-right:1px solid #fff;
}
#rightcol{
	font:1em Verdana, Arial, Helvetica, sans-serif;
	width:310px;
	float:right;
	margin-left:1px;
	border-left:1px solid #fff;
}
#rightcol img{
	vertical-align:bottom;
}
#maincol{
	font:1em Verdana, Arial, Helvetica, sans-serif;
 	float: left; 
 	width: 25%; 
 	margin: 0 0px 0 0px;
	background:#223682;
	border-top:1px solid #fff;
}
#main2col{
	font:1em Verdana, Arial, Helvetica, sans-serif;
 	float: left; 
	width:570px;
 	margin: 0 -10px 0 0px;
}
#maincol img{
	vertical-align:bottom;
}
#main2col img{
	vertical-align:bottom;
}
#maincol2 ul {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}
#maincol2 ol {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}
#text_area{
	font:1em Verdana, Arial, Helvetica, sans-serif;
 	float: left; 
 	width: 98%; 
	margin-left: auto;
	margin-right: auto;
 	margin: 2px 4px 5px 2px;
	background:#fff;
	border: 4px solid #e5d9ba;
	padding-top: 5px;
	z-index:4;
}
#footer{
	clear:both;
	width:742px;
	margin-top:15px;
	padding:4px;
	color:#fff;
	background-color:#0c1c56;
	text-align:center;
}

/* -------------------------------------------------------------------
H E A D E R
---------------------------------------------------------------------- */
#logocontainer {
	float:left;
	margin-bottom:-1px;
}
#sitedescription {
	width:570px;
	height:44px;
	color:#fff;
	background:#0C1C56;
	float:right;
	border-bottom:1px solid #fff;
}
#headerimage {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage1 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image1.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage2 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image2.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage3 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image3.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage4 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image4.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage5 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image5.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage6 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image6.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage7 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image7.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage8 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image8.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage9 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image9.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage10 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image10.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage11 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image11.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage12 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image12.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#headerimage13 {
	width:570px;
	height:159px;
	color:#fff;
	background-image:url(../images/header-image13.jpg);
	border-bottom:1px solid #fff;
	float:right;
}
#tagline {
	background:#0c1c56;
float:left;	height:34px;
}
#links {
	background: #223682 left no-repeat;
float:left;	width:310px;
	height:34px;
	text-align:right;
	border-left:1px solid #fff;
}
p.sitedescription{
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	padding: 15px 10px 0px 0px;
	color:#fff;
 	text-align:right;
}

#interactive{
width:250px;
background-color:#C5D8EC;
padding-top:5px;
padding-left:10px;
height:20px;
padding-bottom:5px;}
#interactive a:link{
font-weight:normal;
color:#000000;
text-decoration:none;}
#interactive a:active{
font-weight:normal;
color:#000000;
text-decoration:none;}
#interactive a:visited{
font-weight:normal;
color:#000000;
text-decoration:none;}
#interactive a:hover{
font-weight:normal;
color:#000000;
text-decoration:underline;}

#postcode{
width:260px;
background-color:#E9F1F8;
padding-top:5px;
height:40px;
padding-bottom:5px;}

#postcode form{
margin-top:0px;
padding-left:10px;}
#postcode label{
text-align:left;
font-size:70%;}

/* -------------------------------------------------------------------
R I G H T C O N T E N T
---------------------------------------------------------------------- */
#pagetitlehome{
	width:100%;
	padding:0;
	color:#fff; 
 	background:#0C1C56;
	margin-bottom:10px;
	height: 34px;
	border-top:1px solid #fff;
}
#pagetitlehome img {margin:2px 0 4px 0;padding:0;}
h1.white{
	font: bold 1.0em/1.9em Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4px 0 0 10px;
}
#rightcol ul {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}
#rightcol ol {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

/* -------------------------------------------------------------------
M A I N  C O N T E N T
---------------------------------------------------------------------- */
#pagetitle{
	width:300px;
	height:35px;
	padding:0;
	color:#fff; 
 	background:#2d418a;
	background-image:url(../images/page_title.jpg);
	border-right:1px solid #fff;
	float: left;
	border-top:1px solid #fff;
}
#search {
width: 260px;
background: #fff;
float: right;
padding-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:11px;
color:#000000;
margin-top: 9px;
margin-right: 5px;
}
#greenstrip{
	width:100%;
	padding:0;
	color:#fff; 
 	background: #fff no-repeat top right;
}
#brownbox{
	width:100%;
	border-top:1px solid #fff;
	margin-bottom:20px;
}
#title {
width:100%;
background-color:#FFFFFF;
}

/*Pictures for content items added by Paul and Sam 25/5/2007*/
div.pictureleft, div.pictureright { text-align:center; margin:0;padding:0; border:4px solid #e5d9ba; margin-right:10px; margin-top:6px; margin-left:20px;}
div.pictureleft {float:left;}
div.pictureright {float:right;}
div.pictureleft span { text-align:center; color: black; font-size: 11px; width:150px; }
div.pictureright span { text-align:center; color: black; font-size: 11px; width:150px; }
div.pictureright2 span { text-align:center; color: black; font-size: 11px; width:150px; }
div.pictureright3 span { text-align:center; color: black; font-size: 11px; width:150px; }


div.pictureleft2, div.pictureright2  { text-align:center; margin:0;padding:4px; border:2px solid #e5d9ba; margin-right:10px; margin-top:2px;margin-bottom:14px; margin-left:8px; font-size:12px;}
div.pictureleft2 img {width:160px;height:100px;border:0px;}
div.pictureleft2 a {font-size:12px;}
div.pictureleft2 {float:left;}
div.pictureright2 {float:right;}

div.pictureright3  { text-align:center; border:2px solid #e5d9ba; margin-right:10px; margin-top:2px;margin-bottom:14px; margin-left:8px; font-size:12px;float:right;width:110px;overflow:hidden;}

div.pictureright3 img {border:1px solid #e5d9ba;height:120px;width:110px;}

#promo {
width:76%;
float:right;
margin-bottom:10px;
margin-top:4px;
}

#contactus {
width:76%;
float:right;
margin-bottom:10px;
margin-top:4px;
border-top:2px solid #9FABFF;
border-bottom:2px solid #9FABFF;
}

#contactus p {
float:left;
padding:4px;
margin-right:5px;
font-size:11px;
}

#contactus a {
font-size:11px;
color:#003399;
}

#promo-inside {
width:262px;
float:left;
margin-right:5px;
height:162px;
background-image:url(../images/promo.jpg);
background-repeat:no-repeat
}

#promo-inside h1 {
padding:10px 10px 4px 10px;
font-size:13px;
color:#0c1c56;
}
#promo-inside p {
font-size:9px;
color:#333333;
}
#promo-inside a {
font-size:9px;
color:#333333;
font-weight:normal;
}
#promo-inside a:hover {
font-size:9px;
color:#003366;
font-weight:normal;
}
#promo-inside img.right {
float:right;
padding:2px 12px 6px 12px;
}
#promo-inside img {
padding: 0px 0px 0px 10px;
}

/* -------------------------------------------------------------------
N A V I G A T I O N
---------------------------------------------------------------------- */
#navcontainer{
padding:0 0 0 0px;
}

#navcontainer ul {
margin:0px;padding:0px;
}

#navcontainer2 ul {
margin:0px;padding:0px;
}

#navcontainer3 ul {
margin:0px;padding:0px;
}

#navcontainer li {
/*height:23px;*/
}


#navcontainer2{

	padding:0 0 0 0px;
}
#navcontainer3{

	padding:0 0 0 0px;
}
ul.nav{
	margin:0;
	
	list-style: none;
	text-decoration:none;
}
ul.nav li{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:1px 5px 1px 10px;
	line-height:1.41em;
	border: 0;
	background: #0C1C56;
	border-top:1px solid #49497C;
}
ul.nav li.noborder{
border-top:none;
}
ul.nav li.members {
background: #6572AB;
border-top:none;
}
.arrow {
	background-image: url(images/navarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 64%;
}
ul.nav li a:link{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
ul.nav li a:visited{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
ul.nav li a:hover{
	color:#9fadde;
}
ul.nav li a:active{
	color:#509F84;
}

/* -------------------------------------------------------------------
N E W S (L E F T C O L U M N)
---------------------------------------------------------------------- */
.newsbox {
	color:#000;
	padding:0 5px 10px 10px;
	width:85%;
}
p.newsdate{
	font: 0.6em/2em Verdana, Arial, Helvetica, sans-serif;
	color: #334482;
	padding:0 0 0 0px;
}
p.newssnippet{
	font: 0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}
p.newstitle{
	font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;
	padding:0;
	margin:0;
	color:#0c1c56;
}
#fixturesbox{
	color:#000;
	padding:0 5px 10px 10px;
}


/* -------------------------------------------------------------------
P A G E - E L E M E N T S
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	padding:0 0 0 10px;
	margin:0;
}
h1{
	font: bold 1.0em/1.9em Arial, Verdana, Helvetica, sans-serif;
	color:#0c1c56;
}
h2{
	font: bold 0.9em/1.9em Arial, Verdana, Helvetica, sans-serif;
	color:#223682;
}
h3{
	font: bold 0.8em/1.9em Arial, Verdana, Helvetica, sans-serif;
	color:#223682;
}
h4{
	font: bold 0.6em/1.9em Arial, Verdana, Helvetica, sans-serif;
	color:#223682;
}
h5{
	font: bold 0.55em/1.9em Arial, Verdana, Helvetica, sans-serif;
	color:#223682;
}
h6{
	font: bold 0.5em/1.9em Arial, Verdana, Helvetica, sans-serif;
	color:#223682;
}
p{
	font: 0.7em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 30px 10px 10px;
}
/*Added by Paul 8/1/2008 for members/detailsedit.php*/
#text_area table tr td {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000;}
/*Added by Paul 10/1/2008 for members/documents.php*/
dd, dt {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000;}

p.white{
	font: 0.6em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 30px 20px 10px;
}
p.black{
	font: 0.6em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:10px 30px 20px 10px;
}
p.admin{
	font: 0.6em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 10px 20px 10px;
}
img.content{
	border: 3px solid #CDCDCD;
}
ul{
	margin-top:0;
	padding-left: 40px;
	padding-bottom:20px;
	list-style: disc;
	color:#000;
}
li{

	padding-left: 0;
	padding-top: 0.9px;

	border: 0;
}
.li2 {
	margin-left: 3px;
color: #EAEAEA;
}

.li2 a {color: #66CC99;}
.li3 {
	padding-left: 30px;
color:#000000;
	font-size: 1.7em;
}

ol{
	margin-top:0;
	padding-left: 45px;
	padding-bottom:20px;
	color:#000;
}
ol li{
	font-size: 1em/1.8em;
	padding-left: 0;
	padding-bottom:5px;
	border: 0;
}
#main2col a{
	font-size: 1em;
	color: #0c1c56;
	text-decoration: underline;
	font-weight: normal;
	}
#text_area a{
	font-size: 1em;
	color: #0c1c56;
	text-decoration: underline;
	font-weight: normal;
	}
#text_area ul {
	margin-top:0;
	padding-left: 40px;
	padding-bottom:20px;
	padding-right: 10px;
	list-style: disc;
	color:#000;
	font-size: 1em;
}
#main2col ul {
	margin-top:0;
	padding-left: 40px;
	padding-bottom:20px;
	padding-right: 10px;
	list-style: disc;
	color:#000;
	font-size: 0.6em;
}
.padding {
margin-left: 20px;
}

img.coursepicture {
	width:225px;
	height:160px;
	margin:8px;
	margin-right: 10px;
}

/* -------------------------------------------------------------------
L I N K S
---------------------------------------------------------------------- */
a{
	font: 0.7em/1.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
a:link{
	color: #0c1c56;
	text-decoration: underline;
}

a:visited{
	color: #D6BF58;
}
a:hover{
	color: #907E2F;
	text-decoration: none;
}
a:active{
	color: #509F84;
}
#rightcol a {
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
}
#righlcol a:hover {
	color:#000000;
}

.print {text-decoration:none;}
.print a {
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	color: #000066;
}
.print a:hover {
	color:#000000;
}
.print img {margin-top:-8px;}

#text_area .print {text-decoration:none;}
#text_area .print a {
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	color: #000066;
}
#text_area .print a:hover {
	color:#000000;
}
#text_area .print img {margin-top:-8px;}

a.footer{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
}
a.footer:hover{
	text-decoration:none;
	color:#b3bfe8;
}
#footer a{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
}
#footer a:hover{
	text-decoration:none;
	color:#b3bfe8;
}
#calendarcontainer{
	width: 155px;
}
#calendar a:link{
	color: #0c1c56;
	background-color: #ffffff;
	padding: 2px;
	padding-left: 3px;
	display: block;
	border-bottom: 1px solid #E7DAB3;
	text-decoration:none;
	font-weight:normal;
}
#calendar a:visited{
	color: #D6BF58;
	text-decoration:none;
	font-weight:normal;
	padding: 2px;
	padding-left: 3px;
	display: block;
	border-bottom: 1px solid #E7DAB3;
}
#calendar a:hover{
	color: #BBA43E;
}
#calendar a:active{
	color: #509F84;
}

/* -------------------------------------------------------------------
T A B L E S
---------------------------------------------------------------------- */
table.racemeetings{
	width:500px;
	font: 0.7em/2em Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 20px 10px;
}

table.racemeetings td{
	color:#000000;
}
table.racemeetings th.head{
	background-color:#C7C5C5;
	padding:3px;
	text-align:left;
}
table.racemeetings tr.greyrow{
	background-color:#E9E9E9;
}
table.racemeetings td{
	padding:3px;
	vertical-align:top;
}
td.bold{
	font-weight:bold;
}
table.facts {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin: 3px;
}
.td1 {
	background-color:#ABB8AB;
}
.td2 {
	background-color:#798E79;
}

/* -------------------------------------------------------------------
F O R M S
---------------------------------------------------------------------- */
form {
	border:0;
	padding:0;
	margin: 0px;
}
input{
	font:11px Verdana, Arial, Helvetica, Geneva, sans-serif; 
	color:#4b4b4b;
}
select{
	font:11px Verdana, Arial, Helvetica, Geneva, sans-serif; 
	color:#4b4b4b;
	font-weight:normal;
	background-color:#fff;
}
textarea{
	font:11px Verdana, Arial, Helvetica, Geneva, sans-serif; 
	color:#4b4b4b;
	font-weight:normal;
	margin:0px;
	background-color:white;
	height:100px;
	border:1px solid #39342A;
}
blockquote{
	width:90%;
	font:11px Verdana, Arial, Helvetica, Geneva, sans-serif; 
	color:#4b4b4b;
	font-weight:normal;
	margin:auto;
	padding:10px;
	border:2px solid #D8E0B6;
}
.submit {
	border: #948339 3px double; 
	background: #D6BF58; 
	color: #fff;
	padding:2px; 
	font:11px Verdana, Arial, Helvetica, Geneva, sans-serif;
	cursor:pointer;
}

/* -------------------------------------------------------------------
M I S C
---------------------------------------------------------------------- */
.clr{
	clear:both;
}
.caption-box {
  width: 220px;
  border: 1px solid #CDCDCD;
  padding:2px;
}
.caption-box img {
  text-align: center;
}
.caption-box p {
  padding: 5px 5px;
  margin: 0;
}

/* -------------------------------------------------------------------
P O P U P   C A L E N D A R
---------------------------------------------------------------------- */
div.calendar {visibility: hidden; position:absolute;}
div.calendar table {background: #18381C; width:250px; color: white; font-size:80%;}
div.calendar th, div.calendar td {text-align: center; border: 1px solid black; padding:0px; margin:0px;}
div.calendar th.calendarmonth {}
div.calendar th.calendararrows {}
#main2col div.calendar th.calendararrows a {color: white;}
div.calendar th.calendardayofweek {}
div.calendar td.calendarinitial {background: white;}
#main2col div.calendar td.calendarinitial a {color: #18381C;}
div.calendar td.calendartoday {background: white;}
#main2col div.calendar td.calendartoday a {color: #18381C;}
div.calendar td.calendarblank {}
div.calendar td.calendarnormal {}
#main2col div.calendar td.calendarnormal a {color: white;background-color:#DDE0FF;}
div.calendar td.calendarclose {}
td.calendarnormal span {border-bottom: 1px solid #CCCCCC;}

/* -------------------------------------------------------------------
B I G   C A L E N D A R
---------------------------------------------------------------------- */

#bigcalendar {background: #fff; width:550px; color: black; font-size:11px; margin: 3px;}
#bigcalendar th, #bigcalendar td {text-align: center; border: 1px solid #CCCCCC; padding:0px; margin:0px;}
#bigcalendar th.calendarmonth {}
#bigcalendar th.calendararrows {}
#main2col #bigcalendar th.calendararrows a {color: black;}
#bigcalendar th.calendardayofweek {}
#bigcalendar td.calendarblank {}
#bigcalendar td.calendarnormal, #bigcalendar td.calendartoday {height: 100px; vertical-align: top; color: black;}
#bigcalendar td.calendartoday {background-color:#DDE3FF;color: navy;font-weight:bold;}
#main2col #bigcalendar td.calendarnormal a, #main2col #bigcalendar td.calendarnormal a:visited {color: black;}
#main2col #bigcalendar td.calendartoday a, #main2col #bigcalendar td.calendartoday a:visited {color: black;}
#bigcalendar td.calendarclose {}
#bigcalendar tr td div {padding: 0 0 2px 0;margin:0;border-bottom:1px solid #CCCCCC;} /*added by Paul 2/3/2008 for multiple events on one day*/




/*Styles for the layer underneath the dynamic map. The width is automatically set by the PHP code.*/
#coursename {
	height: 40px;
	background: #0c1c56;
	color: white;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
}

/* -------------------------------------------------------------------
S E A R C H   
---------------------------------------------------------------------- */

		.search{color:#000000;width:90%;margin-left:10px;font-size:.7em;}
		.highlight { background: #FFFF40; }
		.searchheading { font-size: 1.2em; font-weight: bold; }
		.summary { color:#006600; font-style: italic; } 
		.results { font-size: 100%; }
		.category { color: #000000; }
		.description { font-size: 100%; color: #000000; }
		.context { font-size: 100%;color: #000000; }
		.infoline { font-size: 80%; font-style: normal; color: #000000;}
		.sorting { text-align: right; }
		.result_title { font-size: 100%; }

		.zoom_searchform { font-size: 100%; }
		.zoom_options { font-size: 80%; }
		input.zoom_button {  }
		input.zoom_searchbox {  }
		
		#home_search{
		width: 249px;
		height:30px;
		font-size:.7em;
		padding-top: 5px;
		padding-left:10px;
		background-color: #EEEEEE;
		
		}
		
/* -------------------------------------------------------------------
E N D  O F  S E A R C H   
---------------------------------------------------------------------- */

.img_right{float:right;}

.img_left{clear:both:}
.img_left img {width:200px;height:100px;}

#left2 {border:2px solid #000;}

/* ------------------------------------------------------------------
DROP DOWN NAVIGATION
----------------------------------------------------------------------- */

.menu {}
/* hack to correct IE5.5 faulty box model */
* html .menu {}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {}
/* style the third level hover */
.menu ul ul ul a:hover {}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul { 
margin-top:1px;
}
.menu ul ul a, .menu ul ul a:visited {color:#00335A; height:auto; width:113px;border-bottom:3px solid #003055;border-left:3px solid #003055;border-right:3px solid #003055;padding:4px;background:#EAF0F4;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-align:left;margin-top:-2px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {}

/* style the top level hover */
.menu a:hover {background:#233682;}
.menu ul ul a:hover {background:#BACDDB;color:#00335A;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.links {
float:left;
width:270px;
min-height:180px;
}
.linksleft {
clear:left;
}
.links p {
clear:both;
}
.gdoc {
font-size:120%;
width:300px;
}
.gdoc p {
padding:0 30px 10px 0px !important;
}