/*-- Yahoo Reset --*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {    
	margin: 0;   
	padding: 0;   
}
fieldset,img {
	border:0;   
} 
address,caption,cite,code,dfn,em,strong,th,var {  
	font-style:normal;   
	font-weight:normal;   
} 
ol,ul {  
	list-style:none;
} 
caption,th {  
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;   
}
q:before,q:after {  
	content:'';   
}
abbr,acronym {
	border:0;   
}


/*-- Base Styles --*/

body {
	background:#f3f3f3 url(images/bg-tile2.gif) fixed repeat-x left bottom;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:x-small;
	color:000;
	}

blockquote {
	text-align:justify;
	border-left:5px solid #a6d0e7;
	padding:10px;
	margin:10px 40px 10px 40px;
	}
	
strong {
	font-weight:bold;
	}
	
em {
	font-style:italic;
	font-weight:bold;
	}
.ital {
	font-style:italic;
	}
		
a {
	text-decoration:none;
	}
	
#footer a:hover, #util-nav a:hover, #main-nav a:hover, #interior-nav a:hover {
	background: top left repeat-x url(images/hoverState.gif);
	}
	
h1 {
	font-size:3.4em;
	font-weight:bold;
	letter-spacing:0.5px;
	color:#000;
	display:inline;
	}
	
h2 {
	font-size:1.6em;
	font-weight:bold;
	color:#000;
	}
	
h3 {
	font-size:1.6em;
	font-weight:bold;
	color:#c6a138;
	border-top:5px solid #a6d0e7;
	padding:5px 0 15px 0;
	margin:20px 0 0 0;
	}
	
#util-nav {
	background-color:#0067b2;
	}
	
#util-nav p {
	color:#fff;
	font-size:1.3em;
	padding: 5px 5px 5px 12px;
	}
	
#util-nav a {
	color:#fff;
	display:block;
	font-size:1.3em;
	letter-spacing: 0;
	white-space: nowrap;
	padding-top: 5px;
	}
	
#util-nav li {
	float:right;
	clear:none;
	list-style-type:none;
	margin:0 12px 0 0;
	}
	
#interior-nav {
	padding:75px 0 75px 0;
	width:675px;
	
	float:left;
	clear:none;
	}
	
#thumbnail {
	width:225px;
	padding:11px 0 20px 0;
	float:right;
	clear:none;
	}
	
#interior-nav a, #main-nav a {
	color: #c6a138;
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 0;
	white-space: nowrap;
	padding:5px 0 0 0;
	}

#interior-nav li, #main-nav li {
	float:left;
	clear:none;
	list-style-type:none;
	margin:0 20px 0 0;
	}
	
#main-nav {
	padding:25px 0 40px 0;
	}
	
#header {
	background:url(images/bg-tile1.gif) repeat-x;
	}

#header-main {
	background:url(images/bg-tile3.gif) repeat-x;
	}
	
#header-wrap {
	margin:auto;
	width:900px;
	}	
	
	
#content-wrap {
	margin:auto;
	width:900px;
	}
	
#left-col {
	width:640px;
	padding:20px 0 0 0;
	float:left;
	clear:none;
	}
	
#left-col p, #content-wide p {
	font-size:1.3em;
	padding:10px 0 10px 0;
	line-height:1.4em;
	}
	
.link {
	color:#0067b2;
	font-weight:normal;
	letter-spacing: 0;
	white-space: nowrap;
	padding-top: 5px;
	}	
	
#right-col {
	width:160px;
	padding:20px 0 0 0;
	float:right;
	clear:none;
	}	
	
#right-col a, .gallery dd a {
	color:#0067b2;
	font-weight:normal;
	letter-spacing: 0;
	white-space: nowrap;
	padding-top: 5px;
	}
	
#right-col a:hover, .gallery dd a:hover, #left-col a:hover {
	text-decoration:underline;
	}
	
#right-col p {
	font-size:1.3em;
	padding:0;
	line-height:1.6em;
	}
	
#right-col img {
	border:5px solid #a6d0e7;
	}
	
#footer {
	padding:60px 300px 20px 0;
	height:10px;
	clear:both;
	}
	
#footer a {
	color:#0067b2;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing: 0;
	white-space: nowrap;
	padding-top: 5px;
	}
	
#footer li {
	float:right;
	clear:none;
	list-style-type:none;
	margin:0 15px 0 0;
	}
	
#content-wide {
	width:900px;
	padding:20px 0 0 0;
	float:left;
	clear:both;
	}
	
dl.featured {
	width:290px;
	background-color:#c8e3f2;
	margin:0 10px 15px 0;
	float:left;
	clear:none;
	}
	
dl.featured:hover {
	background-color:#a6d0e7;
	}
	
.featured img {
	padding:5px 5px 0 5px;
	}
	
.featured dt {
	float:left;
	clear:none;
	}
	
.featured dd {
	padding:5px;
	text-align:right;
	height:125px;
	}
	
.blue {
	color:#0067b2;
	font-size:1.6em;
	font-weight:bold;
	text-align:right;
	padding:0 10px 0 10px;
	}
	
dl.experience {
	width:165px;
	margin-right:15px;
	float:left;
	clear:none;
	}
	
.experience h3 {
	border-top:5px solid #c8e3f2;
	}
	
.experience h3:hover {
	border-top:5px solid #a6d0e7;
	}
	
	
dl.gallery {
	width: 450px;
	padding:10px 0 10px 0;
	float: left;
	clear:none;
	}
	
.gallery dt{
	float:left;
	clear:none;
	}
	
.gallery dd {
	font-size:1.3em;
	}
	
.gallery img {
	border:5px solid #a6d0e7;
	margin-right:10px;
	}
		
li.list {
	font-size:1.3em;
	margin:10px 0 10px 40px;
	line-height:1.4em;
	list-style-type:square;
	}
	

	
/* slides styling */

.photo {height:95px; width:640px; position:relative; margin:auto; }

.photo ul.topic {padding:0; margin:0; list-style:none; width:640px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; height:85px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#a6d0e7; text-decoration:none; border:none; border-width:1px 1px 0 0; background:#a6d0e7; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:block; position:absolute;}

.photo ul.topic li.active a
{color:#a6d0e7; background:#a6d0e7;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#a6d0e7; width:464px; padding:40px 60px; border:none;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:none; margin:5px 5px 5px 0;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#a6d0e7; border:none;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #a6d0e7;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#a6d0e7;}


/*-------
	 Clearfix
-------*/
div.clear {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}