/* CSS Document */

body {
	margin: 0;
	padding: 0;   				/*Trying this to see if it fixes Opera's topmargin*/
	background-color: #fff;
	}

h1 {
	position: absolute;
	top: 70px;
	left: 4px;
	color: #cc3366;
 	font: 1px/1px Verdana, Arial, sans-serif;
	}

h2 {
	display: block;
	padding: 0 1%;
/*	background-color: #A9C7EC; */
	background: #7f0f35 /* url(../images/heading_back.gif) no-repeat right */; 
 	font: bold 18px /1.5em Verdana, Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	width: 100%;
	/* margin-right: 12px; */
	}

h3 {
	padding: 0;
	background-color: transparent;
 	font: bold 12px /1.1em Verdana, Arial, sans-serif;
	color: #069;
	margin: 0; 
	}

h3.christmasRed {
	font:normal 18px/1em "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	color:#f00;
	}

h3#christmasGreen {
	font:normal 14px/1em verdana, arial, sans-serif;
	color:#393;
	}

h4 {
	padding: 0;
	background-color: transparent;
 	font: bold 19px /22px 'Century Gothic', Verdana, Arial, sans-serif;
	color: #E778DC;
	margin: 0; 
	}

p {
 	font: normal 12px /1.2em Verdana, Arial, sans-serif;
	}

a { 
	font: bold 12px /1.2em Verdana, Arial, sans-serif;
	color: #7F0F35; 
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	color: #09f;	
	}

a img {
	border: 0;
	}

/*-------------------------------------------------------------------------*/

#top {
	padding: 4px;
	/*background-color:#A9C7EC;*/
	background: #cc3366 /* url(../images/topRight.gif) no-repeat right */; 
	height: 69px;
	}
	
.swf {
	position:absolute;
	top:5px;
	right:0px;
	padding:0;
	z-index: 1;
	}

#top a img {
	border: 0;
	}
	
#topNav {
	position: static;
	padding: 2px;
	height: 25px;
	background: #4189DD url(../images/NewBack.gif) repeat-x top;
	}
	
#topGrad {
	position: static;
	background: #FFFFFF url(../images/grad.gif) repeat-x top;
	height: 14px
	}
	
#center {
	position:static;
	/* top: 125px; */
	background: transparent;
	border-top: 1px solid #A5B5C6;
	margin: 0px 12px 0px 184px;
	padding: 0;
	vertical-align: top;
	line-height:1.1;
	}	

#centerHome {
	position: static;
	/* top: 125px; */
	background-color: #fff;
	border-top: 1px solid #A5B5C6;
	margin: 0px 20% 0px 184px;
	padding: 0;
	vertical-align: top;
	}

#centerHome1 {
	position: static;
	background-color: #fff;
	border-top: 1px solid #A5B5C6;
	margin: 0px 0px 0px 184px;
	}

#left {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 122px;
	width: 160px;
	background-color: #fff;
	color: #000;
	left: 4px;
	height: 389px;
	}

#left p {
	 font: normal 9px /12px Verdana, Arial, sans-serif;
	 color: #000;
	 padding: 0 6px;
	}

#left a {
	 font: bold 9px /12px Verdana, Arial, sans-serif;
	 color: #E778DC;
	}
	
#left a:hover {
	 color: #09f;
	}

#right {
	position: absolute;
	right: 0;
	padding: 4px 1%;
	margin: 0 1%;
	width: 15%;
	top: 122px;
	background-color: #eee;
	border-right: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	color: #000;
	}
	
#rightTwo {
	position: absolute;
	top: 300px;
	right:0;
	padding: 4px 1%;
	margin: 0 1%;
	width: 15%;	
	background: #eee url(../images/greyStar.gif) no-repeat bottom right;
	border-right: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	color: #000;
	}

#left img {
	border: 0;
	padding: 20px 10px 10px 10px;
}

#footer {
	margin-top: 20px;
	margin-left: 184px;
	margin-bottom: 35px;
	margin-right: 12px;
	padding:0;
	clear: both;
	background-color: #fff;
	border-top: 1px solid #A5B5C6;
	text-align: right;
	}

#footer p {
	font: normal 10px/1.1em Verdana, Arial, sans-serif;
	}
#footer p a {
	font: bold 10px/1.1em Verdana, Arial, sans-serif;
	}

/*-------------------------------------------------------------------------*/
ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border-right: 1px solid #A5B5C6;
	}
		
ul#mainnav li {
	display: block;
	border-bottom: 1px solid #A5B5C6;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px;
	background-color: #EFEFEF;
	font: bold 11px /17px Verdana, Arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #7f0f35;
	text-decoration: none;
	width: 100%;			/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

html>body #mainnav li a {
		width: auto;
		}

ul#mainnav li a:hover {
	background-color: #ccc;
	color: #fff;
	}
	
ul#mainnav ul.subnav {
	margin: 0;
	padding: 0;
	border: 0;
	}

ul#mainnav ul.subnav li {
	display: block;
	border: 0;
	padding-left: 14px;
	}

ul#mainnav ul.subnav li a {
	display: block;
	padding: 0;
	margin: 0;
	font: bold 11px/20px Verdana, Arial, sans-serif;
	color: #cc3366;
	background-color: transparent;
	}

ul#mainnav ul.subnav li a:hover {
	color: #69f;
	background-color: transparent;
	text-decoration: underline;
	}

ul#mainnav ul.subnav li a.subnavthis {
	color: #69f;
	}

/*-------------------------------------------------------------------------*/	
		
.nav {
	padding: 0px 15px 0px 5px;
	}
	
#nav {
	position: absolute;
	top: 80px;
	right: 0px;
	padding-left: 50px;
	background-color: transparent;
	height: 37px;
	}

#nav a {
	font: bold 10px /20px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	}

#nav a:hover {
	color: #fff;
	}

.nav a {
	display: block;
	}

#nav a.navthis {
	padding: 0px 15px 0px 5px;
	color: #fff;
	}
	
/*-------------------------------------------------------------------------*/

#frontHead {
	padding-left: 12%;
	}
/*
#centerHome img {
	padding-right: 1.8%;
	}
	*/
#right a {
		font: bold 10px /1em Verdana, Arial, sans-serif;
	}

#rightTwo p {
		font: bold 10px Verdana, Arial, sans-serif;
	}
#rightTwo a {
		font: bold 10px /1.5em Verdana, Arial, sans-serif;
	}

img.tp { 
	vertical-align: top; 
	}




/*-------------------------------------------------------------------------*/

.alpha-shadow {
	float: right;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 0px 0 0 17px !important;
	margin: 0px 0 0 8px;
}

.alpha-shadow div {
	background: url(../images/shadow2.png) no-repeat left top !important;
	background: url(../images/shadow2.gif) no-repeat left top;
	padding: 0px 6px 0px 0px;
}

.alpha-shadow img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
}

div.hide {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
	font-size:1px;
 	}