/*body{
	behavior:url("/css/csshover.htc");
}*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 5px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 70px;
	clear:both;} 

#main2 {padding-bottom: 0px;}  /* must be same height as the footer */

#footer2 {position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 60px;
	clear:both;} 

/* main menu start */

#menuBar
{
	height: 262px;
	width: 1504px;
	top:405px;
	margin: 0 auto;
}

#menu
{
	width: 100%;
	height: 530px;
	margin: 0 auto;
	background:url(../images/pageLinksImage.jpg) 0 0 no-repeat;
}

#menu ul
{
	width:980px;
	height:262px;
	background:url(../images/pageLinksNav.jpg) 0 0 no-repeat;
	display:block;
	z-index:100;
	margin: 0 auto;
}

#menu ul li
{
	position:relative;
	float:left;
	list-style:none;
}

#menu ul li a
{
	display:block;
	height:262px;
	overflow:hidden;
}

#mm1 a
{
	width:245px;
}

#mm1 a:hover
{
	background:url(../images/pageLinksNav.jpg) 0 -268px no-repeat;
}

#mm2 a
{ 
	width:245px;
}

#mm2 a:hover 
{
	background:url(../images/pageLinksNav.jpg) -245px -268px no-repeat;
}

#mm3 a 
{
	width:247px;
}

#mm3 a:hover 
{
	background:url(../images/pageLinksNav.jpg) -490px -268px no-repeat;
}

#mm4 a 
{
	width:243px;
}

#mm4 a:hover 
{
	background:url(../images/pageLinksNav.jpg) -737px -268px no-repeat;
}

/* main menu end */

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* BEGIN NAV UNDER HEADER */

ul#nav {
 height: 40px;
}

ul#nav li {
	margin:0 15px 0 0;
	display:inline;
	float:left;
}

ul#nav li a {
	padding:10px 18px;
}

ul#nav li a.active {
	background: transparent url(/images/tabbed.png) no-repeat top left;
}

ul#nav li a,
ul#nav li a:visited {
	display:block;
}

/* END NAV UNDER HEADER */

.container {
	margin: 0 auto;
	width: 758px;
}

a {
	font-weight: bold;
	color: #3366CC;
	cursor:hand;
} 
a {text-decoration: none; }
a:hover {text-decoration: underline; color:#FF0000; }

.comichead {font-family: "Comic Sans MS"; font-size: 16pt; color: #3366CC; text-align: center; font-weight: bold;}
.comichead2 {font-family: "Comic Sans MS"; font-size: 12pt; font-weight: bold;}
.comichead3 {font-family: "Comic Sans MS"; font-size: 11pt; font-weight: bold; color: #3366CC;}
.comichead4 {font-family: "Comic Sans MS"; font-size: 11pt; font-weight: bold; color: #FF0000;}
.comic {font-family: "Comic Sans MS"; font-size: 10pt;}
.comic-big {font-family: "Comic Sans MS"; font-size: 12pt;}
.comic-blue {font-family: "Comic Sans MS"; font-size: 10pt; color: #3366CC;}
.comic-blue2 {font-family: "Comic Sans MS"; font-size: 12pt; color: #3366CC;}
.comic-bluesmall {font-family: "Comic Sans MS"; font-size: 9pt; color: #3366CC;}
.comiclink {font-family: "Comic Sans MS"; font-size: 14px;}
.comicpinkbold {font-family: "Comic Sans MS"; font-size: 10pt; font-weight: bold; color: #FF6699;}
.comicsmall {font-family: "comic sans ms"; font-size: 9pt}
.comicsmallred {font-family: "comic sans ms"; font-size: 9pt; color: #FF0000}

.head {font-family: verdana, arial, helvetica, "sans serif"; font-weight: bold; color: #3366CC; font-size: 14pt; text-align: center;}
.head2 {font-family: verdana, arial, helvetica, sans serif; font-weight: bold; font-size: 10.5pt}
.head3 {font-family: verdana, arial, helvetica, sans serif; font-weight: bold; color: #333399; font-size: 10pt}
.head4 {font-family: verdana, arial, helvetica, sans serif; font-weight: bold; color: #333399; font-size: 12pt}
.small {font-family: verdana, arial, helvetica, sans serif; font-size: 11px}
.tiny {font-family: verdana, arial, helvetica, sans serif; font-size: 7.5pt}
.smallred {font-family: verdana, arial, helvetica, sans serif; font-size: 11px; color: #FF0000}

td {font-family: verdana, arial, helvetica, sans serif; font-size: 10pt} 
.pinkbold { font-weight: bold; color: #FF6699;}
.nb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}
. {scrollbar-3d-light-color: #0066FF;
	scrollbar-arrow-color: #000000;
    scrollbar-base-color: #0066FF;
    scrollbar-dark-shadow-color: #000000;
    scrollbar-face-color: #0066FF;
    scrollbar-highlight-color: #333333;
    scrollbar-shadow-color: #CCCCCC}
.itemBorder { border: 1px solid black }
.itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica }

.crazyBorder { border: 1px outset #000000 }
.crazyText { text-decoration: none; color: #FFffff; font: 12px Arial, Helvetica }

.layered {
		position:absolute; 
		width:105px; 
		z-index:1; 
		top: 38px; 
		background-color: #E9F0F8;; 
		layer-background-color: #000000;
		border: 1px solid #000000; 
		overflow: hidden;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
}
.Caption {
font-family: "comic sans ms";
color:      #000000;
}
A.Controls:link    { color:#666666;
                     text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none; 
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:active  { color:#666666; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:hover   { color:#FF6699; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }

#newshead {
	color: #FF0000;
	font-family: comic sans ms;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
}
#newssubhead {
	font-family: comic sans ms;
	font-size: 14pt;
	font-weight: bold;
}
#newscaption {
	font-family: comic sans ms;
	font-size: 10pt;
	font-style: italic;
}
#newshotboldcenter {
	font-family: comic sans ms;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}
#news {
	font-family: comic sans ms;
	font-size: 12pt;
	text-align: center;
}
#newshot {
	font-family: comic sans ms;
	font-size: 12pt;
	text-align: left;
}
#newshotred {
	font-family: comic sans ms;
	color: #FF0000;
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
}
#newssmall {
	font-family: comic sans ms;
	font-size: 10pt;
	text-align: center;
}
/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}

/* drop-shadow effect */
.shadow {
		-moz-box-shadow: 3px 3px 4px #ccc;
		-webkit-box-shadow: 3px 3px 4px #ccc;
		box-shadow: 3px 3px 4px #ccc;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
	}

