/* defaulting browser styling <-- remove inconcistencies
 ************************************************************/

    /* No list-markers by default - 
     * must redefine bullets w/ bg graphics
     ********************************************************/
     /*ul,ol {
	     list-style:none;
	     }*/

    /* Avoid browser default inconsistent heading, 
     * font-sizes and pre/code
     ********************************************************/
     body,h1,h2,h3,h4,h5,h6,pre,code,td {
	     font-size:1em;
         }

    /* Remove inconsistent (among browsers) - 
     * default padding or margin 
     ********************************************************/
     ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,
     fieldset,input,label,div,dd,dt,dl,table,tr,td,img,hr {
         margin:0; padding:0;
         }

     /* prevent blue linked image borders
     ********************************************************/
      a img,:link img,:visited img,fieldset {
         border:none;
         }

	  a {
		  /*color:#F30;*/
		  color:#00F;
	  	}

	  a:hover {
		  color:#0F9;
	  	}
		
	  .whitelinks a{
			color:#FFF;	
		}
		
	  .whitelinks a:hover{
			color:#0F9;	
		}
	  .orangelinks a{
			color:#F30;	
		}
		
	  .orangelinks a:hover{
			color:#0F9;	
		}
	  .redlinks a{
			color:#F00;
	  }
	  .redlinks a:hover{
			color:#0F9;	
	  }


/*.menu{margin:0 auto; padding:0; height:25px; width:100%; display:block; background:url('../img/menu.jpg') repeat-x; font-family:Arial, Helvetica, sans-serif;}
.menu li{padding:0; margin:0; list-style:none; display:inline; }
.menu li a{float:left; padding-left:33px; display:block; color:rgb(255,255,255); text-decoration:none; cursor:pointer; border-right: 1px solid #FA0;}
.menu li a span{line-height:25px; float:left; display:block; padding-right:33px}
.menu li a:hover{background-image:none; background:url('../img/menu_inv.jpg') repeat-x; color:rgb(255,255,255);}*/

#navbar {
    margin: 0 auto;
	width:1000px;
    padding: 0;
    height: 25px;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../img/menu.jpg') repeat-x;
	}
#navbar li {
    list-style: none;
    float: left;
	background:url('../img/menu.jpg') repeat-x;
	}
#navbar li a {
    display: block;
    padding-left: 32px;
	padding-right: 32px;
    color: #fff;
    text-decoration: none;
	border-right: 1px solid #FA0;
	line-height:25px;
	}

#navbar li:hover, /* IE */#navbar li.over/* END IE */ {background-image:none; background:url('../img/menu_inv.jpg') repeat-x;}
#navbar li:hover li, #navbar li.over li {background-image:none; background:url('../img/menu_inv.jpg') repeat-x;}

#navbar li ul {
	z-index:500;
    display: none;
    /*width:11%;*/
    background-color: #003;
	}

#navbar li li a {
	background-image:none;
	background-color:#003;
	font-size:0.8em;
	line-height:20px;
	padding-left:5px;
	padding-right:5px;
	border:none;
}

#navbar li:hover ul, #navbar li.over ul{
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; 
	}

#navbar li li {
    float: none;
	}
#navbar li li a {
    background-color: #003;
    /*border-bottom: 1px solid #003;*/
	height:auto !important;
	height: 10px;
	}
#navbar li li a:hover {
    background-color: #8db3ff; }

#navbar #lastnav {
	padding-left:31px !important; 
	padding-right:31px !important;
	padding-right:30px;
}

/*.menu li a:hover span{background-position:100% -60px;}*/
/*.menu li a.active, .menu li a.active:hover{line-height:25px; background:url('../img/menu.jpg') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('../img/menu.jpg') 100% -90px no-repeat;}*/

.slideshow {
}

.nav{
	position:relative; 
	width:280px; 
	/*left:540px; */
	/*margin-left:410px;*/
	/*top:550px;*/
	left:410px;
	top:-20px;
	text-align:left;
	z-index:499;
}

.navright{
	position:relative; 
	width:281px; 
	/*left:838px; */
	/*margin-left:0px;*/
	/*top:934px;*/
	/*top:909px;*/
	text-align:left;
	z-index:498;
}


/*.nav a, .navright a { background:url('../img/promoball_off.gif'); background-repeat:no-repeat; padding-top:5px; padding-left:18px; text-decoration:none; color:#FFF; font-size:in }
.nav a.activeSlide, .navright a.activeSlide { background:url('../img/promoball_on.gif'); background-repeat:no-repeat; }
.nav a:focus, .navright a:focus { outline: none; }*/

.nav a, .navright a { border: 1px solid #ccc; text-decoration:none; background-color:none; color:#f30; margin: 0 2px; padding: 3px 5px; }
.nav a.activeSlide, .navright a.activeSlide { background-color:#e1eff8; }
.nav a:focus, .navright a:focus { outline: none; }


body {
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Tahoma, Geneva, sans-serif;
	color:#555;
	font-size:0.9em;
	text-align:center;
}

table {
	font-family:Tahoma, Geneva, sans-serif;
	color:#555;
	font-size:0.9em;
	text-align:left;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	/*color:#34F;*/
	color:#3a0080;
}

#topwrapper{
	width:100%;
	height:auto;
	background:url('../img/top-tiling.jpg') repeat-x;
}

#headflash {
	width:100%;
	/*height:100px;*/
	height:58px;
	margin-left:auto;
	margin-right:auto;
}

#headtitle {
	width:1000px !important;
	width:999px;
	height:100px;
	margin-left:auto !important;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../img/bg_header.jpg");
	background-repeat:no-repeat;
}

#menubar {
	width:1000px !important;
	width:1039px;
	width:100%;
	height:25px;
	margin-left:auto !important;
	/*margin-left:-39px;*/
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
}

.topleft {
	background-image: url('../img/topleft.gif');
	background-repeat:no-repeat;
	height: 14px;
	width: 14px;
	font-size: 2px;
	margin-top: -3px !important;
	margin-top: -3px;
	float:none !important;
	float:left;
	margin-right:inherit !important;
	margin-right:-8px;
	margin-left:inherit !important;
	margin-left:inherit;
}

.top {
	margin-top: -14px !important;
	margin-top: 0px;
	margin-left: 14px !important;
	margin-left: 11px;
	margin-right: 14px;
	background-image: url('../img/horz.gif');
	background-repeat:repeat-x;
	height: 3px;
	width: auto;
	font-size: 2px;
}

.topright {
	float: right;
	margin-top: -3px !important;
	background-image: url('../img/topright.gif'); 
	background-repeat:no-repeat;
	height: 14px; 
	width: 14px;
	font-size: 2px;
	margin-bottom:inherit !important;
	margin-bottom:-1px;
}

.bottomleft {
	background-image: url('../img/bottomleft.gif');
	background-repeat:no-repeat;
	height: 14px;
	width: 14px;
	font-size: 2px;
	float:none !important;
	float:left;
	margin-right:inherit !important;
	margin-right:-8px;
	margin-top: -5px !important;
	margin-top:0px;
	margin-left:inherit !important;
	margin-left:inherit;
}

.bottom {
	margin-top: -3px !important;
	margin-top: 11px;
	margin-left: 14px !important;
	margin-left: 11px;
	margin-right: 14px;
	background-image: url('../img/horz.gif');
	background-repeat:repeat-x;
	height: 3px;
	width: auto;
	font-size: 2px;
}

.bottomright {
	float: right;
	margin-top: -14px;
	background-image: url('../img/bottomright.gif'); 
	background-repeat:no-repeat;
	height: 14px; 
	width: 14px;
	font-size: 2px;
}

#maincontainer{
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}

#leftcontainer{
	float:left;
	width:700px;
	height:auto;
	padding-bottom:15px;
}

#rightcontainer{
	float:right;
	width:300px;
	height:auto;
	padding-bottom:15px;
	margin-left:inherit !important;
	margin-left:-10px;
	margin-right:0px !important;
	/*margin-right:-10px; /*NEW3*/
	margin-right:0px;
}

#rightcontainer h2{
	color:#800000;	
}

#bottomwrapper{
	clear:both;
	width:100%;
	height:auto;
	background:url('../img/bot-tiling.jpg') repeat-x;
	margin-top:inherit !important;
	margin-top:-30px;
}

#footer{
	/*clear:both;*/
	width:1000px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../img/bg_footer.jpg");
	background-repeat:no-repeat;
}

#content{
	margin-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:10px;
	text-align:left;
}

#content p{
	margin:5px;
	padding:5px;
}

#article #content{
	border-left:2px solid #c0c0c0;
	border-right:2px solid #c0c0c0;
	width:666px !important;
	width:666px;
	height:auto;
	margin-top:10px !important;
	margin-top:0px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom:0px;
	margin-left:inherit !important;
	margin-left:0px;
	margin-right:inherit !important;
	margin-right:0px;
}

#article #content p{
	margin:0px;
	padding:0px;
}

#article #content li, #article #content ul, #article #content ol,
#article2 #content li, #article2 #content ul, #article2 #content ol,
#article3 #content li, #article3 #content ul, #article3 #content ol,
#article4 #content li, #article4 #content ul, #article4 #content ol{
	margin-left:15px; padding-left:0px;
}

#article2 #content{
	border-left:2px solid #c0c0c0;
	border-right:2px solid #c0c0c0;
	width:666px !important;
	width:666px;
	height:auto;
	margin-top:10px !important;
	margin-top:0px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom:0px;
	margin-left:inherit !important;
	margin-left:0px;
	margin-right:inherit !important;
	margin-right:0px;
}

#article2 #content p{
	margin:0px;
	padding:0px;
}

#article3 #content{
	border-left:2px solid #c0c0c0;
	border-right:2px solid #c0c0c0;
	width:666px !important;
	width:666px;
	height:auto;
	margin-top:10px !important;
	margin-top:0px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom:0px;
	margin-left:inherit !important;
	margin-left:0px;
	margin-right:inherit !important;
	margin-right:0px;
}

#article3 #content p{
	margin:0px;
	padding:0px;
}

#article4 #content{
	border-left:2px solid #c0c0c0;
	border-right:2px solid #c0c0c0;
	width:666px !important;
	width:666px;
	height:auto;
	margin-top:10px !important;
	margin-top:0px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom:0px;
	margin-left:inherit !important;
	margin-left:0px;
	margin-right:inherit !important;
	margin-right:0px;
}

#article4 #content p{
	margin:0px;
	padding:0px;
}

/* LEFT SIDE */

#promo{
	float:left;
	width:700px;
	height:320px;
	margin-top:10px;
	background-image:url('../img/promo.jpg');
	background-repeat:no-repeat;
	margin-bottom: inherit !important;
	margin-bottom: 0px;
	
}

#promo #content{
}

#level1{
}

#about{
	float:left;
	width:700px;
	height:250px; /*formerly 195*/
	margin-top:5px !important;
	/*margin-top:17px;*/
	margin-top:-17px;
	background-image:url('../img/about.jpg');
	background-repeat:no-repeat;
	
}

#homecontainer{
	float:left;
	width:700px;
	height:auto;
	
}

#map{
	float:left;
	width:400px;
	height:250px; /*formerly 320*/
	margin-top:5px !important;
	/*margin-top:15px;*/
	margin-top:5px;
	background-image:url('../img/map.jpg');
	background-repeat:no-repeat;	
}

#homerightcontainer{
	float:left;
	width:300px;
	height:auto;
	
}

#mailist{
	float:right;
	width:294px;
	height:135px; /*formerly 170*/
	margin-top:5px !important;
	/*margin-top:15px;*/
	margin-top:5px;
	background-image:url('../img/email.jpg');
	background-repeat:no-repeat;
	
}

#phone{
	float:right;
	width:294px;
	height:110px; /*formerly 135*/
	margin-top:5px !important;
	/*margin-top:8px;*/
	margin-top:0px;
	background-image:url('../img/phone.jpg');
	background-repeat:no-repeat;
	
}

#article{
	float:left;
	width:700px;
	height:auto;
	margin-top:13px;
}

#article2{
	float:left;
	width:700px;
	height:auto;
	margin-top:5px;
	
}

#article3{
	float:left;
	width:700px;
	height:auto;
	margin-top:5px;
	
}

#article4{
	float:left;
	width:700px;
	height:auto;
	margin-top:5px;
	
}

/* RIGHT SIDE */

#schedule{
	float:right;
	width:294px;
	height:60px;
	margin-top:10px;
	background-image:url('../img/schedule.jpg');
	background-repeat:no-repeat;
	margin-right:0px !important;
	/*margin-right:-10px; /*NEW3*/
	margin-right:0px;
}

#member{
	float:right;
	width:294px;
	height:180px; /*formerly 220*/
	margin-top:5px !important;
	margin-top:-2px;
	background-image:url('../img/member.jpg');
	background-repeat:no-repeat;
	margin-right:0px !important;
	/*margin-right:-10px; /*NEW3*/
	margin-right:0px;
}

#translator{
	float:right;
	width:294px;
	height:50px;
	margin-top:5px !important;
	/*margin-top:9px;*/
	margin-top:5px;
	background-image:url('../img/translator.jpg');
	background-repeat:no-repeat;
	margin-right:0px !important;
	/*margin-right:6px; /*NEW4*/
	margin-right:0px;
}

#google_translate_element{
	margin-top:2px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:10px;
	text-align:center;
}


#ym{
	float:right;
	width:294px;
	height:190px;
	margin-top:5px !important;
	/*margin-top:9px;*/
	margin-top:-8px;
	background-image:url('../img/ym.jpg');
	background-repeat:no-repeat;
	margin-right:0px !important;
	/*margin-right:6px; /*NEW4*/
	margin-right:0px;
}

#news{
	float:right;
	width:294px;
	height:330px; /*formerly 270*/
	margin-top:5px;
	background-image:url('../img/news.jpg');
	background-repeat:no-repeat;
	margin-right:0px !important;
	/*margin-right:6px; /*NEW4*/
	margin-right:0px;
}

#rightpromo{
	float:right;
	width:294px;
	height:400px;
	margin-top:5px !important;
	/*margin-top:9px;*/
	margin-top:5px;
	background-image:url('../img/rightpromo.jpg');
	background-repeat:no-repeat;
	margin-right:0px !important;
	/*margin-right:6px; /*NEW4*/
	margin-right:0px;
}

#links{
	float:right;
	width:294px;
	height:330px;
	margin-top:5px;
	/*background-image:url('../img/links.jpg');*/
	background-repeat:no-repeat;
	margin-right:0px !important;
	/*margin-right:6px; /*NEW4*/
	margin-right:0px;
}



/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    /*color:#3CA3FF;*/
	/*font-weight:bold;*/
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-5px; left:50px;
	padding: 15px 0 0 0;
	width:200px;
	color: #333333;
    /*text-align: center;*/
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.bubtop{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.bubmiddle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bubbottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}

