
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

p { 

	font-family:Comic sans ms,Helvetica,Arial,Verdana,sans-serif;
width: 100%;
text-align: justify; 
} 

p.center {
	font-family:Comic sans ms,Helvetica,Arial,Verdana,sans-serif;
width: 100%;
text-align: center; 
}

h1 { 
	font-family:Comic sans ms,Helvetica,Arial,Verdana,sans-serif;
font-size: 30px; 
font-weight: bold; 
color: rgb(255,8,175); 
} 

h2 { 
	font-family:Comic sans ms,Helvetica,Arial,Verdana,sans-serif;
font-size: 18px; 
font-weight: bold; 
color: rgb(82,66,191); 
} 

h3 {
	font-family:Comic sans ms,Helvetica,Arial,Verdana,sans-serif;
font-size: 20px;
font-weight: bold;
color: rgb(158,11,14);
}

#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 175px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: rgb(195,238,251);

}

#maintitle {
position: absolute;
}

#maincontent{
position: fixed; 
top: 175px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
background-color: rgb(195,238,251);
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

#centerDoc { 
position: absolute; 
padding: 10px 0 0 15px; /*top right bottom left*/ 
margin-top: 0px; 
margin-left: 0px; 
width: 750px;
min-height: 500px;
}

#pictures {
position: absolute;
width: 750px;
}


/********************EXTRA LINKS*********************/

a.extra:link {
font-size: 18px;
	font-family:Comic sans ms,Helvetica,Arial,Verdana,sans-serif;
height: 40px;
vertical-align: "middle";
color: rgb(74,134,2);
font-weight: bold;
text-decoration: none;
}

a.extra:hover {
font-size: 18px;
height: 40px;
vertical-align: "middle";
color: rgb(181,0,189);
font-weight: bold;
text-decoration: underline;
}

a.extra:visited {
font-size: 18px;
height: 40px;
vertical-align: "middle";
color: rgb(0,165,231);
font-weight: normal;
text-decoration: none;
}

/******   H3    */
ul#menu{
	margin-top: 120px;	
	margin-left: -5px;
	padding:0;
	list-style-type:none;
	width:110%;
	position:absolute;
	display:block;
	height:25px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	background:transparent url("OFF4.gif") repeat-x top left;
	font-family:Comic sans ms,Helvetica,Arial,Verdana,sans-serif;
	border-bottom:1px solid #74b0c6;
	border-top:1px solid #74b0c6;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;}
ul#menu li a{
	display:block;
	float:left;
	color: rgb(255,24,2);
	text-decoration:none;
	font-weight:bold;
	padding:1px 20px 1px 20px;
	height:24px;
	background:transparent url("DIVIDER2.gif") no-repeat top right;
	}
ul#menu li a:hover{
	background:transparent url("HOVER2.gif") no-repeat top right;	
	}
                    
/******   H3    */
ul#menu2{
	margin-top: 146px;	
	margin-left: -5px;
	padding:0;
	list-style-type:none;
	width:110%;
	position:absolute;
	display:block;
	height:25px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	background:transparent url("OFF4.gif") repeat-x top left;
	font-family:Comic sans ms,Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #004c99;
	border-top:1px solid #74b0c6;
}
ul#menu2 li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	}
ul#menu2 li a{
	display:block;
	float:left;
	color: rgb(255,24,2);
	text-decoration:none;
	font-weight:bold;
	padding:1px 20px 1px 20px;
	height:24px;
	background:transparent url("DIVIDER2.gif") no-repeat top right;
	}
ul#menu2 li a:hover{
	background:transparent url("HOVER2.gif") no-repeat top right;	
	}

* html body{ /*IE6 hack*/
padding: 175px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

/********************PICTURE HOVER****************************/

/* The containing box for the gallery. */
#picturegallery {
    position:relative;
    width:750px;
    height:950px;
    margin:20px auto 0 auto;
    border:0px solid #aaa;
    }

#picturegallery li {
	padding:2px;
	float:left;
    }

/* Removing the list bullets and indentation */
#picturegallery ul {
    padding:0;
    margin:0;
    width:250px;
    height:auto;
    list-style-type:none;
    }

/* Remove the images and text from sight */ 
#picturegallery a.gallery span, a.galleryb span,
a.galleryc span, a.galleryd span, a.gallerye span { 
position:absolute; 
width:1px; 
height:1px;
 top:5px; 
left:5px; 
overflow:hidden; 
background:#fff; 
}

/* styling the :hover span */
#picturegallery a.gallery:hover span {
    position:absolute;
    width:400px;
    height:300px;
    top:0px;
    left:300px;
	background: rgb(195,238,251);
    }

/* styling the :hover span */
#picturegallery a.galleryb:hover span {
    position:absolute;
    width:400px;
    height:300px;
    top:300px;
    left:300px;
	background: rgb(195,238,251);
    }

/* styling the :hover span */
#picturegallery a.galleryc:hover span {
    position:absolute;
    width:400px;
    height:300px;
    top:600px;
    left:300px;
	background: rgb(195,238,251);
    }

/* styling the :hover span */
#picturegallery a.galleryd:hover span {
    position:absolute;
    width:400px;
    height:300px;
    top:900px;
    left:300px;
	background: rgb(195,238,251);
    }

/* styling the :hover span */
#picturegallery a.gallerye:hover span {
    position:absolute;
    width:400px;
    height:300px;
    top:1200px;
    left:300px;
	background: rgb(195,238,251);
	z-index:20;
    }
/* change the thumbnail border color */
#picturegallery a.gallery:hover, a.galleryb:hover,
a.galleryc:hover, a.galleryd:hover, a.gallerye:hover {
    border:0px solid #fff;
    }

/* Resizing the link when 'clicked' */ 
#picturegallery a:active, #picturegallery a:focus { 
background:transparent; 
width:400px; 
height:300px; 
top:0px;
left:300px; 
position:absolute; 
left:0; 
top:0; 
z-index:10; 
} 

/* Resizing the image when 'clicked' */ 
#picturegallery a:active img, #picturegallery a:focus img { 
background:#eee;
 position:relative; 
width:400px; 
height:300px; 
top:0px;
left:300px;
border:0; 
z-index:10; } 

.calnum a:link, .calnum a:visited {
	font-weight:bold;
	font-size: .9em;
	text-decoration:none;
}

.calbox {
	font: .75em Arial;
	color: #000;
}

