body {
	font-size: small; font-style : normal; font-weight : normal;  margin: 0px; color: #e0e0e0; font-family: arial, verdana, helvetica, sans-serif; 
	background-image: url(bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-color: #000000;  background-position:top center;
	
}
h1 {
	font-family: 'century gothic', arial, verdana, helvetica, sans-serif; padding: 0; margin: 0; text-align: left; font-size: 150%; color: #ffffff; font-weight: bold;
}
h2 {
	padding: 0 0 5px 0; margin: 0; text-align: left; font-size: 110%; color: #e0e0e0; font-weight: normal;
}
h3 {
	padding: 0 0 15px 0; margin: 0; text-align: left; font-size: 110%; color: #ffffff; font-weight: bold; clear: both;
}

h4 {
	text-align: left;
}

.center {
	text-align: center;
	clear: both;
}

a:link {
	color: #ffffff; text-decoration: none;
}

a:visited {
	color: #ffffff; text-decoration: none;
}

a:hover {
	color: #ffffff; text-decoration: underline;
}

.mainContainer {
	text-align: center; width: 746px; margin: 17px auto 17px auto;
}

.footer {
	font-size: 75%; color: #e0e0e0; padding: 5px 0 0 0; margin: 20px 0 0 0; border-top: 1px dotted #666666;
}

.footer a:link {
	font-weight: bold; color: #ffffff; text-decoration: none;
}

.footer a:visited {
	font-weight: bold; color: #ffffff; text-decoration: none;
}

.footer a:hover {
	font-weight: bold; color: #ffffff; text-decoration: underline;
}

.container {
	font-size: 85%; padding: 10px; margin: 0 0 25px 0; vertical-align: top; width: 720px; background-image: url(container-bg.png) !important; background-image: url(container-bg1.png); text-align: center; border: 1px solid #cccccc; clear: both;
}

.date {
	float: right; padding-bottom: 0px; padding:0; text-align: right;
}

.image img{
	border: 10px solid #333333;
}

.image  a:hover img{
	border: 10px solid #666666;
}

.recognition img{
	margin: 0 15px 15px 0;
	float: left;
	border: 3px solid #666666;
}

.recognition  a:hover img{
	border: 3px solid #cccccc;
}

.role {
	padding: 10px 0 0 0; text-align: left; margin: 0 0 0 40px;
}

.links {
	float: right; padding:10px 0 0 0; text-align: left; margin: 0 40px 0 0; width: 220px;
}

.saf_text {
	text-align: center; padding: 0 0 10px 0;
}

.content {
	padding: 10px; background-color: #cccccc; text-align: left; color: #333333;
}

.spaced1 {
	float: left; margin: 0 40px 0 0;
}

.spaced2 {
	float: left; margin: 0;
}

.logo {
	float: left; margin: 0 0 0 20px;
}

.description {
	text-align: left; padding: 10px;
}

.description_left {
	float: left;
	width: 430px;
}

.description_right {
	float: left;
	width: 250px;
	margin: 0 20px 15px 0;
}

.description_right img{
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #000000;
}

.archive {
	text-align: left; padding: 0; margin: 0; clear:both;
}

.archive h1 {
	padding: 0; margin: 0; text-align: left; font-size: 135%; color: #ffffff; font-weight: bold;
}


.archive h2{
	padding: 0 0 5px 0; margin: 0; text-align: left; font-size: 110%; color: #e0e0e0; font-weight: normal;
}

.archive p{
	padding: 0; margin: 0; text-align: left; color: #e0e0e0; width: 600px;
}

.archiveImage img{
	padding: 0; margin: 0 10px 10px 0; float: left; border: 3px solid #666666;
}

.archiveImage  a:hover img{
	border: 3px solid #999999;
}

.archiveRole {
	padding: 10px 0 10px 0; text-align: left; margin: 0 0 0 165px;
}

.archiveLinks {
	float: right; padding:10px 0 10px 0; text-align: left; margin: 0; width: 230px;
}

.archiveDescription {
	text-align: left; padding: 0 0 10px 0; margin: 0 0 0 165px;
}

.archiveDivider {
	padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #666666; clear:both;
}

.archiveClear {
	padding: 0; margin: 0; clear:both;
}

.news {
	text-align: left; padding: 0; margin: 10px 0 0 0; clear:both;
}

.news h2{
	padding: 0 0 5px 0; margin: 0; text-align: left; font-size: 120%; color: #e0e0e0; font-weight: bold;
}

.news p{
	padding: 0; margin: 0; text-align: left; color: #e0e0e0; width: 600px;
}


.news img{
	padding: 0; margin: 0 10px 45px 0; float: left; border: 3px solid #666666;
}

.news  a:hover img{
	border: 3px solid #999999;
}


.news_divider {
	padding: 0 0 10px 0; margin: 0; border-bottom: 1px solid #666666; clear:both;
}

.newsLink {
	padding: 0 0 0 40px; margin: 0;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.submit_right {
	clear: both;
	float: right;
	padding: 0;
}

.submit_right input{
	margin: 0;
}


input{
	margin: 0 0 16px 0;
}

#frmName {width: 260px;}
#frmEmail {width: 260px;}
#frmSubject {width: 260px;}
#frmMessage {width: 400px; height: 125px;}

.clear_both {
	clear:both;
}

#adobeSOTD {
	float:right;
	position: relative;
	top: 0px;
	right: 0px;
	z-index: 100;
}

/* Rollover */

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	background-color: transparent;
	padding: 0;
	margin: 0;
	visibility: hidden;
	color: #e0e0e0;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 35px;
	left: -75px; /*position where enlarged image should offset horizontally */
	z-index: 51;
}

/* Rollover for the Follow on Twitter button */
.follow {float: right; margin: -20px 0 25px 0; text-align:right;}

a.facebook {
	display: block;
	width: 80px;
	height: 28px;
	text-decoration: none;
	background: url("facebook.png");
	float: right;
}

a.facebook:hover {
	background-position: 0 -28px;
}

a.twitter {
	display: block;
	width: 78px;
	height: 28px;
	text-decoration: none;
	background: url("twitter.png");
	float: right;
}

a.twitter:hover {
	background-position: 0 -28px;
}

.displace {
	position: absolute;
	left: -5000px;
}

