/*
Created: Sept 10th 2005
Updated: July 23rd 2006

S'gotta be bad when your CSS file is bigger than your HTML.
*/

/* Start of Flickr Stuff */
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#FFFFFF;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
/* End of Flickr Stuff */

/*
Hide my vCard
*/
.vcard {
	display: none;
	}

/*
Actual Page Elements
*/
body {
	background: #000000;
	font-size: small;
	color: #FFFFFF;
	font-family: Optima,Tahoma,Arial,Verdana,Helvetica,sans-serif;
}

img {
	border: 0px;
	padding: 4px;
}

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

a {
	text-decoration: underline;
	color: #FFFFFF;
}


pre {
	width: 95%;
	margin-left: 10px;
 	padding: 5px;
	border: 1px dotted white;
    background: #00AC94;
    font-family: Monaco,Courier,sans-serif;
   	font-size: small;
    color: #FFFFFF;
 }

/* 
table {
	padding: 10px;
	clear: both;
	width: 99%;
	vertical-align: top;
 }
*/
td {
	padding: 5px;
}

h1, h2, h3, h4 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: medium;
font-weight: bold;
}

p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 0px;
}

ul {
margin-top: 0px;
padding-top: 0px;
list-style: square;
}

legend {
	/* background: #fb0;
	border: #ffffff dashed 1px; */
	font-family: Monaco, Courier, sans-serif;
	font-size: small;
	padding: 1px 10px;
	color: #ffffff;
}


label
 {
 width: 10em;
 float: left;
 text-align: right;
 margin: 4px 1em 10px 0;
 clear: both
 }

/*
My page elements used to make the layout work
*/

#flickr_twitter {
	margin-top: 50px;
	width: 220px;
	float: right;
	font-size: x-small;
}

#mainBody {
	margin-top: 50px;
	margin-right: 0px;
 	background: #000000;
 }
 
#description {
 display: none;
}

#articleMenu {
 	font-family: Optima,Verdana, Arial, sans-serif;
 	text-align: left;
    font-size: x-small;
	position:absolute;
	right: 0px;
	top: 0px;
	width: 25%;
 	margin: 0px;
 	margin-top: 50px;
 	padding: 0px;
    border: 0px;
 }

#articleMenu ul {
	margin: 0px;
	padding: 0px;
}

#articleMenu li {
	margin-bottom: 3px;
    list-style: square;
    color: #FFFFFF;
 }

#articleMenu a {
	text-decoration: none;
}

#topBar {
	/* width: 75%; */
	height: 59px;
	margin: 0px;
 	margin-left: 20px;
 	margin-right: 240px;
 	padding: 20px;
 	padding-bottom:0px;
 	border: 0px;
    background: #009C84 url("/images/tl.gif") no-repeat top left;
    text-align: right;
 }

#bodyBar {
	/* width: 75%; */
	margin: 0px;
	margin-left: 20px;
 	margin-right: 240px;
 	padding-left: 20px;
 	padding-right: 20px;
 	padding-top: 1px;
 	padding-bottom: 1px;
 	border: 0px;
    background: #009C84;
    min-height: 50px;
 }

#linkMenu {
	float: right;
	/* width: 40%; */
	padding: 2px;
	background: #00897A;
	margin: 10px;
	margin-right: 10px;
	text-align: center;
}

#bottomBar {
	/* width: 75%; */
	margin: 0px;
	margin-left: 20px;
	margin-right: 240px;
	font-size: 9px;
	font-family: Verdana,Arial,sans-serif;
	color: #CCCCCC;
	height: 59px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 2px;
 	border: 0px;
    background: #009C84 url("/images/br.gif") no-repeat bottom right;
 }
 
#bottomMenu {
	/* width: 75%; */
	height: 15px;
	margin: 0px;
 	margin-left: 20px;
 	margin-right: 240px;
 	padding: 20px;
 	text-align: center;
 	font-size: 10px;
 }

#bottomMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

#bottomMenu li {
	display: inline;
	padding: 0px;
	
}

#bottomMenu li:after {
	content: " | ";
}

#bottomMenu li:last-child:after {
	content: "";
}


 /*
 The CSS Styles used to make my copy look pretty
 */

.leftImage, .rightImage, centerImage {
	border: 0px;
	margin: 5px;
}

.leftImage {
	text-align: left;
	float: left;
}
.rightImage {
	text-align: right;
	float: right;
}

.leftImageDesc, .rightImageDesc {
	font-size: x-small;
}

.leftImageDesc {
	text-align: left;
}
.rightImageDesc {
	text-align: right;
}

.centerImage {
	text-align: center;
} 

.tableHeader {
	padding: 2px;
	background: #006F5E;
 }

.tableCellBold {
	padding: 2px;
 	text-align: center;
 	background: #00897A;
 }

.tableCell {
	padding: 2px;
	background: #00897A;
 }
 
.clear {
	clear: both;
}

.inputBox
{
margin-bottom: 10px;
border: #26a solid 2px
}