/* ===== DOM elements ========================================================== */

body {
     font: normal 0.75em Verdana, helvetica, sans-serif;
     margin: 0;
     padding: 0;
     color: #666099;
     background: #336699;
}

table, tr, td {
     margin: 0;
     padding: 0;
     border: 0;
     border-collapse: collapse;

}

td {
     text-align: left;
     vertical-align: top;
}

h1 {
     font-size: 1.7em;
     padding-top: 20px;
     margin-top: 0;
     color: #000099;
}

h2 {
     color: #00c000;
     font-size: 1.5em;
}

h3 {
     color: #00c000;
     font-size: 1.25em;
}

a {
     color: #ff8f00;
     text-decoration: none;
}


a img {
	border: 0;
}

/* ===== Containing tables ===================================================== */

.outer {
	width: 1000px;
     margin: auto;
}

.outer td {
	padding: 20px;
}


.inner {
	width: 100%;
	background: white;
     border: 1px solid #114477;
}

.inner td {
	padding: 0;
}


/* ===== Main enclosing division =============================================== */



#content {
	text-align: justify;
	clear: both;
     display: block;
     padding: 20px 20px 20px 20px;
     line-height: 1.75em;     
     background: #ffffff;
}


.contentSep {
	margin-top: 30px;
	padding: 0;
	border-top: 1px solid #d0d0ff;
	border-bottom: 1px solid #d0d0ff;
	text-align: center;
	color: #a0a0ff;
}



/* ===== Top heading section =================================================== */


#headerImage1 {
     float: left;
     position: relative;
     left: 14px;
     top: 13px;
}

#headerImage2 {
     float: right;
     position: relative;
     right: 15px;
     top: 16px;
}


/* ===== Top nav bar =========================================================== */

.topMenuBar {
     position: relative;
     top: 15px;
	height: 50px;
	margin: 0;	
	padding: 0;
	display: block;
	clear: both;
     background: url('./images/website/topNavBckg.png') repeat-x top left;
}

.topMenuBar form {
	float: right;
	padding: 0;
	margin: -23px 20px 0px 0px;
}


.topMenuBar ul {
     list-style-type: none;
     padding: 20px 0px 0px 10px;
     margin: 0;
}

.topMenuBar ul li {
     display: inline;
     margin: 0px 4px 0px 4px;
}

.topMenuBar ul li a {
	font-size: 1.15em;
	font-weight: bold;
     color: #000099;
}

.topMenuBar ul li a:hover{
     color: #009000;
}

.topMenuBar input {
	font-size: 1.0em;
	border: 1px solid #000099;	
}

.topMenuBar input a {
	border: 0;
}


/* ===== Size selectors ======================================================== */

.size1 a {
     font-size: 10pt;
     padding-left: 5px;
     padding-right: 5px;
     color: #000099;
}

.size2 a {
     font-size: 12pt;
     padding-right: 5px;
     color: #000099;
}

.size3 a {
     font-size: 16pt;
     padding-right: 5px;
     color: #000099;
}



/* ===== Breadcrumb ============================================================ */

.breadcrumbDiv {
	display: block;
	padding: 10px 0px 0px 0px;
	font-size: 1.10em;
	font-weight: normal;
}

.breadcrumb {
     color: #ff8f00;
}

/* ===== Left nav bar ========================================================== */

.nav {
     width: 164px;
	border-right: 1px solid #e0e0ff;
}

.nav img {
	margin: auto;
	margin-bottom: 0;
	padding: 0;
}


.leftMenuBar {
     padding-left: 10px;
}



.leftMenuBar ul {
     list-style-type: none;
     padding: 0px 0px 20px 0px; 
     margin: 0;
}

.leftMenuBar ul ul {
     list-style-type: none;
     padding: 5px 0px 0px 0px;
     margin: 0;
}

.leftMenuBar ul ul ul {
     padding: 5px 0px 0px 0px;
     list-style-type: none;
     padding: 0;
     margin: 0;
}


.leftMenuBar ul li {
     width: 154px;
     padding: 6px 0px 6px 10px;	
     margin: 0;
}


.leftMenuBar ul ul li {
     width: 144px;
     padding: 6px 0px 6px 15px;
     margin: 0;
}

.leftMenuBar ul ul ul li {
     width: 134px;
     padding: 6px 0px 6px 25px;
     margin: 0;
}



.leftMenuBar ul li a {
     font-size: 0.95em;
     color: #000099;
}

.leftMenuBar ul li li a {
     
     font-size: 0.95em;
     color: #000099;
}


.leftMenuBar ul li a:hover {
     color: #ffc000;
}


.logoContainer {
     margin-top: 30px;
}

.logoContainer td {
     width: 140px;
     text-align: center;
     padding-bottom: 5px;
}


.navTop {
	text-align: center; 
	margin: 0; 
	padding: 0;
	height: 69px;
}

.navTop p {
	margin: 0;
	padding: 20px 0px 5px 0px;
	font-size: 10pt;
	font-weight: bold;
	line-height: 10pt;
}

.navHeader {
	background: url('./images/website/navGradBack.png') no-repeat top center;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	padding: 7px 0px 15px 0px;
}

/* ================ Additional information ======================================= */


.contentSplurge, .contentText {
     text-align: justify;
     background: white;
}

.pictureClear {
     clear: both;
}


.contentSplurge img a{
     text-decoration: none;
     border: 0;

}
.imageLeft {
     float: left;
     padding: 0px 15px 15px 0px;
}


.imageCenter {
     text-align: center;
     clear: both;
}

.imageRight {
     float: right;
     padding: 0px 0px 15px 15px;
}

.imageTitle {
     text-align: center;
     color: black;
     display: none;
}


.landing {
     /* background: url('./images/website/l2normal.png') no-repeat top left; */
     width: 372px;
     height: 43px;
     clear: both;
     display: block;
}

.landing h2 {
     position: relative;
     left: 60px;
     top: 8px;
}

a:hover .landing {
	color: #000099;
}


.ucgSitemap {
	width: 100%;
}

/* ================ Footer section =============================================== */

.footer {
	margin-top: 0px;
     border-top: 1px solid #e0e0ff;
     color: #6660ff;
     text-align: center;
     height: 40px;
     margin-bottom: 30px;
     background: white;
}

.footer table {
	margin: auto;
	margin-top: 10px;
}


/* ================ Contact us page ========================================= */

.contactTable {
     margin: 0px 10px 0px 10px;
     padding: 0;
}

.contactTable td {
     padding: 5px;
}

/* ================ Form stuff ============================================== */

.topItems {
     width: 200px;
     float: right;
     border: 1px solid white;
     padding: 0px 5px;
     margin: 0px 0px 10px 10px;
}


.topItemsHdr {
     width: 200px;
     font-size: 1.5em;
     font-weight: bold;
     text-align: center;
     margin-bottom: 0px;
     color: #00c000;
}

.topItemsBdy {
     padding: 0;
     margin: 0px 0px 5px 0px;
     line-height: 1.25em;
}

/* ================ Form stuff ============================================== */

.requiredField {
     background: #ffffe8;
}

.errorMsg {
	font-weight: bold;
	color: red;
}

.errorDiv {
	border: 1px solid #ffe0e0;
	padding: 10px;
	background: #ffefef;
}