body {
background: #ffffff url("../assets/umms_org_background.gif") repeat-y;
margin: 0;
padding: 0;
font-size: normal; font-family: serif, times-new roman; color: #333333;     
voice-family: "\"}\"";   
voice-family: inherit;  
}

/* structure */

#wrapper {
width: 950px;
}

#masthead {
	margin-bottom: 20px;
	margin-left: 10px;
	height: 89px;
}

#masthead img {
border: 0;
}

#head {
position: absolute; left:67px; top:0px; width:693px; height:89px; z-index:1;
height: 89px;
}

#head h1 {
	color: #006699;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-left: 25px;
	font-size: 110%;
	margin-top: 40px;
	font-weight:lighter;
}

#head img {
border: 0;
float: right;
margin-top: 11px;
}

div.separator {
height: 1px;
clear: both;
}

#navarea {
float: left;
width: 150px;
padding: 0;
margin-right: 10px;
}

#contentarea {
float: left;
width: 599px;
}

#footer {
clear: both;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 160px;
font-size: 75%;
border-top: 1px solid #859057;
width: 600px;
}

.bottombox {
background-color: #006699;
font-size: 80%;

}

.bottombox img {
float: right;
}

.bottombox p {
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
text-align: center;
padding-top: 10px;
padding-bottom: 16px;
letter-spacing: .1em;
}


.bottombox a {
color: #ffffff;
text-transform: lowercase;
}

.bottombox a:hover {
text-decoration: none;
color: #ffffff;
}


div#rightcolumnlayer {
position: absolute;
top: 100px;
left: 770px;
width: 240px;
height: 560px;
z-index: 1000; 
padding: 0px 7px 0px 7px;
visibility: visible;
}



div.leftcolumn {
width: 280px;
}

div.rightcolumn {
width: 280px;
float: right;
}



div.imagewithcaption {
	float: right;
	margin: 0 0 5px 10px;
}


#googlesearch {
padding: 0 10px;
}

#googlesearch input {
font: 95% Arial, Helvetica, sans-serif;
color: #555555;
border: 2px solid #dbab68;
padding: 2px 5px;
background-color: #f2dfc2;
}

#googlesearch select {
font: 95% Arial, Helvetica, sans-serif;
color: #555555;
border: 1px solid #dbab68;
padding: 1px;
background-color: #f2dfc2;
}

/* global links */
a {
color: #006600;
}



a:hover {
color: #000000;
}

div.invisible a {
visibility: hidden;
position: absolute; top: 0; left: 0; z-index: -1;
}

.invisible a {
visibility: hidden;
position: absolute; top: 0; left: 0; z-index: -1;
}


/* nav */

#navarea {
font-size: 95%;
}

#navarea ul {
margin: 0 0 0.8em;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #859057;
}

#navarea li {
border-top: 1px solid #859057;

}

#navarea a {
display: block;
height: 110%;
padding: 2px 8px;
text-decoration: none;
color: #000000;
}

#navarea li li {
border-top: none;

}

#navarea li li li{
border-top: none;

}


#navarea li li a {
padding: 3px 10px 3px 20px;
}

#navarea li li li a {
padding: 3px 10px 3px 30px;
}

#navarea li ul {
border-bottom: none;
margin: 0;
}



#navarea a:visited {
color: #333333;
}

#navarea a:hover {
background-color: #F7F7F7;
}

#navarea a.active {
background: #ffffff; 
}

li.title {
padding: 4px 10px;
font-weight: bold;
color: #555555;
}


/* fonts */

#contentarea p, #contentarea li {
font-size: 95%;
line-height: 1.4em;
}

#contentarea sup, #contentarea sub { 
line-height: 0;
font-size: 85%; 
}

#contentarea p {
margin-top: 0;
margin-bottom: 0.8em;
}

#contentarea ul {
margin-left: 1.5em;
padding-left: 0;
margin-top: 0;
margin-bottom: 0.8em;
}

#contentarea li {
padding: 0;
margin-bottom: 10px;
}

h2 {
color: #003366;
font-size: 100%;
text-transform: uppercase;
letter-spacing:1px;
}

h3 {
margin-top: 1em;
color: #679362;
font-size: 100%;
font-weight: bold;
letter-spacing: 1px;
}


#footer ul {
padding: 0px 0 1em 0;
list-style-type: none;
}

#footer li {
padding-right: 15px;
display: inline;
}
/* table styling */


#noborder table {
border: 0px;
}

#noborder table tr td {
border: 0px;
}



table {
border-top: 1px solid #555555;
border-left: 1px solid #555555;
margin-bottom: 0.8em;
}

table.noborder {
border: 0px;
}

td.noborder {
border: 0px;
}

th, td {
border-bottom: 1px solid #555555;
border-right: 1px solid #555555;
padding: 2px 5px;
}

th, tfoot {
background-color: #009999;
text-align: left;
font-weight: bold;
color: #FFFFFF;
}

tfoot {
font-size: 75%;
}

tfoot td {
padding: 4px 5px;
}


caption {
padding: 0 0 5px;
font: bold 105%;
text-transform: uppercase;
}

/* images */


#headshot {
padding: 0px 0px 0px 15px;
background-color: #FFFFFF;
float: right;
width: 140px;
}


#headshot p {
font-size: 80%
padding-left: 5px;
padding-right: 5px;
text-align: center;

}


#photo {
padding: 0px 0px 5px 5px;
background-color: #FFFFFF;
float: right;
width: 220px;

}

#photo p {
font-size: 85%;
padding-left: 5px;
padding-right: 5px;
padding-top: -15px;
text-align: justify left;
}

#photoleft {
padding: 0px 15px 15px 15px;
background-color: #FFFFFF;
float: left;
width: 220px;

}

#photoleft p {
font-size: 80%;
padding-left: 5px;
padding-right: 5px;
padding-top: -15px;
text-align: justify left;
}


#photolarge {
padding: 15px 15px 15px 15px;
background-color: #FFFFFF;
width: 400px;

}

#photolarge p {
font-size: 80%;
padding-left: 5px;
padding-right: 5px;
padding-top: -15px;
text-align: justify left;
}

#contentarea img.floatedimage {
float: right;
margin: 0 0 5px 5px;
}

#contentarea img.leftfloat {
float: left;
margin: 5px 5px 5px 5px;
}

#contentarea img.float {
float: right;
margin: 0 0 5px 5px;
}



#contentarea img.captioned_image {
float: right;
width: 180px;
padding: 0 5px 5px;
margin-left: 20px;
background-color: #e6e6e6;
}

#contentarea img.border {
border: 1px solid #333333;
}

#contentarea img.floatborder {
float: right;
margin: 0 0 5px 5px;
border: 1px solid #333333;
}

#contentarea img.leftfloatborder {
float: left;
margin: 0 5px 5px 5px;
border: 1px solid #333333;
}

#wrapper img.floatedimage {
float: right;
margin: 0 0 5px 5px;
}

.boxout {
float: right;
width: 200px;
padding: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 5px;
background-color: #ffffcc;
border: 0;
}

.boxout h1 {
color: #000000;
font-size: 95%;
}

.boxout ul li {
margin-left: -10px;
font-size: 95%;
}


.footerlogo {
float: right;
margin-left: 20px;
}

.smallerfont {
	font-size: 12px;
	padding-bottom: 10px;
}

.tagline {
font-weight:bold;
background-color:#FFFFCC;
padding: 5px;
}

.shadedbox {
background-color:#e6e6e6;
padding: 5px;
}
