@charset "UTF-8";
/* CSS Document */


/*** ESSENTIAL STYLES ***/

ul#contactNav {
	list-style:none;
	float:right;
	color:#000;
	margin-top:31px;
	margin-right:0;
	padding-right:0;
	padding: 0px 0px 5px 19px;
}

ul#contactNav li {
	display:inline;	
	font-size:17px;
	margin-bottom:5px;
	
	padding-top:4px;
}

ul#contactNav li a {
	text-decoration:none;	
	color:#000;
	font-size:14px;
	padding-right:1px;
}

ul#contactNav li a:hover {
	text-decoration:underline;
}


#mainNav {
	float:right;
	width:900px;
	background:url(../images/mainNav_bkgd.png) no-repeat #000;
}

.nav_size {
	font-size:16px;	
}


ul li li {
	font-size: 15px;
}

.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:			12em; /* 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:			3em; /* 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:			12em; /* 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:			12em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
}
.sf-menu a.main_menu {
	/*border-left:	1px solid #fff;*/
	padding: 		.75em 3.0em;
	text-decoration:none;
	font-size:16px;
}



.sf-menu ul.sub_menu a {
	/*border-left:	1px solid #fff;*/
	padding: 		.75em 1.8em;
	text-decoration:none;
	color:#000;
	text-shadow:1px 1px .2px #ccc;
	background:none;
}

.sf-menu ul.sub_menu a:hover {
	background:url(../images/subnav_arrow.gif) no-repeat 48% 80%;	
}

.sf-menu ul.sub_menu a.pubs {
	/*border-left:	1px solid #fff;*/
	padding: 		.75em 1.01em;
}


.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}

.sf-menu a.top_menu, .sf-menu a,top_menu:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			1.5em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/*background:		url('../images/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*/
}


.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	/*background:		background: url(../images/subnav_bkgd.jpg) bottom left repeat-x #aaa;*/	
	height:		48px; /* Adjust this to adjust the height of the submenu */
	padding-bottom:	2.3em;
	position:		relative;
	width:		900px;
}
.sf-navbar li {
	position:		static;
	color:#fff;
}
.sf-navbar a {
	border-top:		none;
}


.sf-navbar li ul {
	width:			64em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	/*background:		#004398 url(../images/subnav_bkgd.jpg) repeat-x;*/
	position:		relative;
	color:#fff;
}

.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
	text-shadow:1px 1px .2px #000;
}


.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	/*background:		#002b62 url(../images/topnav_bkgd.jpg) repeat-x bottom left;*/                                 /* CHANGE THIS TO CHANGE THE TOP NAV ACTIVE COLOR */
	
	background:url(../images/nav_arrow.gif) no-repeat bottom center;
}



.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	/*background:		#00459e url(../images/subnav_bkgd_hover.jpg) repeat-x;*/ /*SUBNAV ACTIVE BACKGROUND */
	color:#000;
	background:none;

}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	color:#000;
	background:none;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
	/*background:url(../images/subnav_bkgd_hover.jpg) repeat-x bottom left; */                             /* CHANGE THIS TO CHANGE THE SUBNAV ACTIVE BACKGROUND */
	cursor: default;
	background:url(../images/subnav_arrow.gif) no-repeat 48% 80%;
}


/*
----------------HOME TAB NAV STYLES -------------------
*/

UL.tabNavigation {
                    list-style: none;
			  float:left;
                    margin: 10px 0;
                    padding: 0;
			  width:200px;
			  background:#666;
                }

                UL.tabNavigation LI {
                height:100px;
                }

                UL.tabNavigation LI A {
                    display:block;
			  height:100px;
			  width:200px;
                    background-color: #ccc;
                    color: #000;
                    text-decoration: none;
                }

                UL.tabNavigation LI A.selected,
                UL.tabNavigation LI A:hover {
                    background-color: #333;
                    color: #fff;
                }
                
                UL.tabNavigation LI A:focus {
                        outline: 0;
                }

                div.tabs > div {
			    width:680px;
			    height:380px;
			    float:left;
                      padding: 5px;
			    margin:10px 0;
                      border: 5px solid #333;
                }
                
                div.tabs > div h2 {
                        margin-top: 0;
                }

                #first {
                    background-color: #f00;
                }

                #second {
                    background-color: #0f0;
                }

                #third {
                    background-color: #00f;
                }
		    #fourth {
                    background-color: yellow;
                }
/*
---------------- SECTION NAV STYLES --------------------
*/		    
		    
#sectionNav {
	width:180px;
	background:url(../images/subnav_top.jpg) no-repeat;
	padding-top:25px;
}

#sectionNav h2 {
	background:#f3f3f4;
	margin:0;
	padding-bottom:5px;
	text-align:center;
	font-variant: small-caps;
	font-weight:bold;
	border-bottom: groove thin #000;
	
	
}

#sectionNav ul {
	list-style:none;	
	padding-bottom:25px;
	background:#f3f3f4 url(../images/subnav_bottom.jpg) no-repeat bottom;
}


#section_nav ul li {
	padding-left: 10px;
	border-left:#d27b40 solid 1px;
	border-right:#d27b40 solid 1px;
}

#sectionNav ul li a {
	display:block;
	width:170px;;
	height:30px;
	padding:5px 0px 5px 10px;
	line-height:30px;
	font-style:bold;
	text-decoration:none;
	/*text-shadow:1px 1px .2px #CCC;*/
	
}

#sectionNav ul li a.two_line {
	line-height:12px;
	padding-top:10px;
}

#sectionNav ul li a:hover {
	background:url(../images/sidnav_arrow.gif) left center no-repeat;
}

#sectionNav ul li.current a {
	color:#003579;
	width:165px;
	cursor:default;
	font-weight:bold;
	font-size:13px;
	background:url(../images/sidnav_arrow.gif) right center no-repeat;
	border-left:#5c8127 solid 5px;
}

.sf-navbar li li.current { 
	/*background:url(../images/subnav_arrow.gif) no-repeat 48% 86%; BACKGROUND FOR SUB-NAVIGATION */
	background:none;

}


/*
---------------- FOOTER NAV STYLES --------------------
*/

#footer .footer_nav {
	padding-left:110px;
}

#footer .footer_nav a {
	color:#fff;
	text-shadow:#000 .5px .5px .2px;
}

#footer .footer_nav ul {
	float:left;
	width:24%;
	list-style:none;
}

#footer .footer_nav ul li {
	font-size:16px;
	font-weight:bold;
	color:#000;
}

#footer .footer_nav ul li ul {
	padding-top:10px;	
}

#footer .footer_nav ul li ul li {
	padding-bottom:5px;
	font-size:12px;
}

#footer .footer_nav ul ul {
	float: none;
	font-weight: normal;
	width: 100%;
	margin-left:15px;
	
}

ul.legal {
	list-style:none;
}

ul.legal li {
	display: inline;	
}

/*
----------------------- PANES TEST -------------------------
*/

/* navigation */

#nav {	
	width:272px;
}

#nav ul {	
	width:275px;	
	float:left;
}

#nav li {	
	
	width:275px;
	height:100px;
	list-style-type:none;
	background:#fff;
}

#nav li.panel1 a {
	background:url(../images/panel1_btn.png) left bottom no-repeat;
	color:#fff;
}

#nav li.panel1 a.current {
	background:url(../images/panel1_btn.png) no-repeat;
	color:#fff;
	text-shadow:#000 1px 1px 2px;
}


#nav li.panel2 a {
	background:url(../images/panel2_btn.png) no-repeat left bottom;
	color:#fff;
}

#nav li.panel2 a.current {
	background:url(../images/panel2_btn.png) no-repeat;
	color:#fff;
	text-shadow:#000 1px 1px 2px;
}

#nav li.panel3 a {
	background:url(../images/panel3_btn.png) no-repeat left bottom;
	color:#fff;
}

#nav li.panel3 a.current {
	background:url(../images/panel3_btn.png) no-repeat;
	color:#fff;
	text-shadow:#000 1px 1px 2px;
}

#nav li.panel4 a {
	background:url(../images/panel4_btn.png) no-repeat left bottom;
	color:#fff;
}

#nav li.panel4 a.current {
	background:url(../images/panel4_btn.png) no-repeat;
	color:#fff;
	text-shadow:#000 1px 1px 2px;
}

#nav img {
	background-color:#fff;
	border:1px solid #ccc;
	margin:3px 0 5px 27px;
	padding:4px;		
	display:block;
}

#nav strong {
	display:block;		
	font-size:13px;
}

#nav ul li a {
	color:#000;	
	font-size:20px;
 	padding:40px 0 0 10px;
	display:block;
	position:relative;
	word-spacing:-2px;
	height:60px;
	text-decoration:none;
}

/* panes */
#tabs {
	margin-top:10px;	
}

#panes {
	width:625px;	
	height:400px;
	float:right;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;

}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	/*top:20px;
	left:20px;*/
	font-size:14px;
	/*color:#444;*/	
	width:625px; 
}

#panel1 {
	background:url(../images/panel1_bkgd.jpg) no-repeat;
}

#panes object {
	float:left;	
	background:url(../images/panel1_bkgd.jpg) no-repeat;
}

#panes img {
	float:left;
	margin-right:20px;	
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
}

.overlay {
	display:none;
	width:660px;
	padding:20px;
	/*background-color:#F9C;*/
}

ul.anchors {
	list-style:none;
}

ul.anchors li {
	display:inline;	
	width:50px;
	padding:5px 5px 5px 0;
}