/*--------MAIN CSS--------*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333;
background-color: #fff;
}

blockquote, p {
padding-right: 10px;
padding-left: 0px;
font-size: 0.7em;
line-height: 1.4em;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

h3 {
font-size: 0.7em;
line-height: 1.4em;
} 

h1, h2, h3 {
font-weight: normal;
}

h1, h2 {
font-family: Arial, Helvetica, sans-serif;
}

h1 {
font-size: 3em;
}

h2 {
font-size: 0.7em;
font-style: italic;
}


small, .small {
font-size: 0.5em;
}

img {
border: none;
}

a {
text-decoration: none;
color: #00CCFF;
border: none;
}

h1 a, h2 a, h3 a {
border: none;
}

h2 a {
font: 1em Arial, Helvetica, sans-serif
color: #00CCFF;
line-height: 1.7em;
}

h3 a {
font: 1em Arial, Helvetica, sans-serif;
color: #00CCFF;
line-height: 1.7em;
}

h3 a:hover {
background-color: #000; 
}

select { 
 background-color: #00CCFF; 
 color: #ffffff; 
}

.foot {
font: Arial, Helvetica, sans-serif;
font-size: 0.7em;
line-height: 1.7em;
color: #999999; 
}


/*--------STRUCTURE CSS--------*/

#wrapper
	{
	width: 1000px;
	}
#head
	{
	margin-left: 0px;
        padding: 15px;
	}

#block_1
	{
	float: left;
	width: 195px;
        padding-left: 20px;
        padding-top: 10px;
	}
* html #block_1
	{
	display: inline;
	}
#block_2
	{
	float: left;
	width: 100px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
	margin-left: 10px;
	}
#block_3
	{
	float: left;
	width: 500px;
        margin-left: 15px;
	}

fieldset,label{border:0;}
legend {display:none;}

/*--------SLIDE VIEWER CSS--------*/

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 10%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 10px 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #fff; 
color: #00CCFF; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #00CCFF; 
color: #fff; 
}


/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack 
Verdana, "Lucida Grande", sans-serif
*/
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}

