/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

html * {
padding: 0;
margin: 0;
border: 0;
}

.hidden {
    display: none;
}

body { background-color: #021e5d; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

/*<!--[if IE]>
  body {word-wrap: break-word;}
<![endif]-->
*/

/* wrap for contains all for float
-----------------------------------------------------------------------------*/
#wrap { width: 54.625em; margin: 0 auto; }


/* frame contains header, nav, content, sidebar with border outline
-----------------------------------------------------------------------------*/
#frame { margin: 0 auto; background-color: #fff; background-image: url(sidebar-bg.gif); background-repeat: repeat-y; background-position: 44.75em 0; width: 54.5em; border: solid 1px #99add7; margin-top: .5em; }


/* header
-----------------------------------------------------------------------------*/
#header { background-color: #0d3a9e; width: 100%; }

/* navigation
-----------------------------------------------------------------------------
Note: position:relative fixes menu from rendering at bottom of page in IE first time page loads */
#navContainer { position: relative; background-color: #0d3a9e; padding: .20em 0; border-top: 1px solid #99add7; }

/* Remove List Formatting  */
 ul.menu, li.menu {
	list-style-type: none;
 }

#nav {
	position: relative;
	height: 1.375em;
	background: #0d3a9e;
	padding-left: 1em;
}
#nav ul {
	list-style-type: none; 
	font-size: .75em; 
	text-transform: uppercase;
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

#nav ul li {float: left; color: #fff; }
#nav ul li a {display: block; padding-right: 3.25em; padding-top: .3125em; padding-bottom: .3125em; color: #fff; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus { color: #ff0000; }
#nav li a:active, #nav ul li a.active { color: #ff0000; } /* shows on click in IE */

/* Current page Customisations*/
#nav li.menu-current a { color: #ff0000; /*font-weight: bold;*/ text-decoration: none; }
#nav li.menu-parent a { color: #ff0000; }
/*ul.menu .menu-parent:before { content: "(p) " }*/


/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 12em; display: none; text-transform: none; font-size: 90%; }
#nav .menu li ul li {width: 12em; text-align: left; line-height: 1.2em;}
#nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #0D3A9E; color: #fff; }

/* 2nd Child Current page Customisations*/
#nav li ul li.menu-current a {background: #0D3A9E; color: #ff0000; text-decoration: none; }
#nav li ul li.menu-parent a { background: #0D3A9E; color: #fff; }


/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #ff0000; }


/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #000; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* main content - center column
-----------------------------------------------------------------------------*/
#content { width: 42.7em; float: left; padding: 1em; }

/* main content styles 
-----------------------------------------------------------------------------*/
#content h1 { color: #f00; font-size: 1.5em; margin-bottom: .75em; font-weight: normal; }
#content h2 { font-size: .750em; font-weight: bold; }
#content h3 { font-size: .750em; font-style: italic; }
#content h4 { font-size: 1em; }
#content h5 { 
font-size: .0625em;
font-weight: bold;
}

#content p { 
font-size: 0.750em;
line-height: 1.5em;
margin-bottom: .75em;
}

#content a {
color:#006dba;
text-decoration:underline;
}

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

#content hr { width: 100%; height: 1px; border-top: 1px solid #021e5d; margin: 0 0 .5em 0; border-bottom-width: 0; }

#content ul, #content li { list-style-type: disc; }

#content ul { margin-bottom: .75em;  }

#content li { 
font-size: 0.750em;
line-height: 1.5em;
margin-left: 1.125em;
}

#content img {
margin: 0 .75em 0 0;
}

#content .img-rightmargin {
width: 13.585em;
margin-right: 1em;
}

#content .img-nomargin {
width: 13.585em;
margin-right: 0;
}

/* news images - no right margins */

.news-container img { margin-right: 0; }

/* used for captions on Home page */
#content td h6 {
font-size: 0.75em;
font-weight: normal;
margin: .125em 0 .75em 0;
}

.intro-large { font-size: 1.2em; text-transform: uppercase; }

/* tables used for data layout w/ borders, padding */

.grids {
margin-bottom: .75em; font-size: 0.750em;
border-collapse: collapse;
}

table.grids td { vertical-align: top; padding: 0.25em; border: solid 1px black; border-spacing: 0;
}

/* end main content styles 
-----------------------------------------------------------------------------*/

/* sidebar
-----------------------------------------------------------------------------*/
#sidebar { width: 7.75em; float: right; padding-right: 1em; padding-left: 1em; }

#sidebar-content p { 
font-size: 0.750em;
/*line-height: 1.25em;*/
margin-bottom: .75em;
color: #fff;
}

#sidebar-content a {
color: #fff;
}

#sidebar-content a:hover {
color: #ff0000;
}

#sidebar-content img { 
margin: 0 0 .75em 0;
}

#sidebar-content hr { width: 100%; height: 1px; border-top: 1px solid #fff; margin: 0 0 .5em 0; border-bottom-width: 0; }

#search-wrap { margin: 0 0 .2875em 0; }
.search-button { }
.search_string { width: 10em; font-size: 0.675em; padding: .0625em; margin-bottom: .125em; border-color: #999; border-style: solid; border-width: 0.085em; }

#home-sitemap { margin-bottom: .75em; }
#home-sitemap ul { list-style: none; width: auto; }
#home-sitemap li a { color: #6381c5; font-size: 0.625em; display: block; text-decoration: none; text-transform: uppercase; padding-bottom: .75em; }
#home-sitemap li a:hover { color: #fff; text-decoration: none; }

/* sidebar navigation - this is a static menu of the subpages of CAPABILITIES */
#sidebar-nav { margin-bottom: .75em; }

/* Remove List Formattings*/
#sidebar-nav ul, li  {
	list-style-type: none;
 }

#sidebar-nav a { 
color:#6381c5; 
text-decoration:none;
font-size: .75em;
display:block;
padding-bottom: 1em;
height:1%;
}

#sidebar-nav a:hover { 
color:#ff0000; 
text-decoration:none; 
}

#sidebar-nav .menu-current a { 
color:#ff0000; 
text-decoration:none;
}

/* footer
-----------------------------------------------------------------------------*/

#footer { width: 54.625em; margin: 0 auto; color: #99ADD7; margin-top: .25em; }
#footer td, #footer p { font-size: 0.63em; }
#footer a { color: #99ADD7;	text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* Tables 
-----------------------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	/*text-align: left;*/
	font-weight: normal;
	vertical-align: top;
}

/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Image Gallery customization 
-----------------------------------------------------------------------------*/

.gallerystyles {
	font-size: .75em;
}

.gallerystyles td { 
	vertical-align: top; 
	padding-bottom: 1.4em; 
}

/* captcha customization */

.captcha_table {
	font-size: 0.750em;
	margin: 0 0 .75em .5em;
}

.captcha_table input {
	border: solid 1px #999;
	padding: .0625em;
	margin: 0 .5em;
}

/* Search results page customization */

#search-results { font-size: .75em; }

#search-results td { padding-bottom: .25em; }

.search-results-text {
border: .0625em solid #666666;
padding: .0625em;
}

.search-results-button {
 background-color: #CCCCCC;
 border: .0625em solid #666666;
}