/*Styles from www.stefpix.com */

.body {color: #ccccff;
font: .9em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
text-align: left;
height: inherit;
width: 800px;
background: #33354f; }

/* navigation bar styles */

.header-cell550px {text-align: left;
padding: 2px;
width: 98%;
background: #33354f;
position: static;
left: 5px;
text-indent: 5px;
padding: 4px;
border-top: 1px none #9999cc; }

a.nav:link, a.nav:visited, a.nav:hover, a.nav:active {display: block;
text-decoration : none;
color: #ffcc99;
overflow: hidden;
text-align: center;
float:left;
font: normal .9em Verdana, Arial, Helvetica, sans-serif;
padding: 2px;

vertical-align: top;

background: transparent;

position: static;
left: auto;
	letter-spacing: .3px;
}

a.nav:hover {color: #f86cff;
	text-decoration: none;
}

a.url:link, a.url:visited, a.url:hover{text-decoration : none;
color: #ffcc99;
overflow: hidden;
text-align: left;
float:left;
vertical-align: top;
margin: auto;
right: auto;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}

a.url:hover {text-decoration: none;
	color: #f86cff;
}

a.mailto:link {font: bold .75em Arial, Helvetica, sans-serif;
text-decoration: none;
color: #cccc66;
text-align: center;
letter-spacing: 0.09em; }

a.mailto:hover {color: #cccc66;
text-decoration: underline; }

/* body text captions titles */

.pixbackgroundcell {background: #010102;
vertical-align: middle;
padding: 5px;
	border-color: #010102;
	border-width: 9px;
	margin: 1px;
}

.divscrolltext-h310 {border: 1px dotted #9999cc;
overflow: auto;
width: 198px;
background: #33354f;
height: 315px;
text-align: left;
padding: 2px;
vertical-align: top;
left: 5px;
color: #ffcc99;
font: .70em Geneva, Arial, Helvetica, sans-serif; }


/* div 600 px x 460 for image thumbnails*/

.divscrolltext-w640 
{border: 1px dotted #9999cc;
overflow: auto;
width: 655px;
background: #33354f;
height: 460px;
text-align: center;
padding: 2px;
vertical-align: top;
left: 3px;
color: #ffcc99;
font: .75em   Verdana, Arial, Helvetica, sans-serif; }

/* for text boxes - about page */


.divscrolltext-h440w400 {border: 1px dotted #9999cc;
overflow: auto;
width: 400px;
background: #33354f;
height: 440px;
text-align: left;
padding: 2px;
vertical-align: top;
left: 5px;
color: #ffcc99;
font: .80em   Verdana, Arial, Helvetica, sans-serif; }

.bold {
	font-weight: bold;
}

.divscrolltext-h400 {border: 1px dotted #9999cc;
overflow: auto;
width: 198px;
background: #33354f;
height: 394px;
text-align: left;
padding: 2px;
vertical-align: top;
left: 5px;
color: #ffcc99;
font: .70em Geneva, Arial, Helvetica, sans-serif; }

.divscrolltext-h460 {border: 1px dotted #9999cc;
overflow: auto;
width: 190px;
background: #33354f;
height: 463px;
text-align: left;
vertical-align: top;
left: 5px;
color: #ffcc99;
font: .70em Geneva, Arial, Helvetica, sans-serif;
padding: 2px; }

.divscrolltext-h600 {border: 1px dotted #9999cc;
overflow: auto;
width: 810px;
background: #33354f;
height: 600px;
text-align: left;
vertical-align: top;
left: 5px;
color: #ffcc99;
font: .70em Geneva, Arial, Helvetica, sans-serif;
padding: 2px; }

.scrolltext-column {border: 1px none #000000;
width: 170px;
background: #33354f;
text-align: left;
vertical-align: top;
color: #ffcc99;
font:  1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif, "Trebuchet Ms";
word-spacing: 1px;
padding: 2px;
overflow: hidden; }

.scrolltext-title-column {
overflow: auto;
background: #33354f;
text-align: left;
vertical-align: top;
color: #ffcc99;
font: bold  1em   Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 2px; }

.h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.09em;
word-spacing: .1em;
text-align: left;
color: #cc6633;
text-indent: 6px; }

.h1 {
	font-size: 2em;
}

.h2 {
	font-size: 1.5em;
}

.h3 {
	font-size: 1em;
}



.textalertcolor {font : normal lighter 10px Verdana, Arial, Helvetica, sans-serif;
color : #333333;
text-decoration : none;
background : #FFCC99 center center;
border-color: #cccccc;
text-align: center;
width: auto;
height: auto;
display: inherit;
vertical-align: middle; }

.textalertnotealertsmall {font : normal lighter 10px Geneva, Arial, Helvetica, sans-serif;
color : #ffff66;
text-decoration : none;
background : center center #323547;
width: 100%;
height: inherit;
vertical-align: middle;
border: 1px none #333333;
display: block;
border-collapse: collapse;
text-align: left;
text-indent: 5px;
position: relative; }
.textalertnotealertsmallboldCopy {
font : bold normal 10px Geneva, Arial, Helvetica, sans-serif;
color : #ffff66;
text-decoration : underline;
background : center center #323547;
width: 100%;
height: inherit;
vertical-align: middle;
border: 1px none #333333;
display: block;
border-collapse: collapse;
text-align: left;
text-indent: 5px;
position: relative;
}
.captionbold {
overflow: auto;
background: #33354f;
text-align: center;
vertical-align: top;
color: #ffcc99;
font: bold 0.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 2px;
}
.h5 {
	font-size: .8em;
}
.caption {
overflow: auto;
background: #33354f;
text-align: center;
vertical-align: top;
color: #ffcc99;
font: normal 0.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 2px;
}
a.url:active  { text-decoration : none;
color: #ffcc99;
overflow: hidden;
text-align: left;
vertical-align: top;
margin: auto;
font: 0.89em Verdana, Arial, Helvetica, sans-serif;
 } 
