@import url(../../Templates/UI/Css/Layout.css);
/********* GLOBALS *********/

* {margin:0;padding:0}
html, body {
	height: 100%;
}
body {font-family:Arial,SansSerif;}
a img,table {border:0}
dl,ol,ul {list-style:none}

a, input {
outline-color: invert;
outline-style: none;
outline-width: medium;
}

table {border-collapse:collapse}
caption,th,td {text-align:left}
h1,h2,h3,h4,h5,h6,p {margin:.35em 0;}
h1{font-size:1.8em;}h2{font-size:1.4em;}
h1 { color:#0096C9; }
h1 { font-size:1.2em; }
h2 { font-size:1em; color:#fff; }
h3 { color:#0096C9; font-size:1em; }
.sup { position:relative; top:-3px; font-size:.8em;}

/* colors */
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { color:#fff; }

#ctl00_PageWrapper_tdMain a { color:#0096C9; }


/********* LAYOUT *********/

body { margin:0; padding:0; text-align:center; background:#000; }
	#wrap, #ctl00_wrap { width:960px; border:0px solid #fff; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em;  background-color:#000; background:#000;}
		#header { position:relative; background:url(TopBannerBG.gif) right top repeat-y; height:85px; border-bottom:4px solid #000; }
		#header .search { position:absolute; height:78px; right:0px; top:0px; width:300px; background:#000 url(TopBannerSlant.gif) left top no-repeat; }
		#page {  border-top:1px solid #0A95C6; color:#fff; text-align:left; height:100%; margin-top:1px; padding:25px 0 0; /* background:url(ContentTopBG.gif) left 5px no-repeat; */ }
			.partial #page { border-top:none; padding-top:0; }
			#ctl00_PageWrapper_tblContent {  }
			#ctl00_PageWrapper_tblContent a img { border:2px solid #fff ; }
			#ctl00_PageWrapper_tblContent a:hover img { border:2px solid #0096C9; }
			#ctl00_PageWrapper_tblContent td { vertical-align:top; padding-bottom:10px; }
                .main { float:right; margin:20px 0 0 15px;} /* THIS IS THE MAIN IMG */	
				.secondary { width:155px; margin-bottom:1px; margin-top:25px; } /* SIDE COLUMNS */
				#menu { margin:10px 0px 25px 0px;  } /* SUBMENU - MORE STYLES BELOW */
				#extras { width:145px; clear:none; margin:0px 5px; padding:0 0 0 5px; font-size:.8em; }
				    #extras p { margin:10px 0; }
				/* #main { color:#C4C4C4 !important; margin:20px 210px 10px 195px; line-height:1.6em; padding-bottom:15px; font-size:.9em; } */
                #ctl00_PageWrapper_tdMain { width:100%; border-left:1px dotted #fff; border-right:1px dotted #fff; padding:10px 20px; }
				#ctl00_PageWrapper_tdMain p { padding-bottom:10px; }
				#ctl00_PageWrapper_tdMain img { margin-top:5px; }
				#ctl00_PageWrapper_tdMain table td { padding:4px !important; vertical-align:top; }
				#ctl00_PageWrapper_tdMain table td p { padding-top:0px !important; margin-top:0px !important; }
        #footer, #ctl00_footer, .push {
	        height: 4em;
        }
        #footer, #ctl00_footer {
	        background:#000 url(FooterBG.gif) left top repeat-y !important;
	        width:960px;
	        margin:5px auto;
	        position:relative;
	        text-align:center;
	        font-size:.8em;
	        height:60px;
	        color:#fff;
        }

            #footer #footerslant, #ctl00_footer #footerslant { position:absolute; height:54px; left:0px; bottom:0px; width:225px; background:#000 url(FooterSlant.gif) right top no-repeat; }

/*box*/
.boxTitle,
.secondary h4 { background:#efefef; margin:0; color:#fff; }
.secondary h4 a,
.secondary h4 a:visited {color:#fff;}
.secondary .box { _height:1px; padding-bottom:10px; }
.secondary .box .inner { background:transparent; padding:10px 0 0 0; }

#bulletin {  padding:0px; margin-left:25px; background:url(WhiteLineBG.gif) left 23px repeat-x; border-left:1px dotted #fff; border-bottom:1px solid #fff; }
#bulletin p { padding:3px 10px; font-size:.8em; }
/*top*/
#header { position:relative; }
#header .siteHeader { margin:0; padding:25px; }
#header .siteHeader a { color:#fff; }
#header .siteLogo { float:left; padding:0px; margin:45px 5px 0px 25px;}

/*secondary*/
.secondary .uc { margin-bottom:15px; margin-top:10px; }
.uc h4 { background:none; font-size:1em; }
.uc h4 a, .uc h4 a:visited { font-weight:normal; color:#0B2673; }
.uc h4 .current {  color:#0096DB !important; font-weight:bold !important; }

.columns { margin-top:25px; clear:right; }
.columns h2 { font-weight:bold; color:#0096C9 !important; font-size:1em; }
.columns ul a { color:#fff !important; font-weight:bold !important; }
.columns ul li { padding:5px !important; }


.languageMenu { position:absolute; top:5px; right:5px; font-size:.9em; }
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}

.subMenu{ width:175px; border-right:1px solid #ccc; padding:0px 0px 50px 5px; margin-top:0px; }
	.subMenu a { display:block; padding:2px 0; _height:1px; color:#0B2673; }
	.subMenu li {  padding:5px 15px; background:url(submenu_bullet.gif) left 12px no-repeat; }
	.subMenu ul { margin:0 0 5px 15px; padding-top:0px; }
	.subMenu ul li { border-top:none; }
	.subMenu .trail > a { color:#0096DB; }
	.subMenu .current > a { color:#0096DB; font-weight:bold; }
	
/* lists */
.list .a0 { background: #f4f8ed; }
.list { padding-bottom:6px; }
.list .item { padding:5px; }
.list h3 { color:#fff; cursor:pointer; }

/* path */
.path { margin:5px 10px; color:#fff;  }
.path a { color:#fff !important; }
.path .current { color:#333; display:none; }
.path a.current:hover { cursor:default; text-decoration:none; }


#bct { padding:5px 10px; margin:0 250px 10px 0; color:White; background:#00B0E8 url(BCTBackground2.gif) right top repeat-y; border-bottom:1px solid #666; }
#bct a { color:#fff; }
#bct h1 { font-size:17px; font-weight:bold; margin:5px 0 0 10px; color:#fff; }

.printicon { color:#fff !important; background:url(PrintIcon2.png) left 2px no-repeat; padding:5px 0px 10px 25px; position:absolute; top:105px; right:5px; }



/* sitemap */
#ctl00_PageWrapper_tdMain ul { list-style:disc; margin-left:20px; margin-bottom:15px; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/* date */
.date { font-size:x-small; color:#333; display:block; }

/*columns*/
.columns .left { float:left; width:245px; }
.columns .right { float:right; width:245px; }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.8; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:15px;margin-right:5px;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}

#bottomlogos, #ctl00_PageWrapper_bottomlogos {position:relative; text-align:center; margin-top:20px; border-bottom:1px solid #0A95C6; padding-bottom:10px; /* background:url(ContentBottomBG.gif) left bottom no-repeat; */ }
#bottomlogos img, #ctl00_PageWrapper_bottomlogos img { padding:0px 3px; margin:10px 0px; }
.indicators { margin:0 !important; }

#accordion h3 { margin:0px; padding:0px; }
#accordion p { margin:0px; padding:0px; }
#accordion img { border:1px solid #fff; }
#accordion ul { margin-top:10px; }
#accordion h2 { cursor:pointer; }


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em .5em;
	text-decoration:none;
}
.sf-menu ul a { padding:.3em; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu .trail a { color:#0096C9; }
.sf-menu .trail ul a { color:#fff; }
.sf-menu a:hover  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#0096C9;
	text-decoration:underline;
}
.sf-menu .current a { color:#0096C9 !important; }
.sf-menu .current li a { color:#fff !important; }
.sf-menu li {
	z-index:2000;
}
.sf-menu li li {
	
}
.sf-menu li li li {
	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	background:     #121111;
	background:#434243;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}


/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	/*width:	10.5em;*/
	width: 155px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	border:1px solid #0096C9;
	background:#000;
	z-index:1000;
	left:	150px; /* match ul width */
	top:	0;
}

.sf-vertical li:hover ul ul,
.sf-vertical li.sfHover ul ul {
    left: 14.7em !important;
}



/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-vertical ul ul > .sf-sub-indicator { background-position: -5px 0; /* arrow hovers for modern browsers*/ }

/* begin stickyfloat - floating navigation ------------------------- */
.sf_content
{
  width: 155px;   
  padding: 1px 0 0 0;
  position: relative; 
  font-size : .9em;
  z-index:1;
}
/* end stickyfloat - floating navigation ------------------------- */