body {background: #000063 url(graphics/bg.gif); margin: 0; padding: 0; text-align: center;  font-size: 8pt; font-family: Arial;}
a {color: #394AA5;}
a:hover {text-decoration: none;}
#main {margin: auto; margin-top: 0; width: 750px;}
#content {color: #000; background: #fff; text-align: left; border-left: solid 1px #FFEF6B; border-right: solid 1px #FFEF6B; }
#header {color #fff; background: url(graphics/cafsaheader.gif) top no-repeat; width: 750px; height: 120px;}
#header_menu {color #fff; float: right; margin: 8px 5px 0px 0px; font : bold 7pt Arial;}
#menu {height: 28px; background: #000063; border-top: solid 1px #000063;}
#whitespace {padding: 15px; font: normal 9pt Arial; text-align: left; width: 530px;}
#rightnav {float: right; clear: right; width: 180px; padding: 15px;}
h1 ,.title {background: #394AA5; font : bold 9pt Arial; color: #FFEF6B; text-transform: uppercase; display: block; padding: 7px; margin-bottom: 12px; border-bottom: solid 3px #C60000;}
.alttitle {background: url(menubg.jpg); font : bold 9pt Arial; color: #fff; text-transform: uppercase; display: block; padding: 7px; margin-bottom: 12px; border-bottom: solid 1px #E48530;}

/* The wrapper clears the floating elements of the menu */

#menuwrapper { 
        overflow: hidden; 
        width: 100%;
        color: #000;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 150px; 
       background-color: #000063;
       }


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
        background: none;
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0px; 
	padding: 7px 15px; 
	text-decoration: none; 
        font: normal 8pt Tahoma;
        background: none;
        color: #000;
	}

#primary-nav li a { 
	/* border-right: 1px dotted #C0C0C0; */
	border-left: 1px dotted #394AA5;
	color: #FFEF6B;
         background: none;
        }
#primary-nav li li a { 
	border: 1px solid #000;
       
	}	
#primary-nav li, #primary-nav li.menuparent { 
       background-color: none;
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 

	}

a.menuactive {color: #000000;}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
	
        background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	color: #FFFFFF;
        background-color: #394AA5;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}
dfn {display: none;}

/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}
-->