/* Sandra Orme css version 1.0 */

body {
   margin: 0;
   padding: 0;
   background-color: #6B7489;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container {
   margin: 0%;
   padding: 0;
   width: 100%;
   background-color: #B1ADBE;
   overflow: hidden;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   
}

.email { color:white;}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #999999;
}

#left {
   float: left;
   width: 354px;
   height: 122px;
   margin: 0 0 0 0;
   padding: 0;
   background-color: #37124D;
   overflow: hidden;
   font-family:Verdana, Arial, Helvetica, sans-serif;

}
#right {
   float: left;
   margin: 0 0 0 0;
   overflow: hidden;
   height: 122px;
   width:614px;
   background: #FFFFFF url(../images/sandralogo_02.jpg) no-repeat;
   font-family:Verdana, Arial, Helvetica, sans-serif;

}
#header-table {
   float: right;
   margin: 0 0 0 0;
   overflow: hidden;

   margin-top: 100px;
   margin-left: 50px;
   }
   
.clear {
   height: 0;
   font-size: 0px;
   margin: 0;
   padding: 0;
   clear: both;
   background-color: #6B7489;
}

	* {
	margin: 0;
	border: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}


	#page {
	width: 100%;
	background-color: #6B7489;
	overflow: hidden;
	font:Verdana, Arial, Helvetica, sans-serif;


	}
	
	#rss {
	width: 354px;
	height: 122px;

	}
/* Begin Typography */

    h2 {
    font-size: 1em;
    }


	h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	h5 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
/* End Typography */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none; z-index:100}
#wrapper {width:670px; margin:10px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:670px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:670px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px; font-size:10px}
#image {width:670px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:624px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


li { /* the rules that do the indenting */
color:#FFFFFF;
list-style-type:square;
padding-left: 2em;
text-indent: 0em;
}
