html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {

background:url(images/bg.jpg) top center no-repeat;
background-color: #000000;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333333;
padding:0px;
margin:0px;
}
a {color: #0080ad;}
a:visited {color:#0080ad;}
a:hover {color: #888888;}
a:active { color:#000000;}

h1 {
color:#0080ad;
font-size: 14px;
text-transform:uppercase;
padding:5px 20px;
margin:0px }

h2 {
font-size:18px;
text-decoration:underline;
color:#FFFFFF;
font-weight: normal;
padding: 40px 10px 0px 80px;
margin:0px;}

h3{
color:#FFFFFF;

}



/* ----------container to center the layout-------------- */
#container {
background: url(images/body_03.jpg) bottom center no-repeat #FFFFFF; 
background-color: #FFFFFF;
width: 803px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
overflow: auto;

}

/* ----------banner for logo-------------- */
#banner {
background:url(images/header_bg_02.jpg) top center repeat-x;
text-align: center;
padding: 0px;
margin: 0px;
height:261px;
}

#navigation{
width:803px;
height:28px;
margin:0px auto;
padding-top:10px;
padding-bottom:0px;
}

#nav {
	list-style: none;
	padding: 0;
	height: 28px;
	display: inline;
	overflow: hidden;
	width: 803px;
	}
	
#nav li {
    
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 0px 0 0 0;
	overflow: auto;
	height: 28px !important; 
	height /**/:28px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -28px;
	}
	
	
#home a,#home a.select	{
	background-position: 0 -28px;
	}	
	
#bio a,#bio a.select	{
	background-position: 0 -28px;
	}	
	
#media a,#media a.select	{
	background-position: 0 -28px;
	}	
	
	
#links a,#links a.select	{
	background-position: 0 -28px;
	}	
	
#contact a,#contact a.select	{
	background-position: 0 -28px;
	}	


	
#home a  {
	width: 160px;
	background: url(images/nav/home.jpg) top center no-repeat;
	}

	
#bio a  {
	width: 160px;
	background: url(images/nav/bio.gif) top center no-repeat;
	}
	
	
#media a  {
	width: 160px;
	background: url(images/nav/media.gif) top center no-repeat;
	}

	
#links a  {
	width: 160px;
	background: url(images/nav/links.gif) top center no-repeat;
	}

#contact a  {
	width: 160px;
	background: url(images/nav/contact.gif) top center no-repeat;
	}
			
 

/* -----------------content--------------------- */
#content {
padding: 0px;
float:left;
width:550px;
margin: 0px;
overflow:auto;
}


p, pre{
padding: 5px 20px;
margin:0px;
}

/* --------------left navi------------- */
#right {
background:url(images/sidebar.jpg) top center no-repeat;
width: 250px;
height:460px;
margin: 0px;
padding: 0px;
}

#right p{
padding:10px 20px 10px 30px;
}

#rightbottom {
padding:0px 0px 0px 0px;
width: 250px;

}

#rightbottom p {
padding:0px 17px;
margin-bottom:15px;
}

#rightwrapper {
float: right;
width: 250px;
margin: 0px;
padding: 0px;
display:inline;
}

/* -----------footer--------------------------- */
#footer {
width:803px;
color:#0080ad;
clear: both;
margin: 0px auto;
padding: 0px;
text-align: left; }

#footer a {color: #0080ad;}
#footer a:visited {color:#0080ad;}
#footer a:hover {color: #FFFFFF;}
#footer a:active { color:#000000;}