body, p, td, ol, ul {
	font-family:verdana, sans-serif;
	font-size: 12px;
}

body {
	margin:0px;
	background-image:url(images/bg.page.gif);
}

td {
	vertical-align:top;
}

a:link {
	text-decoration:none;
	color:#0000FF;
}

a:visited {
	text-decoration:none;
	color:#0000FF;
}

a:hover {
	text-decoration:underline;
	color:#0000FF;
}

a img {
	border:0;
}

p {
	margin:0 0 .8em 0;
}

ul {
	margin:0 0 0.8em 0;
	padding:0 0 0 1.4em;
}

ol {
	margin:0 0 0.5em 0;
	padding:0 0 0 2.5em;
}

#container {
	margin:0 auto 0 auto;
	width:758;
	padding:27px 0 27px 0;
}

#pagetable {
	background-image:url(images/bg.table.gif);
}

.textcell {
	background-image:url(images/bg.text.gif);
}

.textcell table td {
	padding:0 10px 4px 0;
}

.formtable td {
	padding:0 18px 6px 0;
}

.bluerow {
	background-image:url(images/header.bg.gif);
}

#toplinks td {
	padding:0 14px 6px 14px;
	vertical-align:middle;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
}

#toplinks a:link, #toplinks a:visited {
	color:#FFFFFF;
}

#footer a:link, #footer a:visited {
	color:#FFFFFF;
}

#footer td {
	padding:6px 14px 0 14px;
	vertical-align:middle;
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
}

#leftsidebar {
	background-image:url(images/sidebar.bg.gif);
	background-repeat:repeat-y;
}

#textwrapper {
	background-image:url(images/text.bg.gif);
	background-repeat:repeat-y;
	margin:10px 0 10px 0;
	width:553px;
	padding:0;
}

#textarea {
	padding:6px 20px 0 12px;
}

ul.sidemenu {
	margin:0 20px 0 10px;
	list-style-type:none;
	background-image:none;
	background-color:transparent;
}

ul.sidemenu a {
	display:block;
	background-color:transparent;
}

ul.sidemenu li {
	margin:.4em 0 0 0;
	padding:0 4px 0 10px;
	background-image:url(images/menubullet.left.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	font-size:12px;
	font-weight:bold;
	color:#8db8e9;
	position: relative;
}




ul.sidemenu li a:link, ul.sidemenu li a:visited {
	font-weight:bold;
	color:#acc6e9;
	display:block;
}

ul.sidemenu li a:hover {
	color:#FFFFFF;
}



#textarea #rightsidebar {
	padding:0 0 0 10px;
	float:right;
	width:186px;
	margin:8px 0 20px 26px;
	border-left:1px solid #000000;
}

#textarea #rightsidebar h2 {
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:10px;
	color:#880000;
	margin:0 0 .5em 0;
}

#textarea #rightsidebar ul.sidemenu {
	margin:0;
	padding:0;
	list-style-type:none;
}

#textarea #rightsidebar ul.sidemenu li {
	margin:0 0 .5em 0;
	padding:0 0 0 10px;
	list-style-type:none;
	font-size:11px;
	line-height:normal;
	background-image:url(images/menubullet.right.gif);
	color:#2B2F64;
}
#textarea #rightsidebar ul.sidemenu li ul li {
	margin:.2em 0 .2em 0;
	padding:0 0 0 10px;
}


#textarea #rightsidebar ul.sidemenu li a:link, #textarea #rightsidebar ul.sidemenu li a:visited {
	color:#2B2F64;
	font-weight:bold;
}

#textarea #rightsidebar ul.sidemenu li a:hover {
	color:#0000FF;
}

#textarea #rightsidebar ul.sidemenu li.submenuOn a, #textarea #rightsidebar ul.sidemenu li.submenuOn a:link, #textarea #rightsidebar ul.sidemenu li.submenuOn a:visited {
	color:#7f7fff;
	font-weight:bold;
}
#textarea #rightsidebar ul.sidemenu li.submenuOn ul li a, #textarea #rightsidebar ul.sidemenu li.submenuOn ul li a:link, #textarea #rightsidebar ul.sidemenu li.submenuOn ul li a:visited {
	color:#2B2F64;
}


#textarea #rightsidebar ul.sidemenu li.submenuOn ul li.submenuOn a, #textarea #rightsidebar ul.sidemenu li.submenuOn ul li.submenuOna:link, #textarea #rightsidebar ul.sidemenu li.submenuOn ul li.submenuOna:visited {
	color:#7f7fff;
	font-weight:bold;
}

#menuedit {
	position:absolute;
	top:2px;
	left:2px;
	color:#FFFFFF;
	width:100%;
}

#menuedit p, #menuedit td, #menuedit a:link, #menuedit a:visited {
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}

#menuedit table {
	margin: 0 auto 0 auto;
}

#menuedit table td {
	padding:0 12px 0 12px;
}

h6, #textarea h6 {
	font-size:3px;
	line-height:3px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

#textarea h6+h2, #textarea h6 + #textarea h2 {
	margin-top:0;
}

#textarea table td {
	padding:2px 12px 2px 0;
}
#textarea table td p {
	margin:0;
}

#textarea .formtable td {
	padding:3px 12px 3px 6px;
	background-color: #f7f1db;
}
#textarea .formtable td, #textarea .formtable td p { 
	font-size:11px;
	}
#textarea .formtable input {
	border:1px solid #888888;
	}
#textarea input, #textarea select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.noborder, #textarea .noborder, #textarea input.noborder { border:0; }

#headerlinks a.menuOn {
	text-decoration:underline;
	color:#f8eda6;
}

ul.sidemenu .popout {
	position:absolute;
	display:block;
	margin-left:130px;
	height:1px;
}

ul.sidemenu .popout ul {
	position:relative;
	top:-20px;
	border:2px solid #b7c1e3;
	width:150px;
	background-color:#b7c1e3;
	padding:0;
	margin:0;
}

.searchlabel {
	color:#4780c0;
	font-size:11px;
	font-weight:bold;
}


#textarea .sitemap1 {
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid #d8d8ed;
}
#textarea .sitemap1 li {
	margin:0px 0 0 0;
	padding:0;
	list-style-type:none;
	font-size:11px;
	text-transform:uppercase;
	border-top:1px solid #d8d8ed;
}
#textarea .sitemap1 li a {
	display:block;
	padding:2px 2px 2px 2px;
	color:#6a0809;
}
#textarea .sitemap1 li a:hover {
	background-color:#1467c6;
	color:#FFF;
	text-decoration:none;
}
#textarea .sitemap2 {
	margin:0;
	padding:0;
}
#textarea .sitemap2 li {
	margin:0px 0 0 14px;
	padding:0;
	list-style-type:none;
	text-transform:none;
}
#textarea .sitemap2 li a {
	color:#214483;
}
#textarea .sitemap3 {
	margin:0;
	padding:0;
}
#textarea .sitemap3 li {
	margin:0px 0 0 14px;
	padding:0;
	list-style-type:none;
}
#textarea .sitemap3 li a {
	color:#4382b7;
}

br { font-size:75%; }

/* VERTICAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin:0 20px 0 10px;
	list-style-type:none;
	background-image:none;
	background-color:transparent;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 148px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
ul.menulist {
	width:133px;
}
.menulist li {
 position: relative;
 margin-bottom: -1px;
	margin:.4em 0 -1px 0;
	padding:0 4px 0 10px;
	background-image:url(images/menubullet.left.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	font-size:12px;
	color:#8db8e9;
	background-color:#1467c6;
	font-weight:bold;
}
.menulist .menusub {
	background-image:none;
	list-style:none;
	padding:0 0 0 10px;
	line-height:14px;
	width:130px;
}
.menulist .menusub, .menulist .menusub a, .menulist .menusub a:visited {
	color:#e6d09a;
}
.menulist li ul {
	background-image:none;
	border:2px solid #b7c1e3;
	background-color:#b7c1e3;
	width:150px;
	padding:0;
	margin:0;
	margin-left:-4px;
}
.menulist li ul li {
	background-image:none;
	position:relative;
	color:#4f66b0;
	background-color:#b7c1e3;
	margin:0;
	padding:0 0 0 4px;
}
.menulist li.menuindent {
	background-image:url(images/menubullet.left2.gif);
	background-position:10px 5px;
	list-style:none;
	margin:0 0 0 0;
	padding:2px 0 0 20px;
	width:110px;
}
.menulist li ul li.menuindent {
	padding:0px 0 0 4px;
	background-image:none;
	margin:0;
}
.menulist li ul li.menuindent a {
	padding:0;
	display:block;
}

.menulist li ul li a:link, .menulist li ul li a:visited {
	color:#4f66b0;
	padding:2px 4px 2px 0;
	background-image:none;
}

.menulist li ul li a:hover {
	color:#FFFFFF;
}

.menulist li.submenuOn a:link, .menulist li.submenuOn a:visited {
	color:#FFFFFF;
}

.menulist li.submenuOn li a:link, .menulist li.submenuOn li a:visited {
	color:#e6d09a;
}
.menulist li.submenuOn li a:hover {
	color:#FFFFFF;
}

.menulist li.submenuOn ul li.submenuOn a {
	color:#FFFFFF;
}

.menulist li.submenuOn ul li.menuindent.submenuOn {
	background-image:url(images/menubullet.left2on.gif);
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a, .menulist a:visited {
 display: block;
 text-decoration: none;
	font-weight:bold;
	color:#acc6e9;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
}
.menulist a.highlighted {
 	color: #FFF;
	background-color:#1467c6;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */