img {behavior: url(/app/templates/default/js/pngbehaviour.htc);} /* for IE6 hooray */

/*body{background:#085f8a;text-align:center; /*** Centers the design in old IE versions ***/}*/
body{background:#ffffff;text-align:center; /*** Centers the design in old IE versions ***/}

#mainContainer{ width:950px;margin:10px auto 0 auto; text-align:left; border:1px solid #005A91;}

/********
HEADER
********/
#header{background:#fff; height:120px;}
#logo{margin:0 0 0 15px; height:95px;}

/********
CSS MENU
********/


/* style the outer div to give it width */
.menu {background:#085f8a; color:#fff; height:25px; width:685px; z-index:100;white-space: nowrap;display:inline-block;}

/* remove all the bullets, borders and padding from the default list styling */
/*.menu ul {padding:0;margin:0;list-style-type:none;height:3em;}*/
.menu ul {padding:0;margin:0;list-style-type:none; width:685px}


/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/*.menu ul li {float:left;height:3em;line-height:3em;}*/
.menu ul li {display:inline-block;float:left;line-height:25px; margin:0px;padding:0px;position:relative;z-index:100}
/*#nav ul li{display:inline; float:left; height:25px; margin:0 25px 0 0; padding:0; position:relative; z-index:5;*/

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;text-align:left;}

/****** TOP LEVEL ******/
/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#000000;padding:0 1em 0 1em;}
/*.menu ul a, .menu ul a:visited {border:solid 1px #b8b4ac;}
.menu li a, .menu li a:visited {border:solid 1px #cbcbcb;}*/


/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#00496C;color:#000000;width:12em;height:100%;line-height:1.2em;padding:0.5em 1em;}
.menu ul table ul a, .menu ul table ul a:visited {width:14em; w\idth:12em;}

/* style the sub level links */
.menu ul ul {margin:1px 0 0 0;}
.menu ul ul li {margin:-13px 0 9pt 0;padding:0;width:auto;height:auto;border:none !important;}
.menu ul ul ul {margin:0 0 0 0px;}
.menu ul ul ul li {margin:-1px 0 0 0;padding:0;width:auto;height:auto;border:none !important;}
.menu ul ul ul ul {margin:0 0 0 0px;}
.menu ul ul ul ul li {margin:-1px 0 0 0;padding:0;width:auto;height:auto;border:none !important;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute;left:0;top:0;font-size:1em;z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

/****** TOP LEVEL ******/
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#00496C;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#00496C;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#085f8a;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#085f8a;}

/* style the level hovers */

/****** TOP LEVEL ******/ 
/* first */
.menu a:hover {background:url(/app/templates/default/images/nav-over.gif) no-repeat right top #00496c; }
.menu :hover > a {background:url(/app/templates/default/images/nav-over.gif) no-repeat right top #00496c; }

/* second */ /*display:block; height:22px; padding:3px 20px 0 5px;*/
.menu ul ul a:hover {background:#085f8a; }
.menu ul ul :hover > a {background:#085f8a; }

/* third */
.menu ul ul ul a:hover {background:#085f8a; }
.menu ul ul ul :hover > a {background:#085f8a; }

/* fourth */
.menu ul ul ul ul a:hover {background:#085f8a;}


/* 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:3em;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

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


/* 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;height:auto;padding-bottom:3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

a.haschild{background-color:#00496C !important;}
a.haschild :hover{background-color:#085f8a !important;}
:hover > a.haschild{background-color:#085f8a !important;}

/*END CSS MENU*/

#search{background:#085f8a; height:25px; width:265px;}
#search input{border:none; height:19px; margin:1px 0 0 0;}
#search .flag{margin:4px 15px 0 0;}

.text-box{background:#fedc92; width:150px;}
.submit{background:#085f8a; width:55px; color:#fff;}

#breadcrumb{height:25px; text-transform:uppercase;}
#breadcrumb ul li{float:left;margin-left:0;margin-right:1em;}

#subnav ul li a{display:block;font-weight:bold;}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/*IE6 - fix gap between main menu bar and drop-down elements*/
* html .menu ul ul {
top:23px;
t\op:24px; 
}

* html .menu ul ul ul{
top:0px;
t\op:0px; 
}


/*********
BANNER
*********/
/*#content{padding:0 0 30px 0; float:left; background:#fff url(/app/templates/default/images/lines.gif);}*/
/*#content{padding:0 0 30px 0; float:left; background:#fff;}*/

.caption{background:#f4bf4c; height:165px; padding:10px; width:180px;}
.caption p{line-height:18px;}
.flasher{height:185px; width:750px;}

#left-column{
	width:579px;
	padding:20px 20px 0 0;
	margin:0 0 0 20px;
}
#right-column{margin:0 15px 0 0;  width:231px; padding:20px 15px 0 0}

.text-block{border-top:solid 5px; margin:25px -20px 0 200px; padding:10px 0 0 0; width:300px;}
.text-block p{line-height:18px;}

#right-column .text-block{width:200px;}

.left-border{border-color:#ffc551;}
.right-border{border-color:#005984;}

#footer{background:#fff; width:930px; height:50px; padding:10px; clear:left;}



/*****************
2ND LEVEL STYLES
*****************/
#heading-text{padding:10px 0 0 20px;}
#heading-breadcrumb{padding:20px 0 0 20px;   }
#heading-image{padding:10px 0 0 10px; width:520px; }

#left-column ul, #right-column ul{margin:0 0 20px 0}
#left-column li, #right-column li{margin-bottom:5px}

.banner-image{margin-top:-3px;}

.text-section{margin:0 0 40px 0;}
.text-section small{margin-left:5px; font-weight:bold;}
/*************
glideS STYLE
*************/
.flasher ul{list-style:none; position:relative;}
.flasher li{overflow:hidden; width:50px; cursor:pointer; margin:0; padding:0; position:absolute; top: 0; height: 185px; }
#glide01 {left: 0;}
#glide02 {left: 53px;}
#glide03 {left: 106px;}
#glide04 {left: 159px;}
#glide05 {left: 212px; padding:0 0 0 0; width:432px;}
#glide06 {left: 647px }
#glide07 {left: 700px;border:none;}

.glide{border-right:#fff solid 3px;}

#glide01 .imageframe img {margin-left: -158px;}
#glide02 .imageframe img {margin-left: -158px;}
#glide03 .imageframe img {margin-left: -85px;}
#glide04 .imageframe img {margin-left: -100px;}
#glide05 .imageframe img {margin-left: -100px;}
#glide05 .imageframe { padding-left: 100px; }
#glide06 .imageframe img {margin-left: -165px;}
#glide07 .imageframe img {margin-left: -230px;}


/*******************
TOUCH PAD STYLES
*******************/

.touchpad{background:url(/app/templates/default/images/touchpads/blue-mid.gif) left top repeat-x; height:32px; margin:-40px 10px 0 10px; position:relative;}
.touchpad img.right { margin-right: -10px; position:relative;}
.touchpad img.left { margin-left: -10px; position:relative;}

div.greyhr hr {
	display:none;
}
div.greyhr, .greyhr {
	height: 2px;
	color:#ccc;
	background:#ccc;
	display: block;
	margin-bottom: 5px;
}

.left {
float:left;
}