/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #333;
	font: 76%/1.4em sans-serif;
	background: #FFFFFF;
	height: 120%;
	min-height: 100%;
	text-align:center;
}

#wrapper_outer {
	width: 65em;
	height: 100%;
    margin-left: auto;
	margin-right: auto;
	background:  url(/images/background.gif) repeat-y top left;
	
	
}



#header {
	padding: 0;
	height: 100px;
	width:62em;
	border-bottom:2px solid #000066;
	background-color:#fff;
	margin-left:2em;
}

* html #header{/*for IE*/
margin:0;
}


#wrapper_inner {
	height: 100%;
	background: #036;
	width:62em;
	text-align:left;
	margin-left:2em;
	padding:0;
	
}

* html> body #wrapper_inner {
	width:63em;
}

* html #wrapper_inner{/*for IE*/
margin:0;
}


* html> body #main_content_home {
	height: 100% !important;
	background: #fff;
}



#navcontainer { 
width:62em;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
background-color:#036;
height:2em;
margin-left:2em;
padding-bottom:.25em;
}

* html #navcontainer{/*for IE*/
margin:0;
width:63em;
}


ul#navlist {white-space: normal; list-style-type:none; padding-top:.5em; margin:0;}
ul#navlist li {float: none; display: inline; width: 1px;
white-space: nowrap; text-align: left; }


ul#navlist li.first
{
border-left: 1px dashed #ccc;
}

#navlist a, #navlist a:link
{

margin: 0;
padding: .5em 1em .5em 1em;
color: #ccc;
border-right: 1px dashed #ccc;
text-decoration: none;
font-weight:bold;


}

ul#navlist li#active a#current
{
color: #fff;
background-color: #789;

}

#navlist a:hover
{
color: #fff;
background-color: #69c;


}



#main_content_home {
	min-height:100%;
	height:100%;
	border: 6px solid #ccc;
	padding-bottom: 2em;
	width: 60em;
	margin:.5em 0 0 .5em;
	background: #fff;
}

div>#main_content_home {
	min-height: 640px;
	border: 6px solid #ccc;
	padding-bottom: 2em;
	width: 60em;
	margin:.5em 0 0 .5em;
	background: #fff;
	height:auto;
}


#main_content {
	background: #fff;
	border: 6px solid #ccc;
	width:60em;
	padding-bottom: 2em;
	margin:.5em 0 0 .5em;
	height:100%;
	min-height:100%;
	
}

div>#main_content {
	min-height: 640px;
	border: 6px solid #ccc;
	padding-bottom: 2em;
	width: 60em;
	margin:.5em 0 0 .5em;
	background: #fff;
	height:auto;
}





#main_content_home p {
	margin: 1em 0 2em 4em;
	width: 80%;
	font: 1em/1.75em arial, helvetica, sans-serif;
}
#main_content p {
	font-size: 1em;
	padding: .5em 0 .5em 4em;
	width: 80%;
}
#main_content_home p a:link {
	color: #039;
	text-decoration: underline;
}
#main_content_home p a:visited {
	color: #069;
	text-decoration: underline;
}
#main_content_home p a:hover {
	color: #369;
	text-decoration: none;
	border-top:1px dotted #369;
	border-bottom:1px dotted #369;
}
#main_content_home p a:active {
	color: #039;
	text-decoration: underline;
}
#main_content p a:link {
	color: #039;
	text-decoration: underline;
}
#main_content p a:visited {
	color: #069;
	text-decoration: underline;
}
#main_content p a:hover {
	color: #369;
	text-decoration: none;
	border-top:1px dotted #369;
	border-bottom:1px dotted #369;
}
#main_content p a:active {
	color: #039;
	text-decoration: underline;
}
#main_content p {
	margin: 1em;
	font:1em/1.75em Arial, Helvetica, sans-serif;
	padding-left: 2em;
	width: 90%;
}

#main_content a img{border:0;}




#leftcolumn {
	width: 25em;
	border: 2px solid #006;
	padding: 0;
	background: #fff;
	display: inline;
	float: left;
	margin-left: 1.5em;
}
#leftcolumn p {
	padding-left: 1em;
	padding-right: 1em;
}
#leftcolumn h2 {
	background: #b0c4de;
	color: #006;
	text-align: center;
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
#rightcolumn {
	width: 25em;
	border: 2px solid #006;
	padding: 0;
	background: #fff;
	display: inline;
	float: right;
	margin-right: 1.5em;
}
#rightcolumn p {
	padding-left: 1em;
	padding-right: 1em;
}
#rightcolumn h2 {
	background: #b0c4de;
	color: #006;
	text-align: center;
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
#breadcrumbs {
	padding:1em 0 1em 0;
	height:1em;
	color: #fff;
	font: bold .85em verdana, arial, sans-serif;
	width:100%;
	text-align:left;
	background:#666;
}

#breadcrumbs a{padding-left:2em;}

#breadcrumbs a:link {
	text-decoration: underline;
	color: #ccc;
	font-family: verdana, arial, sans-serif;
}
#breadcrumbs a:visited {
	text-decoration: underline;
	color: #ccc;
}
#breadcrumbs a:hover {
	text-decoration: none;
	color: #ccc;
}
#breadcrumbs a:active {
	text-decoration: none;
	color: #ccc;
}
address {
	margin-left: 4em;
	padding-bottom: 1em;
	padding-top: 1em;
	font: normal bold 1em arial, helvetica, sans-serif;
}
.italic {
	font-style: italic;
}
.skiplink {
	display: none;
}
.hide {
	display: none;
}
a:link.back2top {
	color: #333;
	margin-left: 25em;
}
a:visited.back2top {
	color: #003;
	margin-left: 25em;
}
a:hover.back2top {
	color: #666;
	margin-left: 25em;
}
a:active.back2top {
	color: #333;
	margin-left: 25em;
}
p {
	font-family: arial, helvetica, sans-serif;
}
p.cap {
	font-size: 1em;
	padding-bottom: 1em;
	margin-left: 2em;
}
p.home {
	margin-left: 5em;
	font-size: 2em;
	padding-bottom: 2em;
	padding-top: 2em;
}
p.graphics {
	font-weight: bold;
	margin-top: 1em;
	padding-bottom: 5em;
	text-align: center;
}
p.small {
	font-size: .5em;
	padding: 0;
	margin: 0;
	color: #000;
}
p.middle {
	padding-left: 10em;
	font-size: 1.5em;
	font-weight: bold;
}
p.pdf {
	padding: 1em;
	border: 1px dotted #036;
}
p.CSS_Date {
	color: #036;
	font-weight: bold;
	font-size: 1.5em;
}
p.footer {
	text-align: center;
	font-size: .95em;
	font-weight: bold;
	color: #fff;
}
ul.main li {
	margin-left: 2em;
	font-family: arial, helvetica, sans-serif;
}
ul.main li a:link {
	color: #039;
	text-decoration: underline;
}
ul.main li a:visited {
	color: #039;
	text-decoration: underline;
}
ul.main li a:hover {
color: #369;
	text-decoration: none;
	border-top:1px dotted #369;
	border-bottom:1px dotted #369;
}

ul.main li a:active {
	color: #039;
	text-decoration: underline;
}
ul.sitemap {
	list-style-type: none;
	margin-left: 2em;
	padding-left: 0;
	font-family: arial, helvetica, sans-serif;
}
ul.sitemap li {
	padding-left: 2em;
	color: #036;
	font-family: arial, helvetica, sans-serif;
	padding-bottom: .5em;
}
ul.sitemap li.home {
	font-size: 1.5em;
	font-weight: bold;
	color: #003;
	padding: 0;
	margin: 0 0 1em;
}
ul.sitemap li ul {
	background: transparent;
	list-style-type: none;
	margin: -1.4em 0 0 -1em;
	padding: 1.4em 0 .25em 2em;
	font-family: arial, helvetica, sans-serif;
	color: #036;
}
ul.sitemap  li ul a:link {
	color: #039;
	text-decoration: underline;
}
ul.sitemap  li ul  a:visited {
	color: #039;
	text-decoration: underline;
}
ul.sitemap   li ul a:hover {
color: #369;
	text-decoration: none;
	border-top:1px dotted #369;
	border-bottom:1px dotted #369;
}

ul.sitemap   li ul a:active {
	color: #039;
	text-decoration: underline;
}
ul.sitemap li a.parent {
	color: #006;
	text-decoration: underline;
	font-family: arial, helvetica, sans-serif;
	background: transparent url(images/double_arrows.gif) left no-repeat;
	padding-left: 2em;
}
ul.sitemap li a.parent:link {
	text-decoration: underline;
}
ul.sitemap li a.parent:visited {
	color: #339;
}
ul.sitemap li a.parent:active {
	color: #039;
	text-decoration: underline;
}
ul.sitemap li a.parent:hover {
	text-decoration: none;
}
ul.sitemap li ul li a.parent {
	background: transparent url(images/single_arrow.gif) left no-repeat;
}

/*styling for validation buttons on every page*/


ul#buttons{
list-style-type:none;

margin-left:10em;
margin-top:2em;
}

ul#buttons li{
padding-bottom:1em;
display:inline;

}

ul#buttons li a{
display:inline;
padding-left:1em;
}

ul#buttons a img{/*gets rid of border on ul images*/
border:none;}


    h1.home {
	color: #fff;
	text-align: center;
	margin:0;
	padding:0;
	letter-spacing: .25em;
	text-transform: uppercase;
	font: 1.25em verdana, helvetica, sans-serif;
}
#main_content h1 {
	color: #036;
	font-size: 1.5em;
	text-align: right;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
	letter-spacing: .25em;
	text-transform: uppercase;
	background: url(/images/swoosh.gif) bottom right no-repeat;
	margin-top: 1em;
}
h2 {
	color: #333;
	font-size: 1.3em;
	text-align: center;
}
h2.personal {
	color: #333;
	font-size: 1.3em;
	padding-left: 2.5em;
	text-align: left;
}
h6 {
	color: #fff;
	text-align: center;
	font-size: 1em;
}
img.big_graphic {
	margin-left: 12.5em;
}
.red {
	color: red;
	font-size: small;
	margin-left: .25em;
}
.dropcap {
	color: #369;
	float: left;
	width: .75em;
	text-align: center;
	margin: 2px 5px 5px 0;
	padding: 0 5px 10px;
	background: #f0f8ff;
	border: 2px solid #369;
	vertical-align: baseline;
	font: 475%/1em georgia, times, sarif;
}
dl.updates {
	padding: 1em;
	margin-bottom: 3em;
	border-bottom: 2px dotted #039;
}
dl.updates dt {
	background: #eee;
	color: #369;
	border: 1px solid #369;
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
	margin: .25em;
	padding-left: 1em;
}
dl.updates dd {
	color: #333;
	font-family: arial, helvetica, sans-serif;
	padding: 1em 0 1.5em;
}
dl.updates dd a:link {
	text-decoration: underline;
	color: #369;
}
dl.updates dd a:visited {
	text-decoration: underline;
	color: #339;
}
dl.updates dd a:hover {
	text-decoration: none;
}
dl.updates dd a:active {
	text-decoration: underline;
}
dl.faq {
	padding: 1em;
	margin-bottom: 3em;
	border-bottom: 2px solid #333;
}
dl.faq dt {
	color: #369;
	border: 2px solid #eee;
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
	padding: 1em 0 1em 1em;
}
dl.faq dd {
	color: #333;
	font-family: arial, helvetica, sans-serif;
	padding: 1em 0 1em 2em;
	margin: 0;
}
dl.faq dd a:link {
	text-decoration: underline;
	color: #369;
}
dl.faq dd a:visited {
	text-decoration: underline;
	color: #339;
}
dl.faq dd a:hover {
	text-decoration: none;
}
dl.faq dd a:active {
	text-decoration: underline;
}
dl.css {
	padding: .25em 1em;
	margin-bottom: 1em;
	border-bottom: 2px solid #333;
}
dl.css dt {
	color: #666;
	border: 1px dotted #369;
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
	padding: 1em 0 1em 1em;
}
dl.css dd {
	color: #333;
	font-family: arial, helvetica, sans-serif;
	padding: .5em 0 .5em 2em;
	margin: 0;
}

dl.contact{
border:2px solid #369;
margin-left:18em;
padding:1em;
width:22em;
}

dl.contact dt{
color:#369;
font-size:1.5em;
text-align:center;
margin-bottom:1em;
border-top:2px dotted #369;
border-bottom:2px dotted #369;
}

dl contact dd{
font-family:arial, helvetica, sans-serif;
color:#669;
padding-top:.5em;
padding-bottom:.5em;

}
ul.vertical_list {
	margin-left: 2em;
	margin-top: 0;
	padding: 0;
	list-style-type: none;
}
.vertical_list li {
	list-style-type: none;
	margin-left: 3em;
	padding-left: 3em;
	background: transparent url(images/bullet1.gif) left no-repeat;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list li a:link {
	color: #333;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list li a:visited {
	color: #003;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list li a:hover {
	text-decoration: none;
	color: #369;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list li a:active {
	font-size: 1em;
	padding-top: .5em;
	color: #333;
}
ul#horizontal_list {
	margin-left: 5em;
}
#horizontal_list li {
	display: inline;
	list-style-type: none;
	margin-left: 2.5em;
	font: 1em arial, helvetica, sans-serif;
}
#horizontal_list li a:link {
	color: #039;
	text-decoration: underline;
}
#horizontal_list li a:visited {
	color: #069;
	text-decoration: underline;
}
#horizontal_list li a:hover {
    color: #369;
	text-decoration: none;
	border-top:1px dotted #369;
	border-bottom:1px dotted #369;
}

#horizontal_list li a:active {
	font-size: 1em;
}
#horizontal_list img {
	padding: 0;
	margin: 0;
	border: none;
}
ul.SEO_list {
	font-size: 1em;
	line-height: 1.5em;
}
ul.SEO_list li {
	color: #333;
	margin-left: 2.5em;
	font: 1em/2em Arial, helvetica, sans-serif;
}
.SEO_list li a:link {
	color: #009;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
}
.SEO_list li a:visited {
	color: #003;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
}
.SEO_list li a:hover {
	text-decoration: none;
	color: #fff;
	background: #369;
	font: 1em arial, helvetica, sans-serif;
}
.SEO_list li a:active {
	font-size: 1em;
	padding-top: .5em;
	color: #333;
}
div#thumbnails_holder {
	padding-bottom: 5em;
	margin-left: 4em;
	padding: 0;
	width: 50em;
	border:1px dashed #036;
}



dl.graphics{
	border: 1px solid #333;
		background-color: #fff;
		width:14em;
		text-align: center;
		padding: 10px;
		float: left;
		margin:0 3em 2em .5em;
		height:17em;
}

dl.graphics dt {
	font-weight: bold;
	padding-bottom: 1em;
	color:#039;
	text-align:center;
}

dl.graphics dd {
	padding:0;margin:0;
}

dl.graphics img{border:0;text-align:center;}



img.dropcap {
	margin-left: 2em;
	margin-top: -1em;
	position: relative;
	top: -0.2em;
	z-index: 100;
}
table#skillset {
	border: 1px solid #036;
	border-collapse: collapse;
	margin-left: 2.5em;
	width: 90%;
	padding: 0;
}
table#skillset caption {
	color: #036;
	font-weight: bold;
	padding-bottom: 1em;
}
table#skillset th {
	font-size: 1.1em;
	color: #fff;
	background: #036;
	padding-top: .25em;
	padding-bottom: .25em;
	text-align: center;
	line-height: 2em;
}
table#skillset td.subheader {
	background: #369;
	color: #fff;
	font: bold 1.25em verdana, sans-serif;
	padding-left: 1.5em;
	padding-top: .25em;
	padding-bottom: .25em;
}
table#skillset td {
	font-size: 1em;
	padding-left: 1em;
	padding-top: .5em;
	color: #036;
	border: 1px solid #036;
	border-collapse: collapse;
	background: #fff;
}

table.resume {
	border: 1px dotted #666;
	margin: 1.5em;
	padding: 1em;
}
table.resume caption {
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
	padding-top: 1em;
	padding-bottom: 1em;
}
table.resume td {
	border-bottom: 1px dotted #666;
	padding-bottom: 1em;
}
table.resume p {
	color: #003;
	margin: 0;
}

#form_holder{
width:auto;
height:auto;
}
form.info_request {
	margin-left: 2em;
	font-family: arial, helvetica, sans-serif;
	color: #333;
	background: #fff;

}

form.info_request fieldset {
	width:20em;
	height:40em;
	border:1px dotted #036;
}

form.info_request fieldset.left {
float:left;
}


form.info_request label {
	font-weight: bold;
	font-size: 1em;
	margin-left: .5em;
	width: 3em;


}
form.info_request legend {
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	width:100%;
	background: #036;
}

form.info_request p{
padding:0;
margin:0;

}



form.info_request input.submit {
	width: 58px;
	height: 27px;
	margin-left: 20em;
	border: 0;
	background: #fff;
}
form.info_request input {
	border: 2px inset #666;
	margin:0;
	font-family: arial, helvetica, sans-serif;
	color: #036;
	width: 15em;
	padding-left: .25em;
	font-weight: bold;
	background: #eee;
}
form.info_request select {
	border: 2px inset #666;
	margin:0;
	font-family: arial, helvetica, sans-serif;
	color: #036;
	width: 15em;
	padding-left: .25em;
	font-weight: bold;
	background: #eee;
}
form.info_request textarea {
	border: 2px inset #666;
	margin-left: 2.5em;

	color: #036;
	padding-left: .5em;
    width:24em;
	height: 15em;
	background: #eee;
	font: bold 1em arial, helvetica, sans-serif;
}
form.uploader {
	padding-left: 5em;
	color: #003;
	font-weight: bold;
	padding-bottom: 10em;
	width: 12em;
}
form.uploader label {
	font-weight: bold;
	font-size: 1em;
	margin-left: .5em;
	width: 3em;
	white-space: nowrap;
}
form.uploader fieldset {
	width: 20em;
}



form.uploader fieldset {

}
form.uploader legend {
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	width: 12em;
	background: #666;
}
#bottom_links {
		margin:20em .25em 0 .25em;
	font: 1em arial, helvetica, sans-serif;
    border-top:1px dotted #039;
    border-bottom:1px dotted #039;
    padding:1em 0 1em 0;
	clear:both;
}

#bottom_links2 {/*used for pages with long content*/
		padding: .5em 0;
	margin-top: 2em;
	border-bottom: 1px solid #036;
	border-top: 1px solid #036;
	font: 1em arial, helvetica, sans-serif;
	clear:both;
}
#bottom_links ul, #bottom_links li {
	margin: 0;
	padding-left: 1em;
	display: inline;
	list-style-type: none;
}

#bottom_links2 ul, #bottom_links2 li {
	margin: 0;
	padding-left: 1em;
	display: inline;
	list-style-type: none;
}
#bottom_links li:before {
	content: "| ";
}

#bottom_links2 li:before {
	content: "| ";
}
#bottom_links a:link, #bottom_links a:visited {
	line-height: 14px;
	margin: 0 5px 4px;
	text-decoration: none;
	color: #036;
	list-style-type: none;
}

#bottom_links2 a:link, #bottom_links2 a:visited {
	line-height: 14px;
	margin: 0 5px 4px;
	text-decoration: none;
	color: #036;
	list-style-type: none;
}
#bottom_links a:link#current, #bottom_links a:visited#current, #bottom_links a:hover {
	border-bottom: 4px solid #036;
	padding-bottom: 2px;
	background: transparent;
	color: #036;
}

#bottom_links2 a:link#current, #bottom_links2 a:visited#current, #bottom_links2 a:hover {
	border-bottom: 4px solid #036;
	padding-bottom: 2px;
	background: transparent;
	color: #036;
}
#bottom_links a:hover {
	color: #006;
}

#bottom_links2 a:hover {
	color: #006;
}
#footer {
	height: 10em;
	clear: both;
	color: #fff;
	font-weight: bold;
	margin-top: 1em;
	border-top: 2px solid #999;
	background:#666;
	width:62em;
}
#footer img {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: .25em;
	border: none;
	padding-left: 1em;
}
p.footertag {
	font-weight: bold;
	color: #fff;
	margin-left: 4em;
	padding: 0;
	background: #666;
}
.date {
	margin-left: 4em;
	font: 90% verdana, arial, sans-serif;
}

.clear_all{
clear:both;
}

.clear{
clear:both;
overflow:auto;
height:1px;
}