/*  CSS */

body	{
	
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	background: #fff url(graphics/pagebg.gif) left top repeat-x;
	
	}
	
#outer{

    width:779px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	
	
	}	
	
#inner	{
  float:left;
    text-align:center;
	color: #333;
	padding: 0;
	margin:0;
	width: 779px;
	
	

	}

.header{
	background:url(graphics/eventsmaingrad-header.jpg) left top repeat-y;
	overflow:hidden;
	float:left;
	/*_height:191px;*/
	width:100%;
}

#banner	{
	FLOAT: left;
	width:767px;
	HEIGHT: 63px;
	color: #333;
	margin: 0 0 0 3px;
	padding: 0;
	
	background: #104685 url(graphics/topbannerbg.jpg) no-repeat;
	
	
	}
	
html>body #banner {
	margin-left: 6px;
}



#search {
	 
	 FLOAT: left;
	 width:  200px;
     \width:  247px;
     w\idth:  200px;  
	
	 padding: 10px 0px 0 10px;
	 margin:0;
	
	 
	 
}


#ads{

float:left;

text-align:left;
w\idth: 767px;
w\idth: 860px;
w\idth: 767px;
height:101px;
\height:101px;
he\ight:101px;
margin:0px 0 0 0;
padding:0 0 0 6px;



}

#pagetitle{


float:left;
text-align:left;
width: 186px;
\width:206px;
w\idth:  186px;
margin:0;
padding:27px 0 0 20px;



}



#pagebody	{
	width:780px;
	float:left;
	 padding: 0 0 0 0;
	margin: 0px 0 0 0;
	border: 0;
	text-align: left;
	color: #444;
	background:  url(graphics/eventsmaingrad.jpg) repeat-y;
	
	
	
	
	}

#maincontent	{
	float: left;
	margin: 0;
	padding: 0 10px 0 7px;
	width: 502px;
	\width: 502x;
	w\idth: 502px;
	


}


#leftcol	{

    width: 230px;
	\width: 230px;
    w\idth: 230px;
    float: left;
	padding: 10px 0 0 10px;
	margin: 0;
	color: #000000;
	text-align:left;
;

	
	}
	

	


#footer {
	
	width:780px;
	margin-left:auto;
	margin-right:auto;
	height:99px;
    \height:99px;
     he\ight:99px;
	background: #999999;
	padding: 7px 0px 2px 0px;
	clear: both;
	background:  #fff url(graphics/eventsfooterbg.jpg) no-repeat;
		
	}

html>#footer	{
	font-size: x-small;
	} 

#footer p	{
    
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	margin: 5px 0;
	padding: 25px 0 0 0;
	color:#fff;
	line-height:15px;
	}

#footer a{
 
color:#223089

}




	/*  Typography */
	
h1, h2, h3, h4, h5, h6	{
	
	font-weight: normal;

	letter-spacing: 1px;
	color:#006599;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	}

	
#maincontent p{

    margin: 5px 0 10px 0;
	padding:0;
	line-height:1.6em;
	font-size:    92%;  
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;

}


#maincontent h1	{
	font-family:Arial, ,Georgia, "Times New Roman", Times, serif;
font-size: 167%;
color:#444;
font-weight:normal;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
    }

 #pagetitle h1	{
	margin: 8px 0 8px 0;
	padding: 0 0 0 0px;
	color:#ffffff;
	display:inline;
	font-family:Arial, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size:   large;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:  x-large;
    }
	
#maincontent ul{

  
	line-height:1.6em;
	font-size:    .7em;  
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif
	    

}



#maincontent a	{
    margin: 11px 0 15px 0; 
	color:#006599;
   
	    
     
    }
	


#maincontent h2, #EnquiryForm h2	{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
color:#17248C;
font-weight:normal;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
     
    }
	

html>#maincontent h2 	{
	font-size:  large;  
	} 
 


#leftcol h1 {
	COLOR: #447CBB;
	font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 5px 20;
	padding:21px 0 5px 19px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:    .8em; 

	

}
#leftcol h2	{
	
	color:#99714D;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold;
	margin-top:4px;
	margin-left:3px;
	line-height:15px;
	font-size:   85%;
	}

	
#leftcol a	{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#0E61AF;
	font-weight:normal
	}




#leftcol p	{
	margin-top:4px;
	margin-bottom:0;
	font-size:    85%;  
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:2px;
	line-height:1.6em; 
	
	
	}

#strapline p{


    color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
    font-size:11px;
	margin:0;
	padding:0px;
}

#strapline a{

    color: #40CFFF;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:    xx-small;  
	voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    x-small;   
}



	/* General links */
	
a:link, a:visited {
	
	text-decoration : none;
	color:#99714D;
	
	}

a:hover {
	
	text-decoration : underline;
	color: #D6593F;
	
	}

a:active {
	
	text-decoration : none;
	color:#99714D;
	
	 
	}
	



	/*  Top Horizontal nav */

#topmenu{

float:left;
padding:8px 0px 10px 5px;
text-align:right




}

#topmenu UL
{
list-style: none;
width:750px; 
margin: 0;
padding: 0 0 0 0;

}

#topmenu LI
{
display: inline;
margin: 0;
padding: 0;


}

/*give this a height of 1em allows IE5.5 to have padding.*/
#topmenu li a{
height:1em;
padding:0 0px 0 18px;}

#topmenu li A
{
 color: #666;
	font-size:.7em;
	text-decoration: none;
	margin: 0;
	padding: 0px 12px 0 12px;
	border-right: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px
}

#topmenu li.last a{
	border-right:none;
}

#topmenu A:hover, #topmenu A:active {  COLOR: #333; text-decoration:underline}


#topmenu A.active:link, #topmenu A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}




/*  Main Horizontal nav */




 #navcontainer{


  /*background: #061943  url(graphics/eventsnavbg2.jpg) 0 0 repeat-x; */
  background:#555;
  float:left;
  width: 767px;
  padding:0px 0 0px 0px;
  margin-left:3px;
overflow:hidden;
  }
  
 html>body #navcontainer {
	margin-left: 6px;
}


  
 #navcontainer ul
{

margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
overflow:hidden;
width:768px;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{


width: 127px;
border-right: 1px solid #777;
padding: 5px 0 4px 0;
margin: 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:2px;

}

#navcontainer ul li a:hover, #navcontainer ul li.selected a
{

color: #fff;
background:#989898;
/*text-decoration:underline;*/
}

#navcontainer a:active
{

color: #fff;
text-decoration: none;
}


#navcontainer li#current a
{
background: #999999;
color: #fff;
}



/*left menu styles*/


	
	
	
#navcontainer2 {
	margin:36px 0 0;
	padding:0 0 0 5px;
	width: 179px;
	\width: 206px;
    w\idth: 179px
	

}

#navcontainer2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer2 li {
margin: 0;
padding: 0;	
display:inline;
	
}

#navcontainer2 a
{
	display: block;
	padding: 2px 0px 2px 20px;
	width: 179px;
	\width: 175px;
    w\idth: 179px;
	/*color: #0E61AF;*/
	color:#444;
	background-color: #fff;
	background-image: url(graphics/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 50%;
	text-decoration: none;
	
	font: 85%  Arial, Helvetica, sans-serif;
	margin: 0px 0 0 0;
	border-bottom:1px dashed #17248C;
	text-align: left;


}

#navcontainer2 a:hover
{

text-decoration: underline;

	

}

#navcontainer2 ul ul li { margin: 0 0 0 0; 
}

#navcontainer2 ul ul a
{
display: block;
padding: 2px 0px 2px 20px;
width: 178px;
color: #0E61AF;
text-decoration: none;
background-color: #fff;
font-size:.7em;
margin: 0px;
background-image:none;
border-bottom:0px dashed #17248C;

}

#navcontainer2 ul ul a:hover
{
color: #17248C;
text-decoration: underline;



}
#navcontainer2 ul li a#current
{
	
	
	font-weight:bold
}
#navcontainer2 ul ul li a#current
{
	
		font-weight:bold;
	background-color: #fff;
}






/* end menu styles*/
	
.imageright {float: right; margin: 3px 0px 10px 15px; border: 0px solid #fff;}	
.imageleft {float: left; margin: 3px 15px 10px 0px; border: 0px solid #000000;}
.imagecentre {float: left; margin: 20px 45px 20px 45px; border: 0px solid #000000;}
#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#leftcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}
			

.clearboth {
	CLEAR: both
}



/* =Generic Forms
----------------------------------------------- */

td input, td textarea, td select, #searchform input, #advsearch input
 {
  font-size:11px;
  margin: 0;
  padding: 1px 0 0 3px

  }
input.text {
	background:#E3DFDB;
	border:1px solid;
	height:20px;
   \height:21px;
    he\ight:20px;
	border-color:#999999;
	color:#000000;
	margin: 0px;
	font-size:12px;
	
  }
.imgbutton {

   vertical-align:top;
   height:23px;
   \height:21px;
    he\ight:23px;
   color:#000000;
   font-family:'Arial',helvetica,sans-serif;
   font-size:11px;
   font-weight:normal;
   background-color:#dddddd;
   border:1px solid;
   border-top-color:#fff;
   border-left-color:#fff;
   border-right-color:#333;
   border-bottom-color:#333;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#dddddd');}


 .img {
  vertical-align:top;
  padding:0;
  margin:0;
  }
form{margin:0px;} 


/*top ads */



#ads .ad {

float:left;
width: 175px;
\width: 190px;
 w\idth: 175px;
padding: 10px 0 0 10px;
margin: 0px 0px 0px 0px;



}


 #ads .ad  h1 {
	COLOR: #fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0px 10px;
	text-transform:uppercase;
	background-image: url(graphics/arrow2.gif);
	background-repeat: no-repeat;
	  background-position: 0px 50%;

	

}
 #ads  .ad  p {

    COLOR: #fff;
    font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 5px;
	padding:0 0 5px 0;
	line-height:15px
	
	
	

}

 #ads .ad  IMG {

    
	margin:0 0 0 0px;
	padding:3px 7px 4px 0;
	


}

 #ads .ad  A {
	 COLOR: #CFC7B1;
}
 #ads .ad  A:hover {
	 COLOR: #CFC7B1;
}

/* Breadcrumbs */

#maincontent #breadcrumbs
{
padding: 5px 0 0 0;
margin: 3px 0 5px 0px;
font-size: 11px;
}
#maincontent #breadcrumbs p

{
font-size: 11px;
padding:0px;
margin: 0px;

}

#maincontent #breadcrumbs a

{
font-size: 11px;
padding:0px;

}

#maincontent #breadcrumbs a:hover

{
	padding:0px;
	font-size:11px;
	COLOR: #1C2B89;
}

.titleBackGround

{
background-color:#fff;
background-image:url(graphics/bg3.jpg);
color:#ffffff


}

#maincontent .titleBackGround h2

{


padding:2px;
font-size:    .95em;  
color:#fff;
font-family:Arial, Helvetica, sans-serif

}
/* News panel in left column */


.news {
	
	PADDING: 0 0 10px 0px; 
	margin-left:4px;
	WIDTH: 200px; 
    BORDER-BOTTOM: #999999 1px dashed; 
	float:left
	
}

 .newstext {
	FLOAT: left; WIDTH: 197px
}
 .newstext P {
	MARGIN: 0px 0px 0px;  COLOR: #777;line-height:17px
}

.newstext P A {
	FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR:#0E61AF; TEXT-DECORATION: none
}
.newstext h2  {
	FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR:#0E61AF !important; TEXT-DECORATION: none;
	
}

.newstext h2 A {
	FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR:#0E61AF; TEXT-DECORATION: none
}
.newstext P A:hover {
	COLOR: #444;
	text-decoration:underline
}


.EnquiryForm
{
	width:520px;	
}
.EnquiryForm input { font-family: Verdana, Arial, Times New Roman; }
.EnquiryForm textarea { font-family: Verdana, Arial, Times New Roman; 
	width: 200px; height: 100px; }

.Questionnaire { border:0px; }
.Questionnaire .heading { font-weight: bold; width: 150px; font-size:12px; }


.EnquiryForm tr td
{
	padding:5px 0px 5px 0px;
}
.EnquiryForm .EnquiryInfo { font-weight:bold; }

.moreInfo
{
	background-color:#FFFFFF;
	font: .75em/1.7em Arial, Helvetica, sans-serif, "Lucida Sans";
	color:#666666;
}

.moreInfo p
{
	text-align:center !important;
	padding:10px 0px 0px 0px;
}

.moreInfo a:link, a:visited, a:hover
{
	color:#223089 ;
}