/* set up the body text and background colors appropriately */
body {
	color: black;
	background-color: #ffffcc;
}

/* active and inactive navbar graph item boxes */
.inactive, .active {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	background-color: #cccccc;
	outline-color: black;
	outline-width: 2px;
	outline-style: solid;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: block; /* let the user click in the entire box */
}

/* active boxes are yellow */
.active {
	background-color: #ffff00;
	outline-color: #888800;
	outline-width: 4px;
}


/* all links are not underlined, and instead our outerboxed */
a:link, a:visited, a:active, a:hover
{
	text-decoration: none;
	color: #000000;
	background-color: #eeeebb;
}

/* mouse is hovering over a link, make it glow */
a:hover
{
	color: #cc0000;
	background-color: #ffff00;
}


/* header bits for the body text */
h5,h4,h3,h2,h1,h0 {
	background-color: white;
}

h1 {
	padding-left: 0px;
}
h2 {
	padding-left: 20px;
}
h3 {
	padding-left: 40px;
}
h4 {
	padding-left: 60px;
}
h5 {
	padding-left: 80px;
}

.noindent { 
	padding-left: 0px;
}

.centered {
	text-align: center;
}

/* for the top section */
.toppart{
	background-color: #ffffcc;
}

/* for the title div */
.sectiontitle {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background-color: #000000;
	color: #ffffcc;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
/*
	float: left;
*/
}


/* for tables */
table.vers,table.info {
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	border: 0px;
}

th, td {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

th {
	align: center;
}

tr.vers_hdr,tr.info_hdr {
	/*text-transform: capitalize; */
	background-color: #ffffff;
}

tr.vers_one,tr.info_one { 
	background-color: #ddddaa;
}
tr.vers_two,tr.info_two { 
	background-color: #cccc88;
}

td.info_yes {
	background-color: #ccffcc;
	text-align: center;
}
td.info_no {
	background-color: #ffdddd;
	text-align: center;
}

.textblock {
	text-align: justify;
}


p {
	text-align: justify;
	padding-left: 50px;
	padding-right: 50px;
}

ul {
	padding-left: 1em;
}


ol,ul.outer {
	padding-left: 100px;
	padding-right: 100px;
}


.prevbox, .nextbox {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: yellow;
	background-color: black;
	padding: 5px;
	border: solid 5px #888888;
	display: block; /* let the user click in the entire box */
}

.prevbox {
	float: left;
	text-align: left;
}

.nextbox {
	float: right;
	text-align: right;
}

.prevbox a , .nextbox a {
	color: yellow;
	background-color: black;
}

.prevbox a:hover, .nextbox a:hover {
	color: red;
}

.gal_block {
	border: solid 0px #ffffff;
	background-color: #ddddaa;
	//margin-bottom: 5px;
	//margin-left: 30px;
	//margin-right: 30px;
	//padding-right: 15px;
	margin: 0 30px 5px 30px;
	height: 60px;
}

.gal_img {
//	float: left;
	//width: 80px;
	//height: 60px;
}

.gal_text {
	height: 100%;
	margin: -60px 0 0 80px;
	height: 60px;
	vertical-align: middle;
//	margin-left: 100px;
//	display: table-cell;
}
.gal_p{
	padding-left: 5px;
	padding-right: 0px;
	text-align: left;
	vertical-align: middle;
}

.gal_hdr {
	background-color: #666644;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: large;
	color: white;
	margin-left: 110px;
	margin-right: 30px;
	margin-top: 20px;
	padding: 5px;
	padding-left: 20px;
}


.videoClip{
        align: center;
        text-align:center;
        margin: 10px;
}

.videoClipTitle{
        font-weight: bold;
        padding: 10px;
}

p.warning, p.notice {
	background-color: darkred;
	color: yellow;
	padding: 15px;
	margin: 15px;
	outline-color: red;
	outline-width: 5px;
	outline-style: solid;
	font-weight: bold;
	text-align: center;
}

p.notice {
	background-color: #8888ff;
	color: white;
}