html{
margin:0; padding:0;
}

body {
background: #deeef6 url('/images/framework/background2.gif') 50% 0% no-repeat;
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-size: small;
}

#accessnav { 
display: none;  
}

.clearboth {
clear: both;
}

#container {
margin: 0 auto;
text-align: left;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		float: right;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#e3e3e3;
		color:#666;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#f5f5f5;
		color:#666;
		}
	ol#controls li a:hover{
		color:#666;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */




/* headers */

h1.thank-you, h1.contact, h1.about, h1.home {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #000;
font-size: 1.8em;
margin: 20px 0 0 0;
}

h1.profile {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #000;
font-size: 1.8em;
margin: 5px 0 5px 0;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
font-size: 1.5em;
font-weight: normal;
color: #000;
margin: 0 0 0 5px;
}

h2.multi {
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
font-size: 1.5em;
font-weight: normal;
color: #fff;
margin: 0;
}

h2.headline, h1.headline {
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
font-size: 1.7em;
font-weight: bold;
color: #000;
margin: 13px 0 0 0;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
font-size: 1.2em;
margin: 0 0 15px 0;
}

h4 {
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
font-size: 1em;
}

/* headers */



/* logobar */

#logobar { 
width: 95%;
min-width: 915px;
height: 85px;
background: url('/images/framework/topbarleft.png') top left no-repeat;
margin: 0 auto;
position: relative;
}

#postit {
background: url('/images/framework/postit.png') 0 0% no-repeat;
width: 175px;
height: 144px;
right: -20px;
top: 50px;
position: absolute;
}

#logo {
margin: 0 0 0 50px;
width: 220px;
height: 50px;
float: left;
display: block;
}



/*quick jump*/

#quickjump {
background: url('/images/framework/topbarright.png') top right no-repeat;
width: 375px;
height: 50px;
float: right;
margin: 0;
}

#quicklinks {
float: left;
margin: 16px 0 0 0;
}

#quicklinks ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#quicklinks ul li {
display: inline;
list-style: none;
padding-right: 20px;
}

#quicklinks a, #quicklinks a:visited {
font-size: 1.1em;
text-decoration: none;
color: #fff;
font-weight: bold;
}

#quicklinks a:hover, #quicklinks a:active {
font-size: 1.1em;
text-decoration: none;
color: #ccc;
}

#quickjump form {
float: right;
margin: 13px 25px 0 0;
}

#quickjump select {
font-family: Georgia, "Times New Roman", Times, serif;
color: #333;
font-size: 1.1em;
font-weight: bold;
width: 200px;
}
/* end logo */



#contentwrapper { 
width: 915px;
min-height: 410px;
background: url('/images/framework/maindisplay.png') top left no-repeat;
margin: 0 auto;
font-size: 1em;
font-weight: normal;
color: #4a4a4a;
}

#header { 
width: 915px;
height: 35px;
position: relative;
margin: 0 auto;
text-align: left;
}

#content {
width: 685px;
line-height: 1.6em;
margin: 0 10px 10px 10px;
float: right;
}

#biowrapper {
line-height: 1.6em;
}

#biocontent {
width: 555px;
min-height: 400px;
padding: 15px;
float: left;
}

#biocontent img {
float: left;
margin: 0 15px 10px 0;
}

#biocontent ul {
margin: 0;
padding: 10px 0 0 5px;
list-style-type: none;
}

#biocontent ul li.desc {
margin-top: 10px;
}



/* multimedia */

#multimedia {
width: 330px;
float: right;
background: url('/images/framework/multimediabg.gif') top right no-repeat;
margin: 0;
}

#multimedia-content {
width: 275px;
margin: 10px 0 0 40px;
}

#multimedia-content a, #multimedia-content a:visited {
color: #efefef;
}

#multimedia-content a:hover, #multimedia-content a:active {
color: #fff;
}

#multimedia-footer {
width: 330px;
height: 35px;
background: url('/images/framework/multimedia-footer.gif') top left no-repeat;
margin: 0;
}

/* multimedia end */



#content ul, #content-bio ul {
list-style-position: inside;
padding: 0;
}

#content a, #content a:visited, #content-bio a, #content-bio a:visited {
font-size: 1em;
text-decoration: underline;
color: #003580;
font-weight: normal;
}

#content a:hover, #content a:active, #content-bio a:hover, #content-bio a:active {
font-size: 1em;
text-decoration: underline;
color: #006699;
font-weight: normal;
}



/* breadcrumb */

#breadcrumb {
margin: 0 auto;
width: 915px;
height: 50px;
background: url('/images/framework/breadcrumb.png') top left no-repeat;
}

#breadcrumb ul {
margin: 0;
padding: 0 0 0 20px;
list-style-type: none;
}

#bio-breadcrumb ul {
margin: 0;
padding: 0 0 0 20px;
list-style-type: none;
float: left;
}

#breadcrumb ul li, #bio-breadcrumb ul li {
display: inline;
list-style: none;
font-size: 1em;
}

#breadcrumb a, #bio-breadcrumb a, #breadcrumb a:visited, #bio-breadcrumb a:visited {
font-size: 1em;
text-decoration: underline;
color: #222;
}

#breadcrumb a:hover, #bio-breadcrumb a:hover, #breadcrumb a:active, #bio-breadcrumb a:active {
font-size: 1em;
text-decoration: underline;
color: #666;
}



/* footer */
#footerbar { 
width: 915px;
height: 50px;
background: #333 url('/images/framework/footerbarleft.gif') top left repeat-y;
margin: 0 auto;
clear: both;
}

#footerinfo {
height: 50px;
float: left;
}

#footerinfo ul {
margin: 17px 0 0 20px;
padding: 0;
list-style-type: none;
}

#footerinfo ul li {
display: inline;
list-style: none;
padding-right: 20px;
color: #ccc;
}

#footerinfo ul li a, #footerinfo ul li a:visited {
color: #ccc;
}

#footerinfo ul li a:hover, #footerinfo ul li a:active {
color: #fff;
}

#addthis {
background: url('/images/framework/footerbarright.gif') top right no-repeat;
height: 50px;
float: right;
}

#addthis div {
margin: 17px 15px 0 0;
}



/* profile preview */

ul.biop { 
width: 672px;
font-size: 1em;
font-weight: normal;
color: #4a4a4a;
list-style:none;
margin: 0;
padding: 0;
}

ul.biop li {
background: #fff url('/images/framework/biotop.gif') top left no-repeat;
padding: 10px 0 0 10px;
}

ul.biop li p {
margin: 10px 10px 0 5px;
}

div.biop-footer {
background: #fff url('/images/framework/bio-footer.gif') top left no-repeat;
width: 672px;
height: 20px;
margin: 0 0 15px 0;
}



/* misc */

.disabled {
background: #f1f1f1;
}

#googlemap {
float: right;
margin: 0 20px 0 20px;
}

#pagination-flickr {
margin: 20px 0 50px 0;
}

#pagination-flickr li {
border:0; margin:0; padding:0;
font-size: 11px;
list-style: none;
}

#pagination-flickr a {
border: solid 1px #ddd;
margin-right: 2px;
}

#pagination-flickr .previous-off, #pagination-flickr .next-off {
color: #666666;
display: block;
float: left;
font-weight: bold;
padding: 3px 4px;
}

#pagination-flickr .next a, #pagination-flickr .previous a {
font-weight: bold;
border: solid 1px #fff;
}

#pagination-flickr .active {
color: #006699;
font-weight: bold;
display: block;
float: left;
padding: 4px 6px;
}

#pagination-flickr a:link, #pagination-flickr a:visited {
color: #003580;
display: block;
float: left;
padding: 3px 6px;
text-decoration: none;
}

#pagination-flickr a:hover {
border: solid 1px #666;
}