* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}

/*** body ***/
body{
	font-family: "Gill Sans", Geneva, Verdana, Arial, sans-serif;
	color: #333;
	background: #ddd;
	margin: 0 auto;
}
/*** main page wrap***/
#page {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	background: #fff url(images/border.gif) top right repeat-y;
}

/*** link ***/
a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/*** paragraph ***/
p{
	padding-top: 10px;
}

p.ref {
	font-size: 90%;
	margin-left: 10px;
}

/*** headings ***/
h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
 margin: 8px 0 2px 0;
 font-weight: 600;
 font-family: Geneva, Helvetica, sans-serif;
}


#address {
	width: 98%;
	text-align: left;
	color: #334d55;
	font-family: "Gill Sans", Geneva, Verdana,Arial,sans-serif;
	display: block;
	background: #f9f9f9;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 5px;
}

span.name{
 font-family: "Gill Sans", Geneva, Verdana,Arial,sans-serif;
 font-size: 175%;
 color: #334d55;
 text-align: left;
}

.address1 {
	width: 48%;
	font-size: 90%;
	margin-bottom: 10px;
	float: left;
}

.address2{
 padding: 10px;
 left: auto;
 font-size: 90%;
 margin-bottom: 10px;
 vertical-align: top;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h4.resume{
 font-size: 125%;
 font-weight: bold;
 letter-spacing: 1.2px;
 color: #333333;
 padding:2px 0;
 margin: 10px 0 0 0;
 font-variant: small-caps;
 display: block;
 background-color: #f9f9f9;
}

h5{
 font-size: 100%;
 color: #334d55;
}

/*** lists ***/
#bottomBars ul{
	list-style: none;
	width: 200px;
}

#bottomBars ul li a{
	display: block;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
	background: url(images/list-arrow.gif) no-repeat 5px 50%;
	padding: 4px 4px 4px 15px;
}

#bottomBars ul li a:hover{
	background-color: #eee;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#header {
	margin: auto auto;
	padding-left: 8px;
}

#header img {
	border-bottom: 8px solid #f2f2f2;
}

#masthead{
	margin-bottom: 0px;
	padding: 10px 0px;
	border-bottom: 8px solid #ddd;
	background: url(images/border-bottom.gif) bottom left no-repeat;
	width: 100%;
}

#headerimage {
	width: 100%;
	height: 120px;
	/*background: url(images/border-top.gif) top right no-repeat;
	background: url(images/border-bottom.gif) bottom left no-repeat;*/
	background: url(images/headers/header_bg.jpg) center no-repeat;
	/*clear: both;*/
}

#content{
	width: 100%;
	border-top: 0px solid #ddd;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	background: url(images/border-bottom.gif) bottom left no-repeat;
	clear: both;
}

#bottomBars {
	width: 100%;
	min-height: 120px;
	font-size: 75%;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(images/border-top.gif) top right no-repeat;
}
	.intBar{
		margin: 10px 0px 0px 15px;
		padding-left: 20px;
		width: 48%;
		float: left;
	}

	.extBar {
		margin: 10px 15px 0px 0px;
		padding-left: 10px;
		float: left;
	}
	
#bottomBars img {
	margin: 2px auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 20px 0px 0px;
	float: right;
	margin-top: -20px;
	font-variant: small-caps;
}

/************* #masthead styles **************/

#masthead a img, #masthead a:hover img{
	border: none;
}

/************* #globalNav styles **************/

#globalNav{
margin-top: 5px;
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
	margin-bottom: -6px;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px;
}

#globalNav a span {
	display: none;
}

#globalNav a:link img {
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
	border: none;}
	
#globalNav a:visited img {
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
	border: none;}
	
#globalNav a:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	border: none;
}

#globalNav a:active img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	border: none;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	font-style: oblique;
	color: #006600;
	padding: 15px 0px 5px 20px;
	background: url(images/border-top.gif) top left no-repeat;
}

#breadCrumb a {
	border-bottom: dotted 1px #333300;
}

#breadCrumb a:hover {
	text-decoration: none;
	color: #4f1e1b;
	border: none;
}

/************** feature styles ***************/

#feature{
	padding: 10px 20px 30px 20px;
	margin-bottom: 0px;
	font-size: 85%;
	font-family: "Gill Sans", Geneva, Verdana, Arial, sans-serif;
	min-height: 360px;
	text-align: justify;
	background: url(images/border-bottom.gif) bottom left no-repeat;
	line-height: 1.3;
}

#feature p.cons{
	color: #ff0000;
	text-transform: uppercase;
	letter-spacing: 1.4;
	text-decoration: blink;
	font-size: 115%;
}

#feature p.details{
	padding: 0px 0px 0px 15px;
}


#feature span.deg {
	margin-left: 15px;
	font-weight: bold;
}

#feature span.inst {
	margin-left: 2px;
	font-style: italic;
}

#feature span.project {
	font-size: 110%;
}

#feature h3{
	padding: 20px 0px 5px 0px;
	text-align: left;
	font-size:120%;
}

#feature ul li{
	list-style: disc;
	font-size: 100%;
	margin-left: 40px;
}

#feature ul li ul li{
	list-style: square;
	font-size: 95%;
}

#feature ul li.details{
	list-style: none !important;
	font-size: 90%;
	padding: 0px;
	margin-left: 30px;
	margin-right: 30px;
}

#feature ul li.head{
	list-style: none !important;
	font-size: 90%;
	padding-top: 5px;
	margin-left: 10px;
	margin-top: 2px;
}

#feature a:hover{
	text-decoration: underline;
}

#feature img {
	border: 1px solid #777777;
	padding: 3px;
	margin: 5px;
}

#feature a:hover img {
	text-decoration: none;
}

#feature img.profile{
	float: right;
	padding: 3px;
	margin: 5px 15px 5px 15px;
	background-color: #f7f7f7;
	border: 1px solid #777777;
}	
	/*.imghover {
		margin: 5px;
		overflow: hidden;
		float: right;
		position: relative;
		width: inherit;
		font-family: Helvetica, sans-serif;
	}
	.imghover a {
		text-decoration: none;
		float:right;
	}
	.imghover a:hover {
		cursor: pointer;
	}
	.imghover a img {
		float: right;
	}
	.imghover a:hover .caption{
		display: block;
		font-size: 1em;
		/*padding: 10px 0;*/
		/*background: #111222;
		filter:alpha(opacity=50);
		opacity:.50;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
		/*color: #fff;
		position: absolute;
		bottom: 9px;
		left: 9px;
		padding: 10px;
		margin: 0;
		width: auto;
		border-top: 1px solid #999;
		overflow: hidden;
	}
	.imghover a .caption {	
		display: none;
		right: 9px;
	}*/
	
	
	.imghover {
		margin: 5px;
		overflow: hidden;
		float: right;
		position: relative;
		width: inherit;
		font-family: "Gill Sans", Geneva, Verdana,Arial,sans-serif;
	}
	.imghover img {
		float: right;
	}
	.imghover:hover .caption{
		display: block;
		font-size: 1em;
		/*padding: 10px 0;*/
		background: #111222;
		filter:alpha(opacity=75);
		opacity:.75;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
		color: #fff;
		position: absolute;
		bottom: 9px;
		left: 9px;
		padding: 10px;
		margin: 0;
		width: auto;
		border-top: 1px solid #999;
		overflow: hidden;
	}
	.imghover .caption {	
		display: none;
		right: 9px;
	}



#feature img.normal {
	border:1px solid #777777;
	padding: 3px;
	margin: 5px 0 0 5px;
}

#feature img.email{
	float: left !important;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#feature img.sign{
	float: left !important;
	padding: 0;
	margin: 0;
	border: 0;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 8px solid #ddd;
	font-size: 75%;
	color: #cccccc;
	padding-top: 30px;
	padding-bottom: 3px;
	margin-top: 0px;
	text-align: center;
	background: url(images/border-top.gif) top left no-repeat;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#siteInfo a:hover{
	border-bottom: 1px dotted #330000;
}

#siteInfo p.copyleft, #siteInfo p.copyleft a{
	font: 75% "Courier New", Courier, mono;
	color: #ccc !important;
}

/*** flickr ***/
h3.flickr{
	color: #0066ff;
}

.flickr img, .flickr a img {
	background: #eee;
	border: 1px solid #0066ff;
	padding: 4px;
	margin-right: 2px;
}

.flickr a:hover img {
	background: #0066ff;
}

/**************#Blog ***************/

h1.blog {
	width: 90%;
	padding: 15px;
    border: double #ccc;
	margin: 10px auto;
    font-variant: small-caps;
    text-transform: capitalize;
	color:#334d55;
	font-size: 115%;
    text-align: center;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
h2.blog {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:5px;
    letter-spacing: 1.5px;
    color: #444555;
}
h2#archives { 
	padding-top:10px;
	margin-top:40px;
	border-top:dotted 1px #999999;
   	font-family: Verdana,Arial,Helvetica,sans-serif;
}
h3.blog {
	padding:0 10px 0px 0px !important;
	margin: 30px 0px 0px 0px;
	color:#555666;
	background: #f9f9f9;
    text-align: right !important;
    font-size: 90%;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
div.blogPost {
	padding-left:5%;
	padding-right:10%;
    font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
}
div.byline {
	color:#555555;
    font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
    font-size: 90%;
}
p#bloggerBug {
	padding-top:20px;
    align: right;
}
.blogComments {
	padding-top:30px;
	color:#555555;
	padding-bottom:0px;
	margin-bottom:0px;
	font-weight:bold;
}
.blogComments .byline {
	font-size:1em;
	font-weight:normal;
	color:#555555;
	margin-right:10px;
	display:inline;
}
.blogComment {
	font-size:1em;
	margin:3%;
	color:#000000;
	font-weight:normal;
}
.deleted-comment {
	font-style:italic;
	color:gray;
}
.comment-link {
	margin-left:.6em;
}
blockquote {
	border : 1px dashed #ccc;
	width: 400px;
	font-size: 90%;
	margin: 5px 0px 5px 60px;
	padding: 10px;
	background-color: #eee;
	quotes: "\201C" "\201D";
}
blockquote:before {
	float: left;
	content: open-quote; 
	font-weight: bold; 
	font-size: 300%;
	font-style: italic;
}
blockquote:after {
	float: right;
	content: close-quote; 
	display: none !important; 
	font-weight: bold; 
	font-size: 300%;
}

img.blogger {
	border: none !important;
}