body{
background-color:#f0eef6;
padding:0;
margin:0;
font-family: 'lucida grande', verdana, arial, sans-serif;
font-size:62.5%;
color:#444;
}

p{
line-height:1.4em;
}

div#wrapper{
min-height: 500px;
font-size:1.1em;
}

a{
color:black;
text-decoration:none;
}

a:hover{
border-bottom:1px dotted black
}

hr{
display:none
}

img{
border:none;
}

div#wrapper{
width:724px;
position:relative;
background-color:white;
border-bottom: 5px solid #ccc;
padding:0 24px 10px;
margin:0 auto;
}

h1{
width:100%;
border-bottom:1px solid black;
padding:6px 0 0 0;
margin:0 0 70px;
background-image:url(../images/scd.jpg);
background-position:0 5px;
background-repeat:no-repeat;
text-indent: -100em;
overflow: hidden;
height: 25px;
}

h1 a{
display:block;
text-decoration:none;
border-style:none;
letter-spacing:-1000em;
}

/*headings*/

h1 a:hover{
border-style:none;
}

h3{
color:#ab6;
}

h2{
padding-bottom:0;
margin-bottom:0;
font-size:small;
}

h4{
font-size:x-small;
margin:1em 0 0.3em
}

/*top navigation*/

ul#nav1{
position:absolute;
right:0;
padding-right:24px;
top:22px;
}

#nav1 li{
display: inline;
list-style-type: none;
padding-left: 20px;
text-align:right;
}

#nav2 ul{
width:450px;
margin:0;
padding-left:0;
}

/*Thumbnails on front page*/

#nav2 li{
list-style-type:none;
display: inline;
background-color:#ddd;
overflow:hidden;
/*text-indent:-1000em;*/
}

#nav2 a{
display:block;
width:55px;
height:55px;
margin:2px;
background-color:#666;
border: thin solid white;
float:left;
}

#nav2 li a:hover{
border: thin solid #555;
}

#nav2 ul li div{
position:absolute;
height:174px;
z-index:20;
left:-1000em;
text-align:right;
padding:2px;
margin:2px;
border-top:1px solid #fff;
background-color:#ddd;
width:290px;
text-indent:0;
}

#nav2 ul li:hover div, #nav2 ul li div.sfhover{
left:452px;
}

div.preview{
background-color:#ccc;
width:290px;
height:173px;
position:absolute;
left:451px;
padding:2px;
margin:2px;
border:thin solid white;
overflow:hidden;
top:101px;
}

div#explain{
clear:both;
font-size:x-small;
}

div#frontpagequote{
/*margin-top:10px;*/
width:355px;
height:157px;
position:relative;
background-image:url(../images/highquality.jpg);
background-position:0 0;
background-repeat:no-repeat;
text-indent: -100em;
}

div#frontpagequote blockquote, div#frontpagequote cite{
text-indent: -100em;
display:block
}

div#aboutus{
width:290px;
top:-163px;
position:relative;
margin:10px 0 -90px 0;
left:430px
}

blockquote{
font-family:georgia, 'times new roman', serif;
font-size:large;
color:#888;
margin:0;
padding:0;
text-indent:-6px;
margin-left:6px;
}

cite{
font-family:georgia, 'times new roman', serif;
font-size:x-small;
color:#888;
margin-left:0px;
}

abbr{
font-style:normal;
font-weight:bold;
border:none;
}

/*Bottom bar information links*/

div#siteinfo{
position:absolute;
bottom:0;
width:730px;
border-top: 1px solid black;
}

#siteinfo ul{
margin-left:0;
padding-left:0;
}

#siteinfo li{
display: inline;
list-style-type: none;
padding-right: 20px;
text-align:right;
}

#siteinfo a{
color:black;
text-decoration:none;
}

div#image{
position:absolute;
top:100px;
right:0;
float:right;
padding-right:24px;
}

/*Link back to thumbnail page*/

div#nav4{
float:left;
position:absolute;
top:100px;
}

#nav4 ul{
margin:0;
padding:0;
}

#nav4 ul li{
list-style-type:none;
text-align:right;
margin:0;
padding-left:0;
padding-bottom:6px;
width:110px;
color:#999
}

#nav4 ul li ul{
padding:10px 0 0;
margin:0;
}

div#nav4 a.noline{
background-image:url(../images/homeicon.gif);
background-color:#ccc;
text-indent:-999em;
height:28px;
width:68px;
display:block;
margin:0 0 0 43px;
padding:0;
border:none;
}

div#content{
width:275px;
border-left:thin dotted black;
padding-left:8px;
margin-left:123px;
margin-bottom:40px;
}

div#content.textonly{
width:370px;
}

/*Links for 1 of 21*/

#nav5{
text-align:right;
font-weight:bold;
font-size:small;
color:#777;
}

#nav5 a{
color:#aaa;
font-size:large;
}

div#image img{
border: 2px solid #aaa;
}

 #nav5 a{
 border:none;
 }

 .otherimage, .selected {
 float:left;
 width:17px;
 height:17px;
 border:0px solid;
 background: url(/splash/images/imageicon.gif) no-repeat 0 0px;
 margin:2px 5px 0 0;
 text-indent:-999em;
 overflow:hidden;
 }
 a.otherimage:link, a.imageicon:visited, a.imageicon:active {
 text-decoration:none;
 background: url(/images/imageicon.gif) no-repeat 0 0px;
 }
 a.otherimage:hover, a.selected:link, a.selected:visited, a.selected:active {
 background: url(/images/imageicon.gif) no-repeat -17px 0px;
 }

div#content p{
margin:0.5em 0 0.5em 0;
}


/*Text on front page*/


li#copyright{
position:absolute;
right:0;
padding-right:0;
}

#fivereasons li{
margin-bottom:1em;
}

td{
vertical-align:top;
}