/* HTML Tags */

body {margin: 0px; padding: 0px; background-color:#999; color: #FFFFFF; font-family: tahoma, verdana, arial, Helvetica, sans-serif; font-size: 12px; text-align: center;margin: auto;}
img {border:0;}
h1 { font-weight: bold; font-size: 14px;}
h2 {font-weight: bold; font-size: 12px;}
h3 {font-weight: bold; font-size: 11px;}
a { color: #fff; }
a:hover { color: #333; }
form {margin-left: 20px; margin-top: 20px;}
textarea, input {font: normal 11px tahoma, verdana, arial, sans-serif; width: 250px;}

/* Handy Stuff */

.clearfloat hr {visibility:hidden; display:none;}
.clearfloat {clear:both; display:block;}
.moveover {padding-right: 30px;}
#surround {margin:auto; text-align:left; padding:0; width:750px; border:1px solid #ccc; border-top-width:0; color: #fff; background-color:#999; }
#header { padding-top: 16px; text-align:center;	width:auto;	height: 35px; background: #333; font: normal 14px tahoma, verdana, arial, sans-serif; font-weight: bold; color: #fff; }
.bold { font-weight: bold; }
.clear { clear: both; }
.automargin { margin: auto; width: auto; background-color: #f00}

/* Navigation */

#navigation {text-align:center;	width:auto;	border-bottom:1px solid #e7e7e7; }
#navdiv {margin:0 auto;	width:520px; background-color:#999; color: #fff; }
#navdiv ul {margin:0; padding:0; list-style:none;}
#navdiv li {float:left; margin:0; padding:0; text-align:center;}
#navdiv li a {	display:block;	float:left;	color: #FFF; font: normal 10px tahoma, verdana, arial, sans-serif;	text-decoration: none; 
					padding:4px 15px 2px; border:1px solid #999;	border-width: 0 1px;	width:0.3em; white-space:nowrap; }

#navdiv > ul a {width:auto;}
#navdiv a:hover { color: #333; border-color:#ccc; background: #999; }
#navdiv li.current a { color: #333; border-color:#ccc; background: #999 ; }

body#home a#homenav, 
body#employment a#employmentnav, 
body#portfolio a#portfolionav, 
body#interests a#interestsnav, 
body#photos a#photosnav, 
body#links a#linksnav, 
body#contact a#contactnav

{ color: #900; border-color:#ccc; background: #999; }

/* Main Area */

.left-block { width: 496px; margin-right: 242px; }
.left { float: left; width: 450px; margin: 10px; }
.left-one {	width: 450px; background-image:url(includes/images/f1.jpg); background-color: #7e7e7e; margin: 0px; height: 210px; 
				color: #fff; padding: 0px; overflow: hidden; }
.left-two { width: 450px; background-color: #7e7e7e;  height: 210px; color: #fff; margin-top: 10px; }
.right { float: left; height: 418px; width: 250px; background-color: #7e7e7e; margin-top: 10px; margin-bottom: 10px; color: #fff; 
			padding: 2px 10px 10px 10px; }

.homepage-text { background: #7e7e7e; font-size: 11px; line-height: 14px; padding: 2px 10px 10px 10px;  }
.homepage-text li {list-style-type: square; list-style-position: outside; margin-left: -15px;}

#portfolio a { font-weight: bold; }

.content-text { background: #7e7e7e; font-size: 11px; line-height: 14px; padding: 10px 10px 10px 10px; min-height: 390px; _height: 390px; }
.content-text a:hover { color: #333;  background: #7e7e7e; }
.content-text a { color: #FFF;  background: #7e7e7e; text-decoration: underline; font-size: 1em; font-weight: normal;}

.employment-text { background: #7e7e7e; font-size: 11px; line-height: 14px; padding: 2px 10px 10px 10px; min-height: 410px; }
.employment-text a:hover { color: #333;  background: #7e7e7e; }
.employment-text a { color: #FFF;  background: #7e7e7e; text-decoration: underline; font-size: 0.9em; font-weight: normal;}

.photosdiv { margin-left: 10px; float: left; width: 175, text-align: center; margin-top: 10px; }
.margin { width: 10px; float: left; height: 40px; }

.btn {margin-right: 10px; color: #e7e7e7; border: 1px solid #e7e7e7; background-color: #999; font: normal 11px tahoma, verdana, arial, sans-serif; width: 80px;}

/* Footer Stuff */

#footer p {font: normal 10px tahoma, verdana, arial, sans-serif; color: #e7e7e7; background-color:#999; }

/* Error Pages */

#surround-error {margin:auto; text-align:center; padding:150px 0 150px 0; width:750px; border:1px solid #ccc; color: #fff; background-color:#7e7e7e; font-size: 30px;}
#errorback {font: bold 12px tahoma, verdana, arial, sans-serif; padding-top: 15px;}