@charset "utf-8";

/*PAGE CONSTRUCTION*/
body {
	background: #ffffff;
	color: #333333;
	text-align: center;}
body, div, img {
	border: 0;
	margin: 0;
	padding: 0;}
#outercontainer {
	width: 800px;
	text-align: left;
	background: url(../images/vertborders.png) repeat-y;
	margin: 0 auto;}
#innercontainer {
	margin: 0 10px;}
#header {
	background: #ccff00 url(../images/header_group.jpg) top right no-repeat;}
#content {
	padding: 10px 25px;
	background: #ffffff url(../images/dropshadow_horz.gif) top repeat-x;}
#footer {
	background: #ffffff url(../images/dropshadow_horz.gif) top repeat-x;
	font: 90% Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
	padding-top: 1px;
	color: #999999;}
#footer a {
	color: #757575;
	text-decoration: none;}
#footer a:hover {
	text-decoration: underline;}
	
/*MAIN TEXT*/
#content {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;}
#content h1 {
	font-family: Lucida sans, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 150%;
	border-bottom: 2px inset #0066CC;}
#content p, li{
	line-height: 1.5em;}

#content div.quote {
	background: url(../images/quoteBoxSwish.png) no-repeat;
	padding: 0 0 25px 0;
	width: 100%;
	float: left;
	height: 150px;
	overflow: auto;}
#content div.quote h2 {
	font-size: 120%;
	padding: 15px 0 0 17px;
	margin: 0;}
#content div.quote p {
	padding: 0 25px 0 25px;
	margin: .8em 0;
	font-style: italic;}

#content div#prev_next {
	clear: both;
	padding: 0 30%;
	margin-top: 7px;
	border-top: 1px solid #ccc;}
#content div#prev_next p{
	font-size: 80%;}
#content div#prev_next a{
	color: #333333;
	text-decoration: none;}
#content div#prev_next a:hover{
	text-decoration: underline;}
#content div#prev_next p.next{
	float: right;}

#content div.show {
	display: block;}
#content div.hide {
	display: none;}

#content div#logoBox {
	text-align: center;
	border-bottom: 1px solid #ccc;}
#content div#logoBox img {
	margin: 10px;}
	
#content div#mainImage {
	text-align: center;
	float: right;
	width: 550px;
	height: 400px;}
#content div#thumbStrip {
	clear: left;
	float: left;
	width: 180px;
	height: 400px;
	overflow: auto;}
#content div.thumbcell {
	width: 120px;
	height: 130px;
	padding: 0 20px 0 20px;}
	
#content img.fltRight {
	float: right;
	margin: 0 0 18px 18px;}
#content img.fltLeft {
	float: left;
	margin: 0 18px 18px 0;}

/*THE MAIN MENU*/
#menu {
	float: right;
	width: 469px;
	margin-top: 90px;
	margin-right: 3px;}
#menu ul {
	position: relative;
	width: 469px;
	height: 21px;
	background: url(../images/navbuttons_up.gif) no-repeat;}
#menu ul li {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	list-style: none;}
#menu ul li, #menu ul li a {
    width: 81px;
	height: 21px;
	display: block;}
#menu ul li a span {
	margin-left: -9999px;}
#menuHome {
	left: 1px;}
#menuHome a:hover, #menuHome a.current {
	background: transparent url(../images/navbuttons_down.gif) no-repeat;
	background-position: 0 0;}
#menuPics {
	left: 97px;}
#menuPics a:hover, #menuPics a.current {
	background: transparent url(../images/navbuttons_down.gif) no-repeat;
	background-position: -97px 0;}
#menuQuotes {
	left: 194px;}
#menuQuotes a:hover, #menuQuotes a.current {
	background: transparent url(../images/navbuttons_down.gif) no-repeat;
	background-position: -194px 0;}
#menuVids {
	left: 291px;}
#menuVids a:hover, #menuVids a.current {
	background: transparent url(../images/navbuttons_down.gif) no-repeat;
	background-position: -291px 0;}
#menuMore {
	left: 388px}
#menuMore a:hover, #menuMore a.current {
	background: transparent url(../images/navbuttons_down.gif) no-repeat;
	background-position:  -388px 0;}