/*             TOP BANNER   positioning                                            */

#top-banner {
			height: 100px;
			left: 0;
			position: absolute;
			top: 0;
			width: 825px;
			z-index: 1000
}
.highlighted {
	background-color: #FF0;
}



#header {
	
	background-image: url(images/top-banner_bkd.png);	
}

/*MENU*/
#nav {  background: #000; 
		padding-left: 110px;	
}
#header ul {
	list-style: none;
	padding:0;
	margin: 0;
	background: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	
}

#header ul li {
  display: block;
  position: relative;
  float: left;
  background: #000;

}

/* This hides the dropdowns */


#header li ul { display: none; }

#header ul li a {
  display: block;
  padding: 5px 20px 5px 5px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}

#header ul li a:hover { background: #cc0001; }

/* Display the dropdown */


#header li:hover > ul {
  display: block;
  position: absolute;
  
}

#header li:hover li { float: none; }

#header li:hover a { background: #333; }

#header li:hover li a:hover { background: #cc0001; }

#header .main-navigation li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


#header ul ul ul {
  left: 100%;
  top: 0;
}

/* Simple clearfix */



#header ul:before,
#header ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

#header ul:after { clear: both; }










/*            LEFT MENU   positioning                                           */

#left-menu {
			position: absolute;
			top: 120px;
			left: 17px;
			width: 170px;
			height: 500px;
			padding-left: 00px;
			z-index: 2
}
/*            LEFT MENU   content                                    */

/*    left menu   PARAGRAPH         */

#left-menu p {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 70%;
		font-weight: bold;
		line-height: 120%;
		margin-left: 0px;
		margin-top: 3px;
		margin-bottom: 6px;
}

#left-menu p.sitemap {
		font-weight: normal;
		margin-bottom: 12px;
}



/*    left menu LINKS              */

#left-menu a:link {
		color: #CC0000;
		text-decoration: none;
}

#left-menu a:visited {
		color: #CC9999;
		text-decoration: none;
}

#left-menu a:hover {
		background-color: #CC0000;
		color: #FFFFFF;
		text-decoration: none;
}

#left-menu a:active {
		background-color: #CC0000;
		color: #FFFFFF;
		text-decoration: none;
}

/*    left menu  primary HEAD (white on black) */

#left-menu h1 {
			color: #FFFFFF;
			background-color: #000000;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 75%;
			line-height: 175%;
			font-weight: bold;
			margin-left: 0px;
			margin-top: 0px;
			margin-bottom: 12px;
			padding-left: 10px;
}

/* left menu HEAD      LINKS             */

#left-menu h1 a:link {
		color: #FFFFFF;
		text-decoration: none;
}

#left-menu h1 a:visited {
		color: #FFFFFF;
		text-decoration: none;
}

#left-menu h1 a:hover {
		background-color: #000000;
		color: #CC0000;
		text-decoration: none;
}

#left-menu h1 a:active {
		background-color: #000000;
		color: #CC0000;
		text-decoration: none;
}

/*    left menu  HEAD - SECONDARY (black) */

#left-menu h2 {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 65%;
		line-height: 115%;
		font-weight: bold;
		margin-left: 0px;
		margin-top: 20px;
		margin-bottom: 6px;
		padding-left: 10px;
}

/*    left menu  HEAD - SUBSECTION (white on red) */

#left-menu h3 {
		color: #FFFFFF;
		background-color: #CC0000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 75%;
		line-height: 145%;
		font-weight: bold;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 12px;
		padding: 10px;
}

/*    left menu  RULES (black) */

#left-menu p.menu_rule {
		font-size: 20%;
		margin-top: 3px;
		margin-bottom: 3px;
		border-top: 1px solid;
		margin-left: 0px;
}

/*    left menu  SIDEBAR (white type on red) */

#left-menu p.sidebar {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #FFFFFF;
		background-color: #CC0000;
		font-size: 80%;
		font-weight: bold;
		line-height: 120%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 12px;
		padding: 20px;
}

/*    left menu  GREY SIDEBAR (black type on grey) */

#left-menu p.sidebar_gray {
		color: #000000;
		background-color: #EEEEEE;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 70%;
		line-height: 110%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 9px;
		padding: 20px;
}


/*            MAIN CONTENT   positioning                                               */

#main-content {
			height: 500px;
			left: 210px;
			position: absolute;
			top: 120px;
			width: 510px;
			border-left: 1px solid;
			padding-left: 20px;
			z-index: 3
}

/*            MAIN CONTENT                   */

#main-content p {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 75%;
		line-height: 130%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 9px;
}

#main-content p.cia_listing {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 75%;
		line-height: 130%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 24px;
}

#main-content table {
		margin-left: 0px;
}


#main-content td {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 100%;
		line-height: 120%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 2px;
}

#main-content td.td_licenses {
	border-top: .05em #CC0000 dashed;
	border-spacing: .05em;
	font-size: 85%;
	line-height: 90%;
	margin-top: 0px;
	margin-bottom: 0px;

}

#main-content li {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 75%;
		line-height: 125%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 9px;
}

#main-content li.list_3px_bottom {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 75%;
		line-height: 125%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 3px;
}

#main-content li.list_fullsize {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 120%;
		line-height: 125%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 3px;
}


#main-content p.rule {
		font-size: 20%;
		margin-top: 3px;
		margin-bottom: 3px;
		border-top: 1px solid;
		margin-left: 0px;
}

#main-content p.rule_red {
		color: #CC0000;
		font-size: 20%;
		margin-top: 3px;
		margin-bottom: 3px;
		border-top: 1px solid;
		margin-left: 0px;
}

#main-content p.horizrule {
		font-size: 20%;
		margin-top: 18px;
		margin-bottom: 9px;
		border-top: 1px solid #CC0000;
		margin-left: 0px;
}


#main-content p.copyright {
		color: #000000;
		font-family: Tahoma, sans-serif;
		font-size: 60%;
}

#main-content p.highlight {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #FFFFFF;
		background-color: #CC0000;
		font-size: 75%;
		font-weight: bold;
		line-height: 125%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 12px;
		padding: 20px;
}


/*         HEADERS                                                       */

h1 {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 115%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 18px;
		font-weight: bold;
}


h2 {
		color: #CC0000;
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 105%;
		line-height: 120%;
		margin-left: 0px;
		margin-top: 18px;
		margin-bottom: 18px;
}

h3 {
		color: #000000;
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 95%;
		line-height: 120%;
		margin-left: 0px;
		margin-top: 18px;
		margin-bottom: 12px;
}

h4 {
		color: #CC0000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 90%;
		font-weight: bold;
		margin-top: 18px;
		margin-left: 0px;
		margin-bottom: 12px;
}

h5 {
		color: #CC0000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 85%;
		font-weight: bold;
		margin-top: 18px;
		margin-left: 0px;
		margin-bottom: 12px;
}

/* if there is a second h1 on a page */

h1.h1subsequent {
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 115%;
		margin-left: 0px;
		margin-top: 30px;
		margin-bottom: 12px;
		font-weight: bold;
}


/* have to force left margin for forms to clear border element on div */

form {
		margin-left: 0px;
}

p.small {
		font-size: 70%;
		line-height: 120%;
}

/* style to control size of text field boxes on forms */

input.form_element { 
		font-family: verdana; 
		font-size: 8pt; 
		border:1px solid black;
}

/* styles for terms we'll define using pop-up boxes */

.term {
		border-bottom-width: .025em;
		border-bottom-style: dashed;
		border-bottom-color: #FF0000;
}

.definition {
		font-family: Verdana;
		font-size: 70%;
		margin-top: 0;
		margin-bottom: 6px;
		margin-left: 0;
}

/* ------------------------------------------------- */

/* Milestones styles */
p.milestone {
		font-size: 70%;
		line-height: 120%;
}

p.milestone_head {
		color: #CC0000;
		font-size: 70%;
		font-weight: bold;
		line-height: 125%;
}

p.milestone_year {
		font-size: 75%;
		font-weight: bold;
		line-height: 140%;
		border-top: 1px solid #000000;
		margin-top: 18px;
}


#fullpage {
	margin-right: 10%;
	margin-left: 10%;
}


.left { margin: 0em 0.8em 0.5em 0; float:left; } 
.right { margin: 0em 0pt 0.5em 0.8em; float:right; }

.imageright {
	float: right;
	text-align: right;
	padding-left: 20px;
	padding-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.picture2 {
	padding: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 1.4em;
	font-style: italic;
	text-align: center;
}



.red {
	color: #FF0000;
}
.black {
	color: #000;
}

.ochre {
	color: f5c545;
}


.greyed_out {
  opacity: 0.3; /* Real browsers */
    filter: alpha(opacity = 30); /* MSIE */
}