/* Main tags */

*{ margin:0; padding:0; }
img { border:0; }
body { width:100%; height:auto; font-family: arial, verdana, sans-serif; margin:0px; font-size:100%;color:#333; background-color:#fff; color:#060e3c;}
p { margin-bottom:1em; }
ul, ol { margin-bottom:1em; list-style-position:inside; }
h1 { font-size:2em; margin:1.25em 0; font-weight:normal;font-family:Georgia, arial; }
h2 { font-size:1.1em; margin:1em 0;  font-family: arial;}
h3 { font-size:1.05em; margin:0.875em 0; font-family:arial;}
h4 { font-size:1.1em; margin:0.75em 0; font-family:arial, verdana;}
h5 { font-size:1em; margin:0.63em 0; font-family:Georgia, arial;}
h6 { font-size:0.875em; margin:0.5em 0; font-family:Georgia, arial;}

a { color:#5a6592;  text-decoration:none; }
a:visited { color:#5a6592;}
a:hover { color:#5a6592; text-decoration:underline; }
a:focus {  }

/* Forms */

div.form { width:530px; height:auto; padding:5px 15px 10px 5px; background-color:#f2f2f2; margin:0 0 10px 0; border:1px solid #ddd; position:relative; }
div.form div{ margin:0 0 30px 0; }
div.form form fieldset h2 { font-size:1.5em; margin:1em 0 1em 0; font-weight:normal; }
div.form form fieldset ol li { list-style-type:none; display:block; margin:10px 0 0 0; }
div.form form fieldset ol li input, select, textarea { display:inline; margin:0 2px 0 2px; }
div.form form fieldset ol li label { display:inline; vertical-align:top; }
fieldset { border:none; }
div.form form fieldset ol li .response { display:inline; position:absolute; left:300px;}
div.form form fieldset ol li .response2 { display:inline; position:absolute; left:320px;}

/* WYSIWYG styles */

.strongText{ font-weight:bold; }
.uppercaseText{ text-transform:uppercase; }
.smallText{ font-size:90%; }

/*Navigations*/
/*#navigation { display:block;width:770px; height:26px;  margin:0 auto 0 auto; font-size:0.875em;  }
#navigation ul li { display:inline; float:left; width:auto; height:auto;}
#navigation ul li a { position:relative; display:block;text-decoration:none; color:#565966; width:auto; height:26px; line-height:26px; padding:0 7px 0 6px; background:url(../../images/button_bg_left.gif) no-repeat left bottom; margin-right:1px; }

*/

/*Changed #navigation ul li a, to solve IE 6 problem*/
#navigation { float:left;display:block;width:808px; height:20px; padding-top:4px; margin:0 auto 4px auto; font-weight:bold; background:#06206b; }
/*#navigation ul li { display:inline; float:left; width:auto; height:auto; border-left:1px solid #99a2c3;}
#navigation ul li a { position:relative; display:inline;float:left;text-decoration:none; color:#fff; height:14px; line-height:16px; padding:0 13px 0 13px;  margin-right:1px; }

#navigation ul li.active a { background-position:top left; }
#navigation ul li.active a span { background-position:top left; }*/

#nav ul { padding:0; margin:0; list-style: none; background-color:#06206b; }
#nav li { float:left; position:relative;color:#fff; text-align:center; height:24px; line-height:24px; padding:0 0 0 5px; }
#nav li a {  display:block; color:#fff; font-size:0.8em}
#nav li ul {position:absolute; left:0; display:none; background-color:#596595;margin-top:20px;}
#nav li ul li { display:block; float:none; text-align:left; line-height:1em; height:auto; padding:0; text-transform:none; width:150px;}
#nav li ul li a { display:block; width:auto; height:auto; padding:5px 12px; text-decoration:none;width:150px;}
#nav li ul li a:hover { text-decoration:underline;}

#nav li > ul {
	top: auto;
	left: auto;
	}

#nav li:hover ul,#nav  li.over ul{ display: block;left:z10px; }

/* Used in the FAQs to hide the answers (which are in <DIV> tags) when the page loads up */
.answer { display:none; }

/* Layout*/
#alert {width:618px; height:22px;line-height:22px;margin-bottom:4px;padding-left:5px;background:#bdc4e1;float:left;color:#030e3c;}
#header  {   display:block; width:100%; height:auto;margin-bottom:6px; }
#header h1 { margin:30px 0 10px 0; width:600px; font-size:1.30em;color:#0a174b;}
#header a img { }
#header a { text-decoration:none; color:#fff; }
#header #logo {width:175px;height:84px;float:left;margin-right:10px;}
#headerright {float:left;width:623px; height:90px;}
#pagewidth { display:block; width:1000px; margin:0 auto 0 auto;  padding-top:10px; position:relative;background:#fff;}
#page { display:block; width:808px; margin:0 auto 0 auto; font-size:0.825em; position:relative;background:#fff;}
#banner {width:808px;margin:0 auto 10px auto;height:124px;float:left;color:#FFF;font-weight:bold;font-size:0.85em;}
#banner a:link, #banner a:visited {color:#FFF;font-weight:bold;}
.panel {width:156px;height:124px; float:left;background:#8e1208;margin-right:7px;}
.panellast {margin:0px;background:#8e1208;width:156px;height:124px; float:left;}
.panel p, .panellast p {margin-left:10px;margin-top:3px;}
#leftcol a:link, #leftcol a:visited {color:#020d3a; text-decoration:none;}
#leftcol a:hover {color:#020d3a;text-decoration:underline;}
#leftcol a.alert {font-weight:bold;color:red;text-decoration:none;}
#leftcol a:hover.alert {font-weight:bold;color:red;text-decoration:underline;}
#leftcol { display:inline; width:156px; float:left;font-size:0.8em; height:auto}
#leftcol h2 { font-size:1.1em; color:#11204b;font-weight:bold;background:#cbd0e6; margin:0; margin-bottom:10px;font-family:arial, verdana;padding:4px 0 4px 4px;}
#leftcol ul {list-style-image:url(../../images/li_arrow.gif) ;list-style:outside;margin-left:12px;}
#leftcol ul li {margin:0.4em 0 0.4em 0;}
#bg {width:auto;background-color:#0c153e;margin:0 auto 0 auto;}
#rightcol { display:inline; width:177px; float:left;font-size:0.8em; height:auto;margin-left:18px;}
#rightcol h2 { font-size:1.1em; color:#11204b;font-weight:bold;background:#cbd0e6; margin:0; font-family:arial, verdana;padding:4px 0 4px 4px;}
#rightcol p {margin:0.4em 0 0.4em 0;}
#maincontent {display:inline;float:left;width:630px;margin-left:22px;font-size:0.85em;}
#content {display:inline;float:left;width:435px;margin-left:22px;font-size:0.85em;}
#content h2, #maincontent h2 {margin-top:0;color:#11204b;}
#content .homepanel {float:left;margin-left:2px;margin-right:3px;width:256px;height:175px;margin-right:40px; }
#content .homepanel h2 {font-size:1.1em; color:#596595; margin:0;font-weight:bold;margin-bottom:3px; font-family:arial, verdana;border-top:1px dashed #b8bdda;border-bottom:1px dashed #b8bdda; padding:4px 0 4px 0;}

#content .cta { padding: 5px 20px 5px 5px; background:url(../../images/cta_arrow.gif) no-repeat right;}
#content .back { padding: 5px 0px 5px 15px; background:url(../../images/back_arrow.gif) no-repeat left;}
#content .item-img {float:right;padding-left:10px;}
#content .bottomsect {margin-left:2px;background:url(../../images/intro_bg.gif) no-repeat top; background-color:#435298; width:509px; padding:10px; position:relative;}
#content .bottomsect img { border:5px solid #b7b7b7; }
#content .bottomsect a {color:#fff; text-decoration:none;}
#content .bottomsect p {color:#fff;}
#content .bottomsect a:hover {text-decoration:underline;}
#content .bottomsect span {background-color:#ca1b65;font-size:0.775em;padding:0 2px 0 2px;}

#featurenews{background:url(../../images/feature-bg.gif) no-repeat top;width:342px;height:237px;margin-left:2px;padding:70px 50px 30px 25px;}
#featurenews a:link, #featurenews a:visited {color:#11204b;}
#news {}
#footer {background:url(../../images/footer-bg.gif) no-repeat top #FFF; width:810px; margin:0 auto 0 auto; position:relative; font-size:0.825em;padding-bottom:10px; padding-top:20px;float:left;}
#footer img, #footer-other img { float:right; }
#footer ul, #footer-other ul {margin:0;}
#footer ul li, #footer-other ul li {float:left;list-style-position:outside;list-style:none; border-left:1px solid #000;padding:0 10px 0 10px;margin:0;}
#footer ul li.first, #footer-other ul li.first {border:none;padding:0 10px 0 0;}

#footer-other {background:url(../../images/footer-other.gif) no-repeat top #FFF; width:810px; margin:0 auto 0 auto; position:relative; font-size:0.825em;padding-bottom:10px; padding-top:20px;float:left;}

div.infobox{width:402px;padding:10px 10px 0 10px; margin-left:5px;height:auto;background:#dcdcdc; border:1px solid #4f546c;}

/*Image displayer*/
.imagedisplayer_big{ width:400px; height:300px; float:left;background:#dcdcdc; }
.imagedisplayer_small{  float:left; border:none; margin:6px; }
/*Image displayer*/

#imageSlideshowHolder{ display:block; position:relative; margin:0 auto; height:300px; float:left; }
#imageSlideshowHolder img{ position:absolute; left:0px; top:0px; }

h3.staff {color:#ffffff; background-color:#b8b8b8;font-size:1em; padding:3px;font-weight:bold; }

.dates {float:left;width:190px;display:inline;height:auto;background:#ccc;padding:2px;}
.dates2 {float:left;width:170px;display:inline;height:auto;background:#dcdcdc;padding:2px;}

/* Drop Down Navigation */
.menu {width:808px; height:20px; font-size:0.85em; position:relative; z-index:100;padding:0;margin:0;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:810px; w\idth:809px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul li {float:left;padding:0;margin:0;}
.menu ul ul {width:149px;height:30px;}
/* 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;font-size:11px;text-decoration:none; color:#fff;  height:20px; padding:0 14px 0 14px;margin:0; line-height:19px;}/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {float:left;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#596595 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#bdc4e1;color:#06206b;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#596595;color:#fff}


/* 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:20px;left:0; width:150px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:21px;}

/* position the third level flyout menu */
.menu ul ul ul{left:170px; top:0px; width:150px;}

/* 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 a, .menu ul ul a:visited {background:#596595; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:150px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:148px;}

/* style the top level hover */
.menu a:hover{color:#fff; background:#06206b;}
.menu :hover > a{color:#fff;background:#06206b;}

.menu ul ul a:hover{color:#fff; background:#06206b;}
.menu ul ul :hover > a {color:#fff;background:#06206b;}


/* 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;}

#lightbox{
	background-color:#eee;
	padding: 15px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/overlay.png", sizingMethod="scale");
	}