/* CSS Document */
body {
	margin:0px;
	font-family: 'Arial', 'Helvetica', sans-serif;
}

table {
	margin:0px;
}

a {
	color:#333399;
	text-decoration:none;
}

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

a:hover {
	color:#6363B1;
	text-decoration:underline;
}

object {
	z-index:1;
}

.headBGLeft {
	background-color:#333366;
	background-image:url('../images/bg_color.gif');
	/*background-image:url('../images/headbg_left.gif');
	background-position:top left;
	background-repeat:repeat-x; */
}

.headBGRight {
	background-image:url('../images/headbg_right.gif');
	background-position:top left;
	background-repeat:repeat-x;
}

.maincontent {
	color: #333399;
}

.side_nav {
	font-family: 'Annifont', 'Lucida Handwriging', 'Arial', 'Verdana';
	font-size:.9em;
}

.side_nav ul {
	list-style-image:url('../images/bl_rollover.gif');
	list-style-position:inside;
	/*direction:rtl;  This puts the bullets on the right side */
}

.side_nav li {
	color:#333366;
	padding:0px;
	margin:0px;
	text-indent:0px;
	white-space:nowrap;
	text-align:left;
	list-style-position:inside;
}

/* IE 6 does not recognize this. But it is supposed to show bullets on hover */
.side_nav li:hover {
	list-style-image:url('../images/dr_rollover.gif');
	list-style-position:inside;
}


.side_nav a {
	color:#333366;
}

.side_nav a:link {
	text-decoration:none;
}

.side_nav a:hover {
	text-decoration:underline;
}

.side_nav ul li ul {
	position:absolute; /* Absolute forces it to float over other elements. */
	left:200px; /* By only specifying the left element, the top remains relative. */
	display:none; /* Hides element to start out, changes with onmouseover events */
	z-index:10;
	min-width:160px;
	margin:0px;
	margin-left:1px;
	margin-top:-10px; /* Use this to adjust the "top" position. Negative makes it move up */
	padding:2px;
	background-color:white;
	border:1px solid #333366;
	list-style:none;
	list-style-position:inside;
	/*list-style-image:url('../images/bl_rollover.gif');
	list-style-position:inside; /* This makes sure the bullets are on the inside of the box */
}

.side_nav ul li ul li {
	margin:0px;
	padding:0px;
	text-indent:0px;
	list-style-image:url('../images/bl_rollover.gif');
	list-style-position:inside;
}

.side_nav ul li ul li:hover {
	list-style-image:url('../images/dr_rollover.gif');
	list-style-position:inside;
}

.smallText {
	font-size:.85em; 
	font-weight:bold; 
}

.mediaTitle {
	font-weight: bold;
	padding-bottom: 4px;
}

.lightblueBG {
	background-image:url(../userfiles/image/bg/lghtblue_fade_top.gif); 
	background-repeat:repeat-x;
	padding: 6px; 
}

/* top sub nav list */
#subnavcontainer { margin-left: 30px; }

#subnavlist
{
list-style: none;
padding: 0;
margin: 0;
}

#subnavlist li
{
display: inline;
padding: 0;
margin: 0;
}

#subnavlist li:before { content: "| "; }
#subnavlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #subnavlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #subnavlist { height: 1%; }

* html #subnavlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #subnavlist li:first-child { border-left: 0; }

/* for community tool bar */
#commnavlist
{
	margin: 0px;
	margin-bottom: 30px;
	padding: 0px;
	padding-left: 8px;
	background-color: #CEBDDD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
	padding-top: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CEBDDD;
	border-bottom-color: #CEBDDD;
}

#commnavlist a, #commnavlist a:link, #commnavlist a:visited
{

padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
color: #000000;
font-weight: bold;
text-decoration: none;
}

#commnavlist a:hover, #commnavlist a:active, #commnavlist a:focus
{

padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
}

#commnavlist li
{
padding-right: 1px;
display: inline;
font-size: 0.6em;
}

#commnavlist ul
{
margin: 0px;
padding: 0px;
}

#commnavlist #active a { background-color: #FFCC66; }