/* CSS Document */
.outerborder {
	width:800px;
	margin:fixed;
	background-color:#FFFFFF;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-image: url(images/bg.jpg);
	background-attachment:fixed;
	background-color:#ffffff;
	background-repeat:repeat-x;
        padding: 0;
        margin: 0;
}



.imageright {
float:right;
margin-right:18px;
}

.imageleft {
float:left;
margin-left:19px;
margin-bottom:19px;
}

#zoeballtags {
float: left;
width: 300px;
height: 250px;
margin: 0 10px 10px 40px;
clear:left;
}

#shadow{
margin:auto;
padding-right:8px;
width:800px;
border-left:2px solid #000000;
background-image:url(images/shadow.jpg);
background-position: right 50%;
background-repeat:repeat-y
}

ol {
	padding-left:40px;
	margin-left:40px;
	font-size:18px;
}

Li {
color:#FFFFFF;
font-weight:bold;
}

h2 {
font-size:18px;
color:#CCCCCC;
font-weight:bold;
margin-left:40px;
}

h1 {
margin-top: 70px;
padding:0;
margin-left:40px;
font-size:28px;
font-weight:bold;
color:#ffffff;
}


.pad{
	padding-left:7%;
}
	
p {
color:#ffffff;
margin-left:40px;
margin-right:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
}



.innerborder {
width:800px;
margin:auto;
background-color:#ffffff;

}

.banner {
	width:800px;
	height:105px;
	background-image:url('images/banner.jpg');
	padding-bottom:50px;
	background-color: #CCCCCC;
	margin:auto
}

.buttons {
	width:100%;
	height:60px;
	background-color:#ffffff;
	float:left;
	margin:auto;
	padding-top:2px;
}


a {
color:#98D6FA;
font-family:"Book Antiqua", "Blackadder ITC";
font-weight:500;
}

a:hover {
text-decoration:none;

 }
 
 .pictures {
 	height:500px;
	width:800px;
 }

.text {
	width:740px;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	margin-left:8%;
}


.main_area {
	width:800px;
	background-color:#7597BA;
	background-image:url(images/bpbg.jpg);
}

.main_area_top {
	width:100%;
	height:30px;
	background-image:url(images/main_top.jpg);
}

.main_area_bot {
	width:100%;
	height:20px;
	background-image:url(images/main_bot.jpg);
}

.bottom_panel {
	width:800px;
	background-image:url(images/bg_vb.jpg);
	height:100px;
	text-align:center;
}

.bottom_panel a, .bottom_panel a:active, .bottom_panel a:visited{
color: #000066;
text-decoration:none;
}

.bottom_panel a:hover{
text-decoration:underline;
}

.bottom_panel_top {
width: 100%;
height: 70px;
}

.buttons {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:0px;
margin-left:0px;
margin-right:0px;
background-image:url(images/button_01.jpg);
width:800px;
text-align:center;
height:100%;
}

.buttons a {
font-size:20px;
font-weight: bold;
text-decoration:none;
display:block;
color:#000000;
width:100%;
height:30px;
}

.buttons a:hover {
font-weight: bold;
display:block;
background-image:url(images/button_01.jpg);
background-position:0px 30px;
color: #ffffff;
text-decoration:none;
}

.buttons li{
float:left;
list-style-type:none;
width:25%;
text-align: center;
}

	#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}