/* SITE SPECIFIC STYLES
These are style that are specific to your NAVIGATION FILE.
You can set the color themes for your headlines, and additional style elements.
*/

/*  HOW TO USE CSS PROPERTIES
CSS can be very easy to modify if you use this as your template.

For an overview of CSS, go to this site:
http://webmonkey.wired.com/webmonkey/reference/stylesheet_guide/

For a complete list of CSS properties, go to this site:
http://webmonkey.wired.com/webmonkey/reference/stylesheet_guide/css_properties.html
*/


/* this id sets the background color for the left navigation bar */
#menucolor { background-color: #369; margin: 0; padding: 0; width: 155px}

/* this class sets the attributes for the title of the navigation bar */
.title { text-align: center; 
vertical-align: middle; background-color: #fff; color: #369; margin: 0; padding: 2px; 
width: 155px; font-size: 12px; font-weight: bold; border: 1px solid #369}

.title a:link { color: #369; text-decoration: none;}
.title a:visited { color: #369; text-decoration: none;}
.title a:hover { color: #699; text-decoration: none;}

.menu {list-style: none; margin: 0; padding: 0; font-size: 11px; font-weight: normal;}
.menu li {border-bottom: 1px solid #69c; display: block; width: 155px; height: 18px; }
.menu a:link {display: block; width: 155px; height: 18px; color: #666; padding: 1px, 1px, 1px, 8px;}
.menu a:visited {display: block; width: 155px; color: #666; padding: 1px, 1px, 1px, 8px;}
.menu a:hover {display: block; width: 155px; color: #666; padding: 1px, 1px, 1px, 8px;}

/* this is where you change the background color for primary links */
.level1 a:link {text-decoration: none; color: #fff; }
.level1 a:visited {text-decoration: none; color: #fff}
.level1 a:hover { background-color: #699; color: #fff; text-decoration: underline;}

/* this is where you change the background color for secondary links */
.level2 {background-color: #69c; color: #960;}
.level2 a:link {text-decoration: none; color: #960}
.level2 a:visited {text-decoration: none; color: #960}
.level2 a:hover { background-color: #999; color: #006;}

.subtitle {color: #369; font-weight: bold; background-color: #fff; border-right: 1px solid #369; border-left: 1px solid #369;padding: 1px, 1px, 1px, 8px; }
.subtitle a:link {color: #369; text-decoration: none;}
.subtitle a:visited {color: #369; text-decoration: none;}
.subtitle a:hover { color: #699;}

.guidelinesform {font-size: 11px; color: #666666; margin: 2px, 2px, 2px, 10px; border: 1px solid #369}