/*
Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want. All you have to do is ensure the script
has the correct CSS property name (like 'visibility' or 'display') that you want it to change.
One good resource for UL/LI formatting: http://www.alistapart.com/articles/taminglists/
Consult your favourite CSS reference for editing fonts/borders/etc.
Otherwise, even if you're not very experienced at CSS, you can just go through and change
the #RGB border/background colours where suitable to customise for your site!
*/
/* OFFICE-STYLE FREESTYLE MENU LAYOUT */
/* All <ul> tags in the menu including the first level */
.menulist {
	margin: 0;
	padding: 1px 33px 0px 7px;
	background: #456bcf;
	border: 1px solid #003366;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	clear: both;
	width: 146px;
}
.menulistH {
	margin: 0;
	padding: 1px 33px 0px 7px;
	background: #990000;
	border: 1px solid #003366;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	clear: both;
	width: 146px;
}
.menulistJ {
	margin: 0;
	padding: 1px 0px 0px 18px;
	background: #003366;
	border: 1px solid #003366;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	clear: both;
	width: 178px;
}
.gcMenulist {
	margin: 0;
	padding: 1px 5px 0px;
	background: #E1EAF2;
	border: 0px solid #003366;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #003366;
	clear: both;
	width: 148px;
}
.gcMenulistH {
	margin: 0;
	padding: 1px 5px 0px;
	background: #003366;
	border: 0px solid #003366;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	clear: both;
	width: 148px;
}
/*
 Some styles used by the "Cascading Popup Menus" script.
 Consult a CSS reference (a good clear one is at www.ncdesign.org) for syntax and tweaking ideas.
 You can delete the ones you're not using in your ItemStyles, or add more if you want.
*/
/*
 Font settings -- change your font, colour, alignment etc.
 Insert 'font-weight: bold;' or 'font-style: italic;' without quotes if you want.
 Note that items contain <A HREF> tags, so if your other stylesheets style anchor tags,
 these may inherit the rules. I've styled all the variations of links here as one.
*/
.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {
 color: #FFF;
	background-color: #165B9E;
	padding: 3px 4px 3px 24px;
	border: 1px solid #ADF;
	margin: 0;
	clear: both;
}
.highText {
	color: #FFFFFF;
	background-color: #456bcf;
	padding: 3px 0px 0px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	margin: 0px;
	clear: both;
	top: 98px;
	height: 20px;
	
}
/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.highTextHover {
	color: #FFFFFF;
	background-color: #003366;
	padding: 1px 0px 0px 18px;
	border: 1px solid #ADF;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	margin: 0px;
	width: 118px;
	
}
.highTextHoverH {
	color: #FFFFFF;
	background-color: #990000;
	padding: 3px 0px 0px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	margin: 0px;
	clear: both;
	top: 98px;
	height: 20px;
}
.highTextHoverJ {
	background-color: #660000;
	padding: 2px 0px 0px 18px;
	border: 1px solid #ADF;
	margin: 0;
	clear: both;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 85%;
	color: #FFFFFF;
	top: 98px;
}
/* Borders used by some items */
.itemBorder {
 border: 1px solid #666666;
}
.itemBorderBlank {
 border: 1px solid #CCCCDD;
}
/* The "button" demo menu styles, as used by the "File-Reopen" menu. Delete if not using */
.buttonText, a.buttonText:link, a.buttonText:visited, a.buttonText:active, a.buttonText:focus {
 text-decoration: none;
 color: #FFCC99;
 font: Bold 12px Arial, Helvetica;
}
.buttonHover, a.buttonHover:link, a.buttonHover:visited, a.buttonHover:active, a.buttonHover:focus {
 text-decoration: none;
 color: #99CCFF;
 font: Bold 12px Arial, Helvetica;
 padding: 1px;
}
.buttonBorder {
 border: 1px outset #339966;
}
.buttonBorderOver {
 border: 1px inset #CC9966;
}
.blueBar {
	clear: both;
	height: 22px;
	width: 770px;
	top: 98px;
	background-color: #336699;
}
body {
	margin-top: 0px;
	margin-left: 15px;
}