/*  default */
html {
font-family: Arial, Helvetica, sans-serif;
font-size:  76%;
height: 100%;
}

body {
color: #000;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
text-align: center; 
font-family: "Trebuchet MS", Verdana, Sans-Serif;
font-size: 10pt;
background: #FFF url("/thma/web.nsf/files/images/$file/page-bg.jpg") repeat-x top;
}

div {
border:solid 0px #f1f1f1;  /* use to display all div borders to aid with layout */
}
input.radio {
padding:3px;
}
#outerWrapper {
background-color: #fff;
margin: 0 auto 0 auto; 
text-align: left; 
width: 920px;
}
#subpageheader {
text-align: left;
height: 75px;
padding-left: 15px;
padding-top:8px;
background: #FFF url("/thma/web.nsf/files/images/$file/thma-logo-2.jpg");
background-repeat: no-repeat ;
margin:5px 15px 0px 25px;
border-bottom:solid 1px #c0c0c0;
width:840px;
}
span.user-details {
float:right;
color:#c0c0c0;
cursor:hand;
font-size:10px;
padding-top:40px;
}
#twoColumnleft { /* This sets the id for a 2 column layout with a left column only */
overflow: hidden;
}

#twoColumnleft #content, #twoColumnright #content {
width:695px;
}

#twoColumnleft #leftColumn {
float: left;
padding: 10px 10px 10px 25px; 
width: 140px;
height:460px;
border-right:solid 1px #c0c0c0;
}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#twoColumnleft #content {
margin: 0px 5px 0px 185px;
padding: 0px 20px 10px 10px;
line-height:1.4em;
}
#twoColumnleft #content img {
margin: 0 0 0 20px ;
}
#twoColumnleft img {
margin: 0 0 0 20px ;
}
p {
line-height:1.4em
}
hr {
color:#c0c0c0;
height:2px;
}
li {
line-height:1.5em;
margin-top:5px;
}
h1 {
margin-top:15px;
color:  #05517D;
font-size:20px;
}
span.date {
color: #666870;
font-size:16px;
font-weight:bold;
}
span.headline {
color: #0081B3;
font-size:16px;
font-weight:bold;
}
span.headline-events {
color: #415F2B;
font-size:16px;
font-weight:bold;
}
#office-block { 
float:right; 
width:267px; 
height:268px; 
margin-left:20px; 
z-index:2; 
background: #FFF url("/thma/web.nsf/files/images/$file/thma.jpg");
background-position: bottom right;
} 
#footer {
background: url(/thma/web.nsf/files/images/$file/footer-1.jpg) no-repeat left top;
height: 110px;
color: #FFF;
clear: both;
font-size:11px;
font-family:arial;
padding-top:30px;
padding-left:35px;
}
#footer-left {
height: 100px;
width: 300px;
float:left;
z-index:2; 
}
#footer-right{
height: 100px;
width: 300px;
float:right;
z-index:2; 
margin-right:260px;
align:right;
}

#footer span {
color:#05517D;
font-size:xs-small;
}
#links-table  { border-collapse:collapse;border:solid 1px #c0c0c0}
#right-block { 
float:right; 
width:200px; 
height:160px; 
margin-left:20px; 
z-index:2; 
background-position: bottom right;
} 
#outer-block { 
float:left; 
width:100%; 
overflow:hidden;
} 
#title-block {
float:left;
}
#more-info {
float:right;
padding:4px;
}
#inner-block-light-blue{ 
float:left; 
border:solid 1px #05517D; 
background:url(/thma/web.nsf/files/images/$file/background-1-light-blue.jpg);
background-repeat: repeat-x;
width:95%; 
#height:140px; 
#margin-left:5px; 
padding: 4px; 
#z-index:3; 
#background-position: bottom right;
} 
#inner-block-light-green{ 
float:left; 
border:solid 1px #415F2B; 
background:url(/thma/web.nsf/files/images/$file/background-2-light-green.jpg);
background-repeat: repeat-x;
width:95%; 
#height:140px; 
#margin-left:5px; 
padding: 4px; 
#z-index:3; 
#background-position: bottom right;
}
#inner-space-block { 
float:left;
padding: 10px;
width:95%; 
} 
#div-space {
clear:both;
#margin: 0;
#padding: 0;
#width: auto;
}
.styledmenu {
	width: 100%; /*width of menu*/
}
.styledmenu .headerbar {
	font:1em arial;
	color: white;
	background: #808080 url(images/grey-down-arrow.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	margin-top:0px;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.styledmenu .headerbarblue {
	font:1em arial;
	color: white;
	background: #05517D;
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	margin-top:0px;
	padding: 7px 0 7px 8px; /*31px is left indentation of header text*/
}
.styledmenu .headerbarpink {
	font:1em arial;
	color: white;
	background: #808080 url(images/pink-down-arrow.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	margin-top:0px;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.styledmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0; /*bottom spacing between each UL and rest of content*/
}
.styledmenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
	margin: 0px;
}
.styledmenu ul li a {
	color: black;
	background: #E9E9E9;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
}
.styledmenu ul li a:visited {
	color: black;
}
.styledmenu ul li a:hover { /*hover state CSS*/
	color: white;
	background: #000;
}
.styledmenu ul.pink li a:hover { /*hover state CSS*/
	color: white;
	background: #f21e8c;
}
.styledmenu ul.blue li a:hover { /*hover state CSS*/
	color: white;
	background: #00a3dd;
}
.styledmenu ul.blue li a.current { /* current page menu*/
	color: black;
	background: #c0c0c0;
}
.styledmenu ul.pink li a.current { /* current page menu*/
	color: black;
	background: #c0c0c0;
}