/*reset everything*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, img, a, li, ol, p {
text-decoration:none;
margin:0px;
padding:0px; 
border:none;
}

a:active{
outline:none;
}
a:focus{
-moz-outline-style:none;
}

body{
text-align:center;
background-color:#f6f6f6;
}

/*header*/



#header{
position:relative;
margin:0 0 0 -9000px;
}

#footer{

position:relative;
margin:0px auto 0 auto;
text-align:center;
height:86px;
width:960px;
}

	

#goprevious{
margin:0 auto 0 auto;
height:19px;
background:url(../images/goprevious.png) no-repeat;
float:left;
display:block;
width:16px;
position:relative;
left:0px;
left:310px;

}

#gonext{
left:620px;
height:19px;
width:16px;
float:left;
background:url(../images/gonext.png) no-repeat;
display:block;
position:relative;
}

a#goprevious:hover{
background-position:-17px 0;
}

a#gonext:hover{
background-position:-16px 0;
}

#headernav{
width:195px;
height:19px;
}

#current{
margin:0 auto 0 auto;
position:relative;
width:216px;
height:19px;
display:block;
float:;
left:0px;
}

current{
background-image: url(../images/dot_red.png);
}


a#home{

float:right;
top:-16px;
position:relative;
display:block;
height:16px;
width:66px;
margin-right:0px;
background:url(../images/10again_sprite.png) no-repeat 0 0px;
}

a#home:hover{
background-position: 0 -16px;
}



a#about{
top:-16px;

float:right;
position:relative;
display:block;
height:16px;
width:70px;
background:url(../images/aboutOpto_sprite.png) no-repeat 0 0px;
}

a#about:hover{
background-position: 0 -16px;
}


#logo{
	top:-16px;
	height:16px;
	width:195px;
	position:relative;
	display:block;
	background:url(../images/logo.png) no-repeat;
}

#logo:hover{
background-position: 0 -16px;
}

#disclaimer{
z-index:-1;
font-family: "Arial", sans-serif;
font-size:9px;
text-align:center;
width:250px;
margin:50px auto 0 auto;
color:#3a3a3a;
}

/*entirepage*/

#box{
width:960px;
position:relative;
height:420px;
margin:0 auto 0 auto;
overflow:;
left:-112px;
}

#entirepage{
position:relative;
width:1184px;
height:410px;
}

/* front page */

/*inner page*/

#innerpage{
float:left;
width:1184px;
height:410px;
background:url(../images/background.png) no-repeat;
}

#innerimage{
float:left;
width:256px;
height:410px;
opacity:1.0;
filter:alpha(opacity=100);
z-index:1;
margin-left:-256px;
cursor:normal;
}

#toggleimage{
opacity:0.2;
filter:alpha(opacity=20);
width:32px;
background-color:white;
height:410px;
float:right;
margin-right:0px;
}

#arrowleft{
margin:189px 4px 0 4px;
}

#blueimage{
width:256px;
height:410px;
float:left;

}

/* center */
#centerpiece{
width:672px;
height:410px;
float:left;
}

#largeImg{
width:670px;
height:410px;
}

.hiddenPic{
display:none;
}

li{
display:inline;

}

.other{
padding:0 3px;
height:15px;
width:15px;
background-image:url('../images/dot_white.png');
background-repeat:no-repeat;
}

.other:hover{
}

.current{
padding:0 3px;
height:15px;
width:15px;
background-image:url('../images/dot_red.png');
background-repeat:no-repeat;
}


#imagenav{
list-style-type:none;
display:inline;
position:relative;
top:-30px;
opacity:0.0;
display:none;
}
/*end center*/
/*blurb*/



#blueblurb{
width:256px;
height:410px;
float:left;

}

#blurb{
width:256px;
height:410px;
background-image:url('../images/grey.png');
float:left;
margin-left:-256px;
opacity:0.6;
filter:alpha(opacity=60);
font-size:13px;
text-align:left;
font-family:"georgia", serif;
cursor:normal;

}

#blurb p{
padding:15pt 15pt 0 15pt;
line-height: 135%;
}

#blurb a{
text-decoration:none;
text-decoration:underline;
color:#463E41;
font-style:italic;
}

#blurb h2{
padding:15pt 15pt 0 15pt;
font-size:21px;

}

#toggleblurb{
width:32px;
height:410px;
background-color:white;
float:left;
opacity:0.2;
filter:alpha(opacity=20);
}

#arrowright{
margin:189px 0px 0px -4px;
}

.hiddenPic{
display:none;
}