body {
	margin-top: 0px;
	margin-left: 0px;

}

.righttable {

	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-top-style:hidden;
	background-color:#ececec;
	font-family: "Comic Sans MS";
	font-size: 12px;
	
	}
	
	.menutable {
	font-family: "Comic Sans MS";
	font-size: 12px;
	
	}
	
	.lefttable {

	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-top-style:hidden;
	background-color:#ececec;
	font-family: "Comic Sans MS";
	font-size: 12px;
	
	}
	
	.news1 {
	background-color: #f0f0f0;
	padding-top: 0px;
	color: black;
	text-decoration: none;
	text-align:center;
	font-family: "Comic Sans MS";
	font-size:14px;
	}
	
	.news2 {
	background-color: #f0f0f0;
	padding-top: 0px;
	color: black;
	text-decoration: none;
	font-family: "Comic Sans MS";
	font-size:14px;
	}
	
	.border {
	display: block;
	text-align: left;
	border: 3px double silver;
	margin-top: 0;
	margin-bottom: 3px;
	line-height: 13px;
	font-size: 1em;
	
	}
	
	
	.verdana12 {
	font-family: "Comic Sans MS";
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
}

#bodytext {

	background-color:#FFFFFF;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	font-family: "Comic Sans MS";
	font-size:18px;
	line-height: 22px;
	text-align: justify;
	
	}
	

	#bodytext a {
	text-decoration:none;
	border-bottom: 1px silver solid;
	
	}

	#bodytext a:hover {
	background-color: #f0f0f0;
	color:#b44165;
	border-bottom: 1px #b44165 solid;
	
	}
	
	#bodytextg {

	background-color:#CCCCCC;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	font-family: "Comic Sans MS";
	font-size:12px;
	line-height: 22px;
	text-align: justify;
	
	}
	
	#bodytextg a {
	text-decoration:none;
	border-bottom: 1px silver solid;
	
	}

	#bodytextg a:hover {
	background-color: #f0f0f0;
	color:#b44165;
	border-bottom: 1px #b44165 solid;
	
	}
	
	#bodytextg a:visited {
	text-decoration:none;
	border-bottom: 1px silver solid;
	
	}
	
	#bodytextborder {

	background-color:#FFFFFF;
	padding:10px;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	font-family: "Comic Sans MS";
	font-size:18px;
	line-height: 22px;
	text-align: center;
	border: 1px #000000 solid;
	
	}
	
	#bodynews {

	background-color:#FFFFFF;
	padding:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	font-family: "Comic Sans MS";
	font-size:14px;
	line-height: 22px;
	text-align: center;
	
	}
	
	#heading {

	background-color:#FFFFFF;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	font-family: "Comic Sans MS";
	font-size:20px;
	line-height: 18px;
	text-align:center;
	border-bottom: 1px black solid;
	background-color:#0033ff;
	color:#FFFFFF;
	
	}
		#heading a {
	text-decoration:none;
	color:#ffffff;
	
	}

	#heading a:hover {
	color:#ffffff;
	text-decoration:underline;
	
	}
	
	#heading a:visited {
	color:#ffffff;
	
	}
	
	.blue12 {

	background-color:#FFFFFF;
	margin-left:20px;
	margin-right:10px;
	margin-top:10px;
	font-family: "Comic Sans MS";
	font-size:18px;
	color: #0033FF;
	line-height: 22px;
	text-align: justify;
	
	}
	
	.indent12 {

	background-color:#FFFFFF;
	margin-left:15px;
	font-family: "Comic Sans MS";
	font-size:12px;
	color: #000;
	line-height: 22px;
	text-align: justify;

}
img.floatleft { 
    float: left; 
    margin: 4px; 
}

img.floatright { 
    float: right; 
    margin-left: 10px; 
}

a.nlink:link {
font-size:14px;
color:#000;
background-color: #f0f0f0;
text-decoration: none;
font-family: "Comic Sans MS";
}

a.nlink:visited {
font-size:14px;
color:#000;
background-color: #f0f0f0;
text-decoration: none;
font-family: "Comic Sans MS";
}

a.nlink:hover {
font-size:14px;
color:#b44165;
background-color: #f0f0f0;
font-family: "Comic Sans MS";
text-decoration: underline;

}.bluetext12 {
	background-color:#FFFFFF;
	font-family: "Comic Sans MS";
	font-size:18px;
	font-weight:bold;
	line-height: 30px;
	text-align: left;
	color: #0033FF;
	
	}.bluetext14 {
	background-color:#FFFFFF;
	font-family: "Comic Sans MS";
	font-size:20px;
	font-weight:bold;
	line-height: 30px;
	text-align: left;
	color: #0033FF;
	
	}
	
.times14 {
	font-family: "Comic Sans MS";
	font-size: 14px;
	
}
.times16 {
	font-family: "Comic Sans MS";
	font-size: 16px;
}

.floatimage {

float:left;
padding-right:10px;

}

.floatimageright {

float:right;
padding-left:10px;

}


#orangebox {
	font-family: "Comic Sans MS";
	font-size: 12px;
	text-align:center;
	color: #000000;
	background-color: #FF6600;
	height: 120px;
	width: 140px;
	margin-left:2px;
	padding:5px;

}

a.obox:link {
font-size:12px;
color:#000;
text-decoration: none;
font-family: "Comic Sans MS";
}

a.obox:visited {
font-size:12px;
color:#000;
text-decoration: none;
font-family: "Comic Sans MS";
}

a.obox:hover {
font-size:12px;
color:000;
font-family: "Comic Sans MS";
text-decoration: underline;

}


#styleswitch {
	font-family: "Comic Sans MS";
	text-align:left;
	background-color: #ffffff;
	height: 50px;
	width: 130px;
	margin-left:10px;
	padding:10px;
	margin-bottom:60px;
}

#indexlist li {
  list-style: disc url(bullet.gif);
  margin-bottom:10px;
  }
  
#trilist li {
  list-style: disc url(tri-bullet.gif);
  margin-bottom:10px;
  }

#aboutlist li {
  list-style: disc;
 }

#submenu {

	background-color:#FFFFFF;
	padding:10px;
	margin-left:100px;
	margin-right:100px;
	margin-top:10px;
	font-family: "Comic Sans MS";
	color:#0000FF;
	font-size:18px;
	line-height: 22px;
	text-align: justify;
	
	}
	
	#submenu a {
	text-decoration:none;
	border-bottom: 1px silver solid;
	
	}

	#submenu a:hover {
	background-color: #f0f0f0;
	color:#b44165;
	border-bottom: 1px #b44165 solid;
	
	}
	
	h3 {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: bold;
	margin-left:20px;
	margin-top:0px;
}
h4 {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: bold;
	margin-left:0px;
	margin-top:0px;
}

.newstable {
background-color:#CDDCEF;
height:10px;

}

.newstable2 {
background-color:#EFF5FB;

}
	
	.nav1 {
	background-color: white;
	color: black;
	text-decoration: none;
	font-family: "Comic Sans MS";
	font-size:12px;
	
	}
	
	.nav2 {
	background-color: #f0f0f0;
	display: block;
	border-bottom: 1px silver solid;
	padding: 10px;
	color: black;
	text-decoration: none;
	font-family: "Comic Sans MS";
	font-size:12px;
	}
	
	
	.nav1:hover, .nav2:hover {
	background-image: url(newsback.gif);
	background-position: right bottom;
	text-decoration: none;
	}
	
	#linkevents {
	

	margin-left:80px;
	
	}
	
	.names {

	background-color:#FFFFFF;
	padding:10px;
	margin-left:100px;
	margin-right:100px;
	margin-top:10px;
	font-family: "Comic Sans MS";
	color:#43817E;
	font-size:22px;
	line-height: 22px;
	text-align: justify;
	
	}
	
	.names a {
	text-decoration:none;
	color:#43817E;
	
	}

	.names a:hover {
	background-color: #f6f4eb;
	color:#000;
	border-bottom: 1px #a89d6d solid;
	
	}
	
	.names2 {

	background-color:#FFFFFF;
	padding:10px;

	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#43817E;
	font-size:18px;
	line-height: 22px;
	text-align: justify;
	
	}
	
	.names2 a {
	text-decoration:none;
	color:#43817E;
	
	}

	.names2 a:hover {
	background-color: #f6f4eb;
	color:#000;
	border-bottom: 1px #a89d6d solid;
	
	}
	
/******************************************************************************
 top menu
 *****************************************************************************/
 
/* - - - ADxMenu: BASIC styles - - - */

.menu {
	width: 11em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

/* move all list items into one row, by floating them */
.menu li {
	margin: 0;
	padding: 0;
	border:1px solid #fff; border-width:0 1px 1px 0;
	display: block;
	float: left;
}

/* define new starting point for the nested UL, thus making positioning it a piece of cake */
.menu li:hover {
	position: relative;
}

/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
.menu li {
	width: 100%;
}

/* fix the position for submenus.
	first make sure no horizontal scrollbars are visible on initial page load by sliding them all into top-left corner  */
.menu li ul {
	top: 0;
	left: 0;
}

/* ...and then place the submenu where it should be when shown */
.menu li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
.menu ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
.menu li:hover>ul {
	display: block;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
.menu, .menu ul {
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
	color: #6633FF;
	font-family: "Comic Sans MS";
	font-weight:bold;
	font-size:16px;
	background: #ececec;
}

.menu {
	width: 14em;
}

.menu ul {
	width: 14em;
}

.menu li:hover>a {
	color: #c00;
	font-weight:bold;
	background: #dfd7ca;	
}

.menu a {
	text-decoration: none;
	color: #6633FF;
	padding: .4em 1em;
	display: block;
}

.menu a:hover {
	color: #c00;
	background: #dfd7ca;
}

.topmenu {
width:800px; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.topmenu ul {
padding:0;
margin:0;
list-style-type:none;
}
.topmenu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.topmenu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.topmenu a, .topmenu a:visited {
display:block;
font-family: "Comic Sans MS";
font-size:18px;
text-decoration:none;
text-align:center;
font-weight:bold;
color:#0000FF; 
width:119px; 
height:30px; 
border-width:1px 1px 0 0; 
background:#c0c0c0; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .topmenu a, * html .topmenu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
.topmenu ul ul a.drop, .topmenu ul ul a.drop:visited {
background:#d4d8bd url(images/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.topmenu ul ul a.drop:hover{
background:#c9ba65 url(images/drop.gif) bottom right no-repeat;
}
.topmenu ul ul :hover > a.drop {
background:#c9ba65 url(images/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.topmenu ul ul ul a, .topmenu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.topmenu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.topmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .topmenu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.topmenu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.topmenu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.topmenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.topmenu ul ul a, .topmenu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:110px;
font-size:16px;
text-align:left;
/* yet another hack for IE5.5 */
}
* html .topmenu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.topmenu a:hover, .topmenu ul ul a:hover{
color:#c00; 
background:#ececec;
}
.topmenu :hover > a, .topmenu ul ul :hover > a {
color:#c00;
background:#ececec;
}

/* make the second level visible when hover on first level list OR link */
.topmenu ul li:hover ul,
.topmenu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.topmenu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.topmenu ul :hover ul :hover ul{ 
visibility:visible;
}