body {color: #d9d9d9; min-width: 800px; background-color: #000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} 
html {min-width: 800px;} 
A:hover {color: #006bb6; text-decoration: underline;} 
A:link {color: #006bb6; text-decoration: none;} 
A:visited {color: #006bb6; text-decoration: none;} 
img {border: 0;} 
form {font: 11px/17px Verdana, sans-serif; color: #8E8E8E; border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} 
input, select, textarea {font-weight: normal; background: transparent; color: #006bb6; font: 11px/17px Verdana, sans-serif; margin: 8px 0px 0px 0px;} 
h1 {position: relative; color: #2A2A2A; font: 19px Verdana, sans-serif; padding: 0px 0px 10px 0px; margin: 0px;} 
h2 {position: relative; color: #2A2A2A; font: 11px/17px Verdana, sans-serif; padding: 0px; margin: 0px;} 
p {position: relative; padding: 0px 0px 15px 0px; margin-top: 0px;} 
.trans {background-color: transparent;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.top {vertical-align: text-top;}
.middle {vertical-align: middle;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.smtext {font: 7.5pt/10pt arial;}
.right {float: right;}
.left {float: left;}
.block {display: block;}
.nowrap {white-space: nowrap;}
.bg {background-color: #000; color: #fff;}
.button {display: block; cursor: pointer; background: transparent url(images/bkgrd_button.gif) no-repeat 0px 0px; color: #fff; padding: 5px 10px 15px 13px; margin: 8px 0px; width: 174px; height: 28px; font: 13px Verdana, arial, helvetica, sans-serif;}

fieldset {border:1px solid #A0A0A0; margin: 10px 5px 10px 0px; padding: 10px;} 
legend {background: transparent url(images/icon_mail.gif) no-repeat 4px 3px; color: #304357; padding: 2px 5px 2px 25px; background-color: #F2F2F2; border:1px solid #A0A0A0; font-weight: bold;} 
 
#masterform{margin: 0px 0px 0px 0px; padding: 0px 0px 50px 0px; text-align: left; position: relative;} 
#masterform img {text-align: left; border: 0px;} 
form span.required {color: #0D243B; text-align: left;} 
form label {margin: 0 0px 0 0; padding: 2px;} 
div.row{clear: both; padding: 5px; margin: 0px 0px 0px 0px;} 
 
#masthead {background: transparent url(images/bkgrd_mast.gif) repeat-x 0px 0px; margin: 0px auto 0px auto; padding: 0px 0px 0px 140px; height: 280px; width: 100%;} 
#masthead blockquote {position: absolute; top: 150px; left: 550px; color: #fff; width: 350px; font: bold 17px/22px "Myriad Pro", verdana, arial, helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0 0px 10px;}

.chromestyle {width: 99%; font: 13px arial, sans-serif; padding: 0px; margin: 0px;}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.chromestyle ul {background: transparent url(images/bkgrd_nav.gif) repeat-x 0px 0px; margin: 0px auto 0px auto; padding: 10px 0px 0px 140px; height: 38px; width: 100%; list-style-type: none;}
.chromestyle ul li {display: inline; margin: 0px 0px; padding: 0px 0px;}
.chromestyle ul li.home {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent url(images/icon_home.gif) 5px -8px no-repeat;}
.chromestyle ul li a {color: #fff; padding: 0px 12px; margin: 0px 0px 0px 0px; text-decoration: none; /*THEME CHANGE HERE*/}

.chromestyle ul li a:hover {color: #ccc; /*THEME CHANGE HERE*/}
.chromestyle img {display: inline; margin: 0px; padding: 0px;}
.chromestyle ul li a[rel]:after { /*HTML to indicate drop down link*/
/* content: " " url(images/downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {position:absolute; top: 0px; left: 10px; margin-top: 8px; border: 1px solid #243a6d; /*THEME CHANGE HERE*/ border-bottom-width: 0; font: 10px arial, sans-serif; text-transform: uppercase; z-index:100; background-color: #eeeeee; width: 200px; visibility: hidden;}
.dropmenudiv a {width: 100%; display: block; text-indent: 10px; border-bottom: 1px solid #243a6d; /*THEME CHANGE HERE*/ padding: 4px 0; text-decoration: none; color: #666666;}
.dropmenudiv a:hover { /*THEME CHANGE HERE*/ background-color: #EBF7FF;}

#container {width: 770px; margin: 0px auto 0px 0px; padding: 0px 0px 0px 140px;} 
 
#maincontent {float: left; width: 465px; padding: 20px 50px 30px 0px; margin: 0px 0px 0px 10px;} 
#maincontent A:link {color: #006bb6; text-decoration: none; font-weight: normal;} 
#maincontent A:hover {color: #006bb6; text-decoration: underline; font-weight: normal;} 
#maincontent A:visited {color: #006bb6; font-weight: normal;} 
#maincontent h1 {color: #82a4ba; font: 36px "Impact"; letter-spacing: 1px; padding: 0px 0; margin: 0px 0 6px 0px;}
#maincontent h2 {color: #82a4ba; font: 18px "Impact"; padding: 10px 0px 5px 0px; margin: 0px 0px;} 
#maincontent h3 {color: #fff; font: bold 13px Arial, sans-serif; padding: 10px 0px; margin: 0px 0px;} 
#maincontent p {font: 12px/18px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #d9d9d9; padding: 0px 0px 12px 0px; margin: 0px 0px 0px 0px;} 
#maincontent ul {margin: 0em 1em 0em 2.5em; padding: 0px 0px 10px 0px; list-style: none;} 
#maincontent li {background: transparent url(images/li_bullet.gif) no-repeat 0px 2px; font: 12px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; list-style: none outside; display: block;} 
#maincontent div.hr {height: 1px; width: 465px; padding: 0px; margin: 10px auto 10px auto; background: transparent url(images/hr.gif) no-repeat;}
#maincontent div.hr hr {display: none;}

.hidden {
	display : none;
}

blockquote { display: block; margin: 0px; padding: 5px 50px 5px 50px; font: 10px/12px Verdana; font-family: arial; text-align: justify; color: #666666; background-image: url(images/quote-start.jpg); background-repeat: no-repeat; background-position: top left; }
	.quote { display: block; padding: 5px 15px 10px 0px; background-image: url(images/quote-end.jpg); background-repeat: no-repeat; background-position: bottom right; }

table a, table, tbody, tfoot, tr, th, td, table caption {
                font-family: Verdana, arial, helvetica, sans-serif;
                background:#262b38;
                color:#fff;
                text-align:left;
                font-size:12px;
}
table, table caption {
                border-left:3px solid #567;
                border-right:3px solid #000;
}
table {
                border-top:1px solid #567;
                border-bottom:3px solid #000;
}
table a {
                text-decoration:underline;
                font-weight:bold;
}
table a:visited {
                background:#262b38;
                color:#abc;
}
table a:hover {
                text-decoration:none;
                position:relative;
                top:1px;
                left:1px;
}
table caption {
                border-top:3px solid #567;
                border-bottom:1px solid #000;
                font-size:20px;
                font-weight:bold;
}
table, td, th {
                margin:0px;
                padding:0px;
}
tbody td, tbody th, tbody tr.odd th, tbody tr.odd td {
                border:1px solid;
                border-color:#567 #000 #000 #567;
}
td, th, table caption {
                padding:5px;
                vertical-align:middle;
}
tfoot td, tfoot th, thead th {
                border:1px solid;
                border-color:#000 #567 #567 #000;
                font-weight:bold;
                white-space:nowrap;
                font-size:14px;
}
table a[title^="Preview"] {
                background: url(images/icon_view.gif) no-repeat left;
                padding: 0px 0px 0px 20px;
}
table a[title^="Download"] {
                background: url(images/icon_download.gif) no-repeat left;
                padding: 0px 0px 0px 20px;
}

/**************************************************************

	Lightbox
	v 1.5

**************************************************************/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}


.photos {
	padding: 3px;
	border: 1px solid #fff;
}

a:hover .photos {
	border: 1px solid #999;
}

.lightboxDesc a {
	color: #999999;
	text-decoration: none;
}

.lightboxDesc a:hover {
	color: #000000;
	text-decoration: none;
}

/***************************

	styles for hidden next & previous buttons

***************************/
/*
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 32px;
	outline: none;
}

#lbPrevLink {
	left: 0;
	
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

/***************************

	styles for next & previous buttons as part of footer

***************************/

#lbPrevLink, #lbNextLink {
	display: block;
	width: 63px;
	height: 32px;
	outline: none;
}

#lbPrevLink {
	float: left;
	background: transparent url(images/prevlabel.gif) no-repeat left;
	
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat left;
}

#lbNextLink {
	float: right;
	background: transparent url(images/nextlabel.gif) no-repeat right;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat right;
}

#lbControls {
	display: block;
	height: 32px;
}


/**********************************/


#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	clear: both;
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 0px 0px 0px 0px;
	/*border: 1px solid #000;*/
}

#lbCaption, #lbNumber, #lbDescription {
	margin-right: 71px;
	/*border: 1px solid #000;*/
}

#lbCaption {
	font-weight: bold;
}


.lightboxDesc {
	display: none;
}

/*************************************************************/


#rightcolumn {float: right; width: 180px; padding: 40px 0px 30px 0px; margin: 0px 10px 0px 0px;}
#rightcolumn A:link {color: #82a4ba; text-decoration: none;}
#rightcolumn A:hover {color: #82a4ba; text-decoration: underline;}
#rightcolumn A:visited {color: #82a4ba; text-decoration: none;}
#rightcolumn h3 {padding: 2px 0px; margin: 0px 0px 15px 0px; font: 13px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #fff; border-top: 3px solid #ccc; border-bottom: 1px dotted #ccc; text-transform: uppercase;}
#rightcolumn ul {margin: 0px 0 25px 0; padding: 0; list-style: none; font: 12px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
#rightcolumn li {background: transparent url(images/li_arrow.gif) no-repeat 10px 4px; margin: 0px 0 0px 0; padding: 0px 0px 0px 20px; list-style: none outside; display: block;}
#rightcolumn p {margin: 0px; padding: 0px 0px 12px 0px; font: 12px/15px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #ccc;}
#rightcolumn img {margin: 0px; padding: 0px 0px;}

#footer {clear: both; display:block; margin: 0px 0px 0px 140px; padding: 0px 0px 20px 0px; border-top: 3px solid #243a6d; width: 770px; font: 9px Verdana, arial, helvetica, sans-serif;}
#footer A:link {color: #fff; text-decoration: none;}
#footer A:hover {color: #fff; text-decoration: underline;}
#footer A:visited {color: #fff;}
#footer ul {display:block; text-align: right; padding: 8px 0px 4px 0px; margin:0 0 0 0;}
#footer li {display: inline; margin: 0px 0px 0px 0px; padding: 0px; border: 0;}
#footer p {text-align: right;}
#footer img {padding: 0px 0px 0px 0px;}
#footer .left {padding-top: 8px;}

#extraDivLogo {position:absolute; top: 5px; left: 624px; width: 282px; height: 78px; background: url(images/logo_UFUP.gif) no-repeat; margin: 0px auto 0px 0px; z-index: 2;}