body {
	margin: 0;
	padding: 0;
	color: #333;
	font: 76%/1.4em sans-serif;
	background:#ccc url(/images/Site_BG.png) repeat-x top left;
	text-align:center;
	
}



#Planets{
background:  url(/images/Planets.png) no-repeat top left;
width:100%;
height:auto;
margin-left: auto;
margin-right: auto;
text-align:center;
}

#Shadow{/*creates shadow around Wrapper*/
background:  url(/images/Shadows.gif) repeat-y;
margin-left:2em;
}





#wrapper_outer {
width: 64.90em;
height: 100%;
margin-left: auto;
margin-right: auto;
}



#header {
	padding: 0;
	height: 100px;
	width:61.90em;
	border-bottom:2px solid #000066;
	
	background-color:#fff;
	margin-left:24px;
}

#header img{
padding:0 0 0 2px;
}



#wrapper_inner {
	height: 100%;
	background: #036;
	width:62em;
	text-align:left;
	margin-left:2em;
	padding:0;
	height:100% !important;
	
	
}




#navcontainer { 
width:62em;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
background-color:#036;
margin-left:2em;
padding:0;
height:2.5em;
}



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.last a
{
border:none;
}

#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 a#current
{
background: url(/images/Menu_Current.png) no-repeat;
color: #fff;
border-bottom:4px solid #069;
padding:.5em 1em .5em 1.25em;
margin:0;

}

#navlist a:hover
{
color: #fff;
border-bottom:4px solid #069;


}

ul#navlist li.last a:hover
{
color: #fff;
border-bottom:4px solid #789;


}

#date{
text-align:right;
color:#000066;
font-size:.95em;
padding-right:3.5em;
font-weight:bold;
margin-top:-25px;
}

#flash_intro{
padding:0;
margin:0;
width:720px;


}
p.negative_margin{
margin-top:-5em;
}

#main_content_home {
	min-height:100%;
	height:100%;
	border: 6px solid #ccc;
	padding-bottom: 2em;
	width: 60em;
	margin:0 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: 4em;
	margin:.5em 0 0 .5em;
	height:100%;
	min-height:100%;
	
}

div>#main_content {
	
	border: 6px solid #ccc;
	padding-bottom: 2em;
	width: 60em;
	margin:.5em 0 0 .5em;
	background: #fff;
	height:100%;

	
}


#main_content_home p {
	margin: 1em 0 1em 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;}



div#byline{
padding:12em 0 0 0;
width:100%;

}
div#byline p{
color:#999;
font-size:75%;
font-family:arial, helvetica, sans-serif;
text-align:center;

}


#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 2em;
	height:1em;
	color: #fff;
	font: bold .85em verdana, arial, sans-serif;
	width:70.75em;
	text-align:left;
	background:#666;
}



#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:0 0 1em 1em;
	margin-left: 3em;
}
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 {
	
	font-size: .95em;
	font-weight: bold;
	color: #fff;
	margin-left:14em;
}
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*/

div#validation{
margin-left:48em;

}


ul#buttons{
list-style-type:none;
width:9em;
padding:5px;
border: 1px dotted #003;
}

ul#buttons li{
padding-bottom:1em;
display:block;

}

ul#buttons li a{
display:block;
padding-left:1em;
}

ul#buttons a img{/*gets rid of border on ul images*/
border:none;}


#float_left{/*used on pages with links box so IE will float text left*/
float:left;
width:30em;
}

* html div#float_left{/*used on pages with links box so IE will float text left*/
float:left;
width:30em;
}


h1.home {
	color: #fff;
	text-align:center;
	margin:0;
	padding:0;

	text-transform: uppercase;
	font: 1.25em verdana, helvetica, sans-serif;
}
#main_content h1 {
background-color:transparent;
	color: #000066;
	font-size: 1.5em;
	padding:0 1.5em 1.5em 1.5em;
	letter-spacing: .25em;
	text-transform: uppercase;
	background: url(/images/swoosh.gif) bottom right no-repeat;
	margin:1em 0 1em 0;
    width:auto;
    text-align:right;
}
h2 {
	color: #333;
	font-size: 1.3em;
	text-align: center;
}

h2.links{/*used on links header*/
color:#fff;
padding:.25em 0 .25em 0;
margin:0;
font-size:1.5em;
}

 
h2.personal {
	color: #333;
	font-size: 1.3em;
	padding-left: 2.5em;
	text-align: left;
}

h3.thanks{
padding-left:2em;
color:#369;
font-weight:bold;
}


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 {
display:none;
}

#I{
background:url(images/I.gif) no-repeat top left;
height:61px;
width:45px;
float:left;
padding:0;
margin:0 0 0 15px;
}


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{
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;

}

dl.css dd.content{
font-family:Arial, helvetica, sans-serif;
color:#003399;
font-size:12px;
}

blockquote{
font-weight:bold;
margin-left:3em;
color:#000033;
font-size:1.25em;
font-style:italic;
}

.box{
      float:right;
	width:250px;
      background:url(images/rounded_rectangle_bottom.gif) no-repeat top left;

	margin:1em 1em 0 3em;
	height:600px !Important;
	
      
	
	
	}
	
.box h2{
margin:0;
padding:10px 8px 10px 10px;
font-size:1em;
color:#fff;
background:url(images/rounded_rectangle_top.gif) no-repeat top left;
}
	
	

	#box2{/*used on certain pages where the box needs to be in middle of page*/
   
	
	width:25em;
	background-color:#789;
	margin:2em 1em 2em 15em;
	
	
}
	
ul.vertical_list {
	margin:.5em .5em 0 0;
	padding:0 1em .5em 1em;
	list-style-type: none;
	width:90%;
      height:auto;
      min-height:auto;
	}
	
.vertical_list li{	
	padding:.25em 0 .25em 0;
	}

.vertical_list li a:link {
	color:#000099;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
	
	
}
.vertical_list li a:visited {
	color:#000099;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list li a:hover {
	text-decoration: none;
	color: #000066;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list li a:active {
	font-size: 1em;
	padding-top: .5em;
	color:#000099;
}

/*Styling for website links*/

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

ul#Websites li{
padding-bottom:10px;
}



/*vertical list 2 styling*/
ul.vertical_list2 {
	margin:.5em .5em 0 0;
	padding:0 1em .5em 1em;
	list-style-type: none;
	width:90%;
      height:auto;
      min-height:auto;
      font-size:90%;
	}
	
.vertical_list2 li{	
	padding:.125em 0 .125em 0;
	}

.vertical_list2 li a:link {
	color:#000099;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
	
	
}
.vertical_list2 li a:visited {
	color:#000099;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list2 li a:hover {
	text-decoration: none;
	color: #000066;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list2 li a:active {
	font-size: 1em;
	padding-top: .5em;
	color:#000099;
}

ul#horizontal_list {
	margin-left: 5em;
}

/*used for vertical list with bullets*/
ul.vertical_list_bullets {
	margin:.5em .5em 0 2em;
	padding:0 0 .5em 3em;
	list-style-type: square;
	width:100%;
	font-family:arial, helvetica, sans-serif;
	}
	
.vertical_list_bullets  li{	
	padding:.25em 0 .25em 0;
	}

.vertical_list_bullets  li a:link {
	color:#000099;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
	
	
}
.vertical_list_bullets  li a:visited {
	color:#000099;
	text-decoration: underline;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list_bullets  li a:hover {
	text-decoration: none;
	color: #000066;
	font: 1em arial, helvetica, sans-serif;
}
.vertical_list_bullets  li a:active {
	font-size: 1em;
	padding-top: .5em;
	color:#000099;
}
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{
 
	  background:url(images/ThumbNails_BG.png) no-repeat top left;
		width:223px;
		text-align: center;
		padding:8px;
		float: left;
		margin:0;
		height:201px;
}

dl.graphics dt {
	font-weight: bold;
	color:#fff;
	background:url(images/ThumbNails_Header.png) no-repeat top left;
	text-align:center;
	width:201px;
	height:25px;
}

dl.graphics dd {
padding:0;
 margin:0;

}

dl.graphics img{border:0;text-align:center; margin-top:.5em}



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;
	background-color:#e3e3e3;
}
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#skillset tr.alt td{
background-color:#5A8B7E;
color:#fff;
}

table#skillset tr.over td{
background-color:#85CDBA;
color:#f0f8ff;
}



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;
}

#Flash_Ball{/*used as a holding div for bouncing ball flash movie*/
margin-left:10em;
}

#image_blur{/*used as a holding div for flash image blur effect*/
margin-left:10em;
}

#AS_Flower{/*used as a holding div 4 Flash AS flower*/
margin-left:10em;
}

#slideshow{/*used as a holding div 4 slideshowr*/
margin-left:5em;
}
#flash_movie{
margin-top:2em;
}

#form_holder{
width:auto;
height:auto;
padding-left:1em;
}









table th a{
font-family:arial, helvetica, sans-serif;
color:#fff;
text-decoration:underline;
font-size:90%;
}

table#contact_form input.submit {
	width: 75px;
	height: 20px;
	margin:5em 0 0 18em;
	border:1px solid #ccc;
	background: #fff;
	font-size:100%;
}

table#contact_form input.foo {
	border: 2px solid #000;
	margin-left:15em;
	font-family: arial, helvetica, sans-serif;
	color: #000;
	width: 10em;
	padding-left: .25em;
	font-weight: bold;
	background: #d3d3d3;
	
}
table#contact_form input {
	border: 2px inset #666;
	margin:0;
	font-family: arial, helvetica, sans-serif;
	color: #036;
	width: 22em;
	padding-left: .25em;
	font-weight: bold;
	background: #eee;
}

table#contact_form input.normal {
	border: 2px inset #666;
	margin:0;
	font-family: arial, helvetica, sans-serif;
	color: #036;
	width: 15em;
	padding-left: .25em;
	font-weight: bold;
	background: #eee;
}

table#contact_form input.error {
	border: 2px inset red;
	margin:0;
	font-family: arial, helvetica, sans-serif;
	color: #036;
	width: 15em;
	padding-left: .25em;
	font-weight: bold;
	background: #eee;
}
table#contact_form 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;
}
table#contact_form textarea {
	border: 2px inset #666;
	margin:0;

	color: #036;
	padding-left: .25em;
    width:22em;
	height: 15em;
	background: #eee;
	font: bold 1em arial, helvetica, sans-serif;
}

form#mailinglist label {
	font-weight: bold;
	font-size: 1em;
	margin-left: .5em;




}
form#mailinglist legend {
	font-weight: bold;
	font-size: 2em;
	color: #fff;
	background-color:#036;
	font-weight:bold;

}

form#mailinglist fieldset {
	width:auto;
	height:auto;
	border:1px dotted #036;
	padding:2em;
	margin:2em;
}

table.mailinglist td input{
color:#036;
padding-left:.25em;
font-weight:bold;
}

table.mailinglist td textarea{
color:#036;
padding-left:.25em;
font-weight:bold;
font-family:arial, helvetica, sans-serif;
font-size:1em;
width:25em;
height:20em;
}

table#contact_form p{
padding:0;
margin:0;

}




#warn_list{
color:red;
font-weight:bold;
margin:1em;
}

ul#warn_list{
color:red;
font-weight:bold;
}

td.warn_msg{
color:red;
text-decoration:underline;
}



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;
  
    padding:1em 0 1em 0;
	clear:both;
}

#bottom_links2 {/*used for pages with long content*/
		padding: .5em 0;
	margin-top: 2em;
	
	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: 2em solid #333;
	background:#666;
	width:62em;
}
#footer img {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: .25em;
	border: none;
	padding-left: 1em;
}
p.footertag {

	color: #069;
	margin-left: 4em;
	padding: 0;
	
}
.date {
	margin-left: 4em;
	font: 90% verdana, arial, sans-serif;
}

.clear_all{
clear:both;
}

.clear{
clear:both;
overflow:auto;
height:1px;
}




#navcontainer2
{
width:54em;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#036;
margin:0 0 0 2em;
padding:0 0 2em 8em;
height:1em;


}

* html #navcontainer2
{
width:62em;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#036;
margin-left:.5em;
padding:0;
height:1em;


}

#navlist2 ol, #navlist li 
{
margin:0;
padding:0;
list-style-type: none;


}


#navlist2 a:link, #navlist2 a:visited
{
margin:0;
padding:0;
color: #ccc;
border-right: 1px solid #ccc;
text-decoration: none;
font-weight:bold;
}

#navlist2 a:link#current, 
#navlist2 a:visited#current,
{
border-bottom: 1px solid #fff;
color: #fff;
}

#navlist2 a:hover { color: #f0f8ff; text-decoration:underline; }



#navlist2 a {
display:block;
width:10em;

}



#navlist2 li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
    padding:0;
	margin:0;
}

* html #navlist2 li ol.second { /* second-level lists */
	position: absolute;
    margin:0 2em 0 0;
    border-bottom:1px solid #fff;
	background: #369;
    width:10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navlist2 li ol.second { /* second-level lists */
	position: absolute;
    margin:0;
    
	border-bottom:1px solid #fff;
	background: #369;

    width:10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navlist2 li>ol.second { /* second-level lists for modern browsers */
	position: absolute;
   

	border-bottom:1px solid #fff;
	background: #369;
padding:0;


    width:10em;
     margin:0 0 .5em 1.5em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
	
#navlist2 li ol.second a { /* second-level lists */
padding:.5em 0 .5em 0;
background: #369;
border-bottom:1px solid #fff;
height:1.5em;


}

#navlist2 li ol.second a:link { /* second-level lists-link */
height:1.5em;


border-bottom:1px solid #fff;
color:#fff;


}

#navlist2 li ol.second a:visited { /* second-level lists-visited */


border-bottom:1px solid #fff;
color:#f0f8ff;

}

#navlist2 li ol.second a:hover { /* second-level lists -hover*/


text-decoration:none;
color:#036;
background-color:#789;

}

#navlist2 li ol.second a:active { /* second-level lists-active */

padding:.5em 0 .5em .5em;

color:#669;

}

#navlist2 li:hover ol.second, #navlist2 li.sfhover ol.second { /* lists nested under hovered list items */
	left: auto;
}

#padding{
height:.75em;
}

#warn_box{
height:auto;
width:auto;

}

div#search{
margin-left:2em;
}

a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

/*alpha testing*/
a:link img.graphics{  filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a:visited img.graphics {filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a:hover img.graphics {filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;}

a:active img.graphics {filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

div#icons{
width:6em;
height:auto;
padding-left:3em;
margin-top:-5em;
}

div#icons_home{
padding-left:4em;
width:6em;
height:auto;

}

div#icons a img{border:0;}

div#icons_home a img{border:0;}

div#redirect{
width:10em;
}

/*Zoom Search Code*/
#main_content_search {
	background: #fff;
	border: 6px solid #ccc;
	width:55em;
	padding:0 1em 2em 4em;
	margin:.5em 0 0 .5em;
	height:100%;
	min-height:100%;

	
}

div>#main_content_search {
	min-height: 640px;
	border: 6px solid #ccc;
	padding:0 1em 2em 4em;
	width: 55em;
	margin:.5em 0 0 .5em;
	background: #fff;
	height:auto;
	
}

#main_content_search h1 {
background-color:#fff;
	color: #000066;
	font-size: 1.5em;
	padding:0 1.5em 1.5em 1.5em;
	letter-spacing: .25em;
	text-transform: uppercase;
	background: url(/images/swoosh.gif) bottom right no-repeat;
	margin:1em 0 1em 0;
 width:auto;
text-align:right;
}
#main_content_search a:link {
	color: #039;
	text-decoration: underline;
}
#main_content_search a:visited {
	color: #069;
	text-decoration: underline;
}
#main_content_search a:hover {
	color: #369;
	text-decoration: none;
	border-top:1px dotted #369;
	border-bottom:1px dotted #369;
}
#main_content_search a:active {
	color: #039;
	text-decoration: underline;
}
/*USED FOR LIGHTBOX AJAX IMAGE VIEWER*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	/*end lightbox effects*/
	
form#redirect{
border:none;
}


form#redirect select{
background-color:#eee;
color:#000099;
font-family:arial, helvetica, sans-serif;
width:175px;
border:2px inset #333;
}

form#redirect legend
{color:#000066;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
border:none;
}


form#redirect input{
padding-left:5px;

}
/*top nav stuff including redirect and icons*/
#top_nav{
margin-top:-6em;
width:400px;
border:1px solid red;
}
#clear_float{
clear:both;
}

/*styles for recruiter database*/
table#recruiter_list{
margin: 1em 2em 0 2em;
padding:0;
width:90%;
border:1px solid #036;
}

table#recruiter_list th{
background-color:#039;
color:#fff;
font-weight:bold;
font-family:arial, helvetica, sans-serif;
text-align:center;
margin:0 0 1em 0;
padding:.5em 0 .5em 0;
}


table#recruiter_list td{
border:1px solid #036;
padding:.5em 1em .5em 0;
text-align:center;
}


table#recruiter_list label{
font-weight:bold;
}
table#recruiter_list form{
border:1px solid #333;
}

table#recruiter_list legend{
font-weight:bold;
color#666;
}

table#recruiter_list input{
border:2px inset #333;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
color:#333;
background-color:#eee;
padding-left:5px;
}

form#recruiters{
border:1px dotted #036;}

form#recruiters input{
border:2px inset #333;
color:#333;
padding-left:5px;
background-color:#eee;
}

form#recruiters input.submit{
border:1px solid #000;
color:#000;
padding-left:5px;
background-color:#d3d3d3;
}



/*vertical list for recruiters*/

ul.vertical_list_recruiters {
	padding:0 0 .5em 1em;
	list-style-type: none;

	}
	
ul.vertical_list_recruiters li{	
	padding:.25em 0 .25em 1em;
	font: 1em arial, helvetica, sans-serif;
margin:.25em 0 .25em 0;
	}

ul.vertical_list_recruiters li a:link {
color:#666;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
text-decoration:none;
padding:.25em 0 .25em 0;
}
ul.vertical_list_recruiters li a:visited {
color:#666;
text-decoration:none;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
	padding:.25em 0 .25em 0;
}
ul.vertical_list_recruiters li a:hover {
text-decoration:none;
	color: #333;
border-top:1px solid #333;
border-bottom:1px solid #333;
	padding:.25em 0 .25em 0;
}
ul.vertical_list_recruiters li a:active {
text-decoration:none;
	color:#666;
border-top:1px solid #333;
border-bottom:1px solid #333;
	padding:.25em 0 .25em 0;
}
.company{
font-style:italic;
color:#036;
font-weight:bold;
text-decoration:underline;
font-family:verdana, arial, sans-serif;
}

td.recruiter a:link{
font-family:arial, helvetica, sans-serif;
color:#000099;
text-decoration:underline;
}

td.recruiter a:visited{
font-family:arial, helvetica, sans-serif;
color:#000099;
text-decoration:underline;
}

td.recruiter a:hover{
font-family:arial, helvetica, sans-serif;
color:#000066;
text-decoration:none;
}

td.recruiter a:active{
font-family:arial, helvetica, sans-serif;
color:#000099;
text-decoration:underline;
}
textarea.recruiter {
	border: 2px inset #666;
	margin:0;
	color: #333;
	padding-left: .25em;
        width:22em;
       height: 15em;
	background: #eee;
	font: bold 1em arial, helvetica, sans-serif;
}

a.recruiter {
font-family: arial, helvetica, sans-serif ;
color:#000066;
text-decoration:none;
font-weight:bold;
}



a:link.random{
text-decoration:underline;
font-family:arial, helvetica, sans-serif;
font-size:100%;
color:#000066;
}

a:visited.random{
text-decoration:underline;
font-family:arial, helvetica, sans-serif;
font-size:100%;
color:#000066;
}

a:hover.random{
border-top:1px dotted #369;
border-bottom:1px dotted #369;
font-family:arial, helvetica, sans-serif;
font-size:100%;
color:#036;
}

a:active.random{
text-decoration:underline;
font-family:arial, helvetica, sans-serif;
font-size:100%;
color:#000066;
}

/*used on contact database tabe*/

td.blue{
background-color:#b0c4de;
color:#000033;
}

#contact_database{
margin:2em 0 0 0;
border:1px solid #000033;
height:auto;
width:100%;
}

#contact_database th{
background-color:#036;
color:#fff;
border:1px solid #fff;
text-align:center;
}

#contact_database tr td{
border:1px solid #036;
text-align:center;
padding:.5em;
background-color:#f0f8ff;
width:auto;
}

#contact_database td.bold{
font-weight:bold;
}

#main_content table#skillset{
background-color:#ccc;
border:1px solid #036;
margin:25px 0 0 45px;
}

#main_content table#skillset tr td{
border:1px solid #036;
}


/*scriptaculous menu*/
#menu {
  width: 400px;
  margin:15px 0 0 20px;
 
}

.menu_header{
margin:50px 0 0 150px;
}


.menu_header a{
  padding-left:10px;
  color: #666;
  text-decoration:underline;
  margin:0 0 0 20px;
}


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

d1 ul li a:link{
color:#036;
text-decoration:none;
font-family:Arial, helvetica, sans-serif;
}

d1 ul li a:visited{
color:#036;
text-decoration:none;
font-family:Arial, helvetica, sans-serif;
}

d1 ul li a:hover{
color:#036;
text-decoration:underline;
font-family:Arial, helvetica, sans-serif;
}

d1 ul li a:active{
color:#036;
text-decoration:none;
font-family:Arial, helvetica, sans-serif;
}


.menu_block div {
}
.close_block {
  position: relative;
  width: 100%;
  bottom: 0px;
  height: 15px;
  margin-left:345px;
  display: block;
}

.close_block a:link,visited,active{
text-decoration:underline;
}

.close_block a:hover{
text-decoration:none;
}

/*form field tool tip*/
#DHTMLgoodies_formTooltipDiv{
	color:#fff;
	font-family:arial;
	font-weight:bold;
	font-size:1em;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#fff;
	font-weight:normal;
	font-size:.8em;
}

.Bruce{/*used to position self portrait*/
float:right;
}

/*AJAX List Sort*/

ul#list{
list-style-type:none;
margin:0 15px 0 0;
padding:0 0 0 10px;
}



#list li {
     
border:2px solid #e3e3e3;
cursor:move;
margin:10px 0 10px 0;
background-color:#000033;
color:#fff;
padding:0 0 0 10px;     
    }
    
#list li a:link{
font-weight:bold;
color:#f0f8ff;
text-decoration:underline;
}

#list li a:visited{
font-weight:bold;
color:#f0f8ff;
text-decoration:underline;
}

#list li a:hover{
font-weight:bold;
color:#ffffcc;
text-decoration:none;
}

#list li a:active{
font-weight:bold;
color:#f0f8ff;
text-decoration:underline;
}

/*creating rounded corners for main content box on home page*/
.rbroundbox { background: url(images/n-t.gif) repeat; }
.rbtop div { background: url(images/t-l.gif) no-repeat top left; }
.rbtop { background: url(images/t-r.gif) no-repeat top right; }
.rbbot div { background: url(images/b-l.gif) no-repeat bottom left; }
.rbbot { background: url(images/b-r.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 60%;
_width:55%; /*used for IE6*/
margin: 1em 0 0 2em; float:left; }

/*used for quote generator box*/
/*creating rounded corners for box on home page*/
.rbroundbox2 { background-color:#003366; width:50% }
.rbtop2 div { background: url(images/tl2.gif) no-repeat top left; }
.rbtop2 { background: url(images/tr2.gif) no-repeat top right; }
.rbbot2 div { background: url(images/bl2.gif) no-repeat bottom left; }
.rbbot2 { background: url(images/br2.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 { margin: 0 7px; }
.rbroundbox2 { width: 90%; margin: 1em auto; }

/*used for related links box*/
/*creating rounded corners for box on home page*/
.rbroundbox3 { background-color:#003366; float:left;}
.rbtop3 div { background: url(images/tl2.gif) no-repeat top left; }
.rbtop3 { background: url(images/tr2.gif) no-repeat top right; }
.rbbot3 div { background: url(images/bl2.gif) no-repeat bottom left; }
.rbbot3 { background: url(images/br2.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop3 div, .rbtop3, .rbbot3 div, .rbbot3 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent3 { margin: 0 7px; }
.rbroundbox3 { width: 350px; margin: 1em auto; }

.rbcontent3 h2{
color:#ccc;
font-size:16px;
font-weight:bold;
}


.rbcontent3 ul{
list-style-type:none;
padding:0;
margin:0;
}

.rbcontent3 ul li{

border-bottom:1px dotted #fff;
}


.rbcontent3 ul li a:link{
text-decoration:none;
color:#fff;
font-weight:bold;
}

.rbcontent3 ul li a:visited{
text-decoration:none;
color:#fff;
font-weight:bold;
}

.rbcontent3 ul li a:hover{
list-tyle-type:none;
color:#ccc;
font-weight:bold;
}

.rbcontent3 ul li a:active{
text-decoration:none;
color:#fff;
font-weight:bold;
}


/*used on what's new section of home page*/

div#updates{

background-color:#d3d3d3;
width:200px;
padding:0;
height:auto;
float:right;
margin:1.25em 2em 2em 0;

border:1px solid #003399;
}


div#updates h2{
background: url(images/News_Header.png) no-repeat;
color:#fff;
font-weight:bold;
font-size:95%;
height:40px;
padding:12px 0 0 0;
margin:0;
}

div#updates a img{
border:none;
padding:0 0 0 20px;
}



div#updates ul{
padding:0;
margin:0;
}

div#updates ul li{
list-style-type:none;
margin:0 0 0 10px;
padding:5px 0 5px 0;
border-bottom:1px solid  #036;
}

div#updates ul li.date{
list-style-type:none;
margin:0 0 0 10px;
padding:3px 0 2px 0;
font-weight:bold;
color:#666;
font-size:12px;
border:none;
}

div#updates ul li a:link{
color:#369;
text-decoration:none;

}

div#updates ul li a:visited{
color:#369;
text-decoration:none;
}

div#updates ul li a:hover{
color:#039;

}
div#updates ul li a:active{
color:#369;
text-decoration:none;
}




/*form field highlighting*/
input:focus, textarea:focus { background-color:#d3d3d3; }

.mainExpand {/*collapsible text*/
 cursor:hand;
 cursor:pointer;
 font: bold .9em verdana, arial, helvetica, sans-serif;
 }
 


/*accordian styles*/
#list2{
margin:0 0 0 50px;
border:5px solid #dedede;
width:295px;
}

#list2 a{
margin:10px 0 0 0;
}


#list2 a:link{
color:#cc3300;
font-weight:bold;
font-family:arial, helvetica, sans-serif;
font-size:12px;
text-decoration:none;
border-top:1px dotted #cc3300;
border-bottom:1px dotted #cc3300;
}

#list2 a:visited{
color:#cc3300;
font-weight:bold;
font-family:arial, helvetica, sans-serif;
font-size:12px;
text-decoration:none;
border-top:1px dotted #cc3300;
border-bottom:1px dotted #cc3300;
}



#list2 a:hover {
	
       color:#cc3333;
	text-decoration:none;
	border:none;
	
}

#list2 a:active{
color:#cc3300;
font-weight:bold;
font-family:arial, helvetica, sans-serif;
font-size:12px;
text-decoration:none;
border-top:1px dotted #cc3300;
border-bottom:1px dotted #cc3300;
}


#list2 .option1 {
	color:#fff;
background: url(/images/DL_image1.png) no-repeat;
width:295px;
height:50px;
padding:0 0 0 10px;
 margin:0;
font-weight:bold;
	
}
#list2 .option2 {
	color: #fff;
	background: url(/images/DL_image2.png) no-repeat;
	width:295px;
height:50px;
	padding:0 0 0 10px;
   margin:0;
font-weight:bold;

}
#list2 .option3 {
	color: #fff;
	background: url(/images/DL_Image3.png) no-repeat;
	width:295px;
height:50px;
	padding:0 0 0 10px;
  margin:0;
font-weight:bold;

}

#list2 dt {padding:10px 0 0 10px; }
#list2 dd { height: 120px; width:295px; overflow: hidden; color:#000069;font-weight:bold;font-size:90%;padding:0;margin:0 }



/*show hide div stuff*/

div.quote {
       margin-left: 25%;
 padding: 10px;
        background-color: #FFCF31;
 border: 1px solid #00009C;
 width: 450px;
}

div.quote p {
       font-size: .8em;
        margin: 0px 0px 0px 0px;
}



a.commentLink {
       font-family: Arial, sans-serif;
        font-size: .9em;
}


#GoogleAds{
margin-top:4em;
padding-top:2em;

}


#alpha{/*used for alpha section*/
margin:0 0 0 25px;
}

#alpha a:link{
color:#036;
text-decoration:none;
font-family:arial, helvetica, sans-serif;
font-size:12px;
}

#alpha a:visited{
color:#036;
text-decoration:none;
font-family:arial, helvetica, sans-serif;
font-size:12px;
}

#alpha a:hover{
color:#039;
text-decoration:underline;
font-family:arial, helvetica, sans-serif;
font-size:12px;
}

#alpha a:active{
color:#039;
text-decoration:none;
font-family:arial, helvetica, sans-serif;
font-size:12px;
}


/*used for test contact form*/

/* 
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div { 
  width:80%;
  margin:0 0 0 100px;
}

div#gb_form_div img{
float:right;
}

/* id for the form itself */
form#gb_form { 

}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.5em; 
  color : #666; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  background-color : #fff; 
  border:0;

}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fff;
  color:#fff;
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #666;
 
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.5em;
  color : #333; 


}

/* form label text */
label { 
  color : #333;
  font-weight:bold;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 80% arial bold;
  color : #666; 
  padding : 2px; 
  border : 1px solid #000066;
  background-color : #fafafa;
}

input.button{
float:right;
}



/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #669900;
  background-color : #cc9900;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #036; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
  display:none;
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, {
  color : #666;
}


/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 20px;
  border:1px dotted #666;
  background-color:#e3e3e3;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}

/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }

/*Menu Stylings*/

.menu {
 border: solid 1px #BFBFBF;
 padding:10px 10px 15px 10px;
 background-color:white;
}

.menuItem {
 padding:4px 10px 4px 10px;
 border-bottom:solid 1px #dddddd;
}

.menuItem:hover {
 background-color:#f1f1f1;
}

.menuItem a {
 color:#666666;
 text-decoration:none;
}

#demo {
 background-color:#eeeeee;
 cursor:pointer;
 padding:5px 20px 5px 20px;
 margin: 30px 0;
 width: 425px;
}

#demo span {
 padding:3px 20px 0px 20px;
 cursor:pointer;
}

#demo span:hover {
 text-decoration:underline;
}


ul#twitter_update_list { 
	list-style: none; 
	font-size: 14px;	
}
ul#twitter_update_list li { 
	margin-bottom: 10px;
	padding: 0;
	color: #7a8a99;
	
}
a { color: #96997a; font-size:90% }


/*twitter updates*/

div#twitter_outer{
height:auto;
background:url(images/TwitterBird.png) top right no-repeat;
width:200px;
padding:0;
height:auto;
float:right;
margin:-.5em 2em 2em 2em;

}

div#twitter {
background-color:#d3d3d3;
width:200px;
padding:0;
height:auto;
float:right;
margin:6em 2em 2em 0;
border:1px solid #003399;

	
}

div#twitter h2 {
background: url(images/News_Header.png) no-repeat;
color:#fff;
font-weight:bold;
font-size:95%;
height:40px;
padding:12px 0 0 0;
margin:0;
}

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("images/loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
	
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px dotted #333;
	color:#000066;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #1529F9;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #039;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #000066;
}
#social_networking{
width:500px;
padding:20px;

}


#social_networking ul li{
list-style-type:none;
display:inline;
}


div#quote{
color:#fff;
font-weight:bold;
text-align:center;
}

div#author{
font-style:italic;
}

/*sliding animation code*/

#miniflex {
  width: 90%;
  float: left;
  font-size: 100%; /* could be specified at a higher level */
  margin: 0;
  padding: 0 10px 0 10px;
  border-bottom: 1px solid #000033;
  position:relative;
  z-index:2;
}

#miniflex li {
  float: left;
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  position:relative;
}

#miniflex a:link, #miniflex a:visited {
  float: left;
 
  line-height: 20px;
  font-weight: bold;
  margin: 0 10px 0 10px;
  text-decoration: none;
  color: #000033;
}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
  border-bottom: 4px solid #000033;
  padding-bottom: 2px;
  color: #000033;
}
  
#animated-tab {
  position: absolute;
  z-index: 1;
  font-size: 100%;
  line-height: 20px;
  padding-bottom: 2px;
  border-bottom: 4px solid #696;
}
                           
/*fancy box CSS*/
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_right.png) repeat-x;
}						   
						   
						     


/* End CSS */