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


/* visited colur - dropdown  L3 */

a:visited {color: #003300; text-decoration: none; }
a:active {color: #339900; text-decoration: none; }
a:hover {color: #FFFFFF; text-decoration: none; }


A.red_blue:link {
color: #990000;
text-decoration: none;
}

A.red_blue:visited {
color: #333399;
text-decoration: none;
}

A.red_blue:active {
color: #6666CC;
text-decoration: none;
}

A.red_blue:hover {
color: #CC0000;
text-decoration: none;
}





A.light:link {
color: #FFFFFF;
text-decoration: none;
}

A.light:visited {
color: #FFFFFF;
text-decoration: none;
}

A.light:active {
color: #FFFFFF;
text-decoration: none;
}

A.light:hover {
color: #CCFF00;
text-decoration: none;
}


/* dropdown menu link colour class */

A.menu:link {
color: #336633;
text-decoration: none;
}

A.menu:visited {
color: #993300;
text-decoration: none;
}

A.menu:active {
color: #FFFFFF;
text-decoration: none;
}

A.menu:hover {
color: #669966;
text-decoration: none;
}



A.sitemap:link {
color: #CCCCCC;
text-decoration: none;
}

A.sitemap:visited {
color: #FFFFFF;
text-decoration: none;
}

A.sitemap:active {
color: #CCCCCC;
text-decoration: none;
}

A.sitemap:hover {
color: #CCFF00;
text-decoration: none;
}


A.privacy:link {
color: #CC0000;
text-decoration: none;
}

A.privacy:visited {
color: #CCCCCC;
text-decoration: none;
}

A.privacy:active {
color: #CCCCCC;
text-decoration: none;
}

A.privacy:hover {
color: #CCCCCC;
text-decoration: none;
}




A.contents:link {
color: #CC0000;
text-decoration: none;
}

A.contents:visited {
color: #CC0000;
text-decoration: none;
}

A.contents:active {
color: #CC0000;
text-decoration: none;
}

A.contents:hover {
color: #CC0000;
text-decoration: none;
}







A.subscribe:link {
color: #CC9933;
text-decoration: none;
}

A.subscribe:visited {
color: #999999;
text-decoration: none;
}

A.subscribe:active {
color: #FFFFFF;
text-decoration: none;
}

A.subscribe:hover {
color: #CCCCFF;
text-decoration: none;
}


A.right_sidebar:link {
color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
text-decoration: none;
}

A.right_sidebar:visited {
color: #336633;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
text-decoration: none;
}

A.right_sidebar:active {
color: #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
text-decoration: none;
}

A.right_sidebar:hover {
color: #3E793E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
text-decoration: none;
}






A.life_quest_blue:link {
color: #3366CC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
text-decoration: none;
}

A.life_quest_blue:visited {
color: #6970D0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
text-decoration: none;
}

A.life_quest_blue:active {
color: #6B74D5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
text-decoration: none;
}

A.life_quest_blue:hover {
color: #9298D7;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
text-decoration: none;
}






A.back:link {
color: #CC0000;
text-decoration: none;
}

A.back:visited {
color: #CC0000;
text-decoration: none;
}

A.back:active {
color: #CC0000;
text-decoration: none;
}

A.back:hover {
color: #FF0000;
text-decoration: none;
}



.title_gold {
	color: #CD731B;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px; font-weight: bold;
}



.sectionsubhead_green {
	color: #336633;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
}




.sectionhead_green {
	color: #336633;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
}

.sectionhead_green {
	color: #336633;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
}

.sectionhead_darkred {
	color: #990000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
}

.sectionhead_blue {
	color: #6D758F;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
}

.sectionsubhead_blue {
	color: #6D758F;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
}

.sectionsubhead_darkred {
	color: #990000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
}

.menusubhead_darkred {
	color: #990000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
}


.wrdmark_green {
	color: #336633;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
}





.section_head_dark {
	color: #744517;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
}


.leadparagraph {
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.body {color: #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

.section_head {color: #CD731B;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 12px;
}

.section_head_black {color: #000000;
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 12px;
}


.spacerbar {color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 16px;
}

.spacerbar_lt {color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 16px;
}

.sitemap_txt {color: #CC9933;
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 10px;
}


.tag {color: #999999;
	font-family: Verdana, Times, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


.highlight_red {color: #FF0000;
	font-family: Verdana, Times, Arial, Helvetica, sans-serif;
	font-size: 12x;
}


.more {color: #CC0000; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

.stylecaption {color: #333333; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.stylemenuhdr {color: #CCCCCC; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.stylemenubullet {color: #333333; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.stylelistbullet {color: #333333; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.stylenavindicator {color: #FFFFFF; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.style18 {font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: underline;}
.style19 {color: #CCCCCC}
.stylesmalltext {font-size: 11px; color: #999999; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
}
.stylelisttag {color: #999999; font-size: xx-small; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

.stylenavbar {color: #CC0000; font-size: 11px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;}

.stylertsidebar {color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;}

.styledarkbody {color: #333333; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
}

.styletitlebar {color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
}

.stylemore {color: #6699FF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}

.greentitle {color: #339900; font-size: 11px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
}



.myButton {
background-image: url("Assets/btn_go.gif");
font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;
background:#0099CC none; color: #FFFFFF; width: 20px; border: 0;
}

.myButton:hover {
background-image: url("Assets/btn_go.gif");
}



<!--font-stretch properties
ultra-condensed 
extra-condensed 
condensed 
semi-condensed 
normal 
semi-expanded 
expanded 
extra-expanded 
ultra-expanded-->




/*
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!
*/

/* HORIZONTAL FREESTYLE MENU LAYOUT */

.style12 {color: #FFFFFF; font-size: 10; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style13 {color: #FFFFFF; font-size: 11; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style14 {color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lev02text {color: #336633; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
}

.txt_footer {color: #666666; font-size: 11; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sidebar_title {color: #CCCCCC; font-weight: bold; font-size: 12; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.centre_title {color: #CCCCCC; font-weight: bold; font-size: 14; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.centre_text_blue {color: #003366; font-weight: normal; font-size: 12; font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

.centre_text_white {color: #FFFFFF; font-weight: normal; font-size: 12; font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

/* Level 1 font specs */

.menuHor1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CC0000;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) position relative to parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 25px; /* I'm using ems rather than px to allow people to zoom their font */
 
 /* offset from left edge of parent */
 left: 0px;
 
 /* childmenu width */
 width: 220px;
}

/* Second and third etc. level submenus - distance from left side of parent */
.menulist ul ul {
 /* offset down from top edge of parent */
 top: 0px;
 /* distance from left side of parent */
 left: 222px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
 float affects top level
 border affects all menu fields
*/
.menulist li {
 float: left;
 position: relative;
 /*
  menu bar background color - up
 */
 background: #CCCCCC;
 border: 0px solid #CCCCCC;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 5;
 margin-bottom: 2px;
 padding: 8px;
 
 /* sub menu margin background color - up */
 
 background: #CCCCCC;
}

.menulist ul>li:last-child {
 margin-bottom: 2px;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 0px;
 
 
 /* up state - not followed -  all levels verified*/
 color: #CCCCCC;
 text-decoration: none;
}

/* Default menu colors List  text: 'hover' is mouseover, 'highlighted' are parent items to visible menus */


 /* mouseover colour - verified */

.menulist a:hover, .menulist a:focus {
 color: #FFFFFF;
 background-color: #000000;
}

.menulist  a.highlighted {
 color: #FFFFFF;

}



 /* background of drop down menu */
    .menulist a#greyMenu {
     background-color: #666666;
    }


 /*
    highlight background of drop down menu
 */

    .menulist a#greyMenu:hover, .menulist a.highlighted#greyMenu, .menulist a:focus {
    background-color: #CC6600;
    }

 /*
    Level 1 field colur verified
 */
    .menulist a#L1 {
     background-color: #CCCCCC;
    }
    .menulist a#L1:hover, .menulist a.highlighted#L1, .menulist a:focus {
    background-color: #CCCCCC;
    }
    
 /*
    Level 2 specs
 */
    .menulist a#L2 {
    background-color: #CCCCCC;
    }
    .menulist a#L2:hover, .menulist a.highlighted#L2, .menulist a:focus {
    background-color: #CCCCCC;
    }
    
    
 /* Level 3 text field background colour up verified*/
 
    .menulist a#L3 {
     background-color: #CCCCCC;
    }
    
 /* Level 3 link colours */
    
    .menulist a#L3:hover, .menulist a.highlighted#L3 {
    background-color: #CCCCCC;
    }
    
   .menulist a#L3:focus {
    background-color: #CCCCCC;
    }
    
/*  .menulist a#L3 {
      background-image: url(assets/menuarrow.png);
    }
    .menulist a#L3:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(assets/menuarrow.png);
    }*/

    
   /* .menulist a#L3:hover, .menulist a.highlighted#L3, .menulist a:focus {
    background-color: #CCCCCC;
    }
    
    */


/*
 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);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}

.menulist a {
 float: none;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */





a:link {color: #FF0000; text-decoration: none; }
a:visited {color: #CC0000; text-decoration: none; }
a:active {color: #FF0000; text-decoration: none; }
a:hover {color: #3399FF; text-decoration: none; }


A.gallery_title:link {
color: #FFFFFF;
text-decoration: none;
}

A.gallery_title:visited {
color: #CCCCCC;
text-decoration: none;
}

A.gallery_title:active {
color: #FFFFFF;
text-decoration: none;
}

A.gallery_title:hover {
color: #CCFF00;
text-decoration: none;
}

A.green:link {
color: #66CC33;
text-decoration: none;
}

A.green:visited {
color: #339900;
text-decoration: none;
}

A.green:active {
color: #339900;
text-decoration: none;
}

A.green:hover {
color: #66FF33;
text-decoration: none;
}


A.subscribe:link {
color: #FFFFFF;
text-decoration: none;
}

A.subscribe:visited {
color: #FFFFFF;
text-decoration: none;
}

A.subscribe:active {
color: #FFFFFF;
text-decoration: none;
}

A.subscribe:hover {
color: #CCCCFF;
text-decoration: none;
}



A.back:link {
color: #CC0000;
text-decoration: none;
}

A.back:visited {
color: #CC0000;
text-decoration: none;
}

A.back:active {
color: #CC0000;
text-decoration: none;
}

A.back:hover {
color: #FF0000;
text-decoration: none;
}



.style1 {
	color: #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


.leadparagraph {color: #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

.body {color: #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

.news_headline {color: #000000;
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 24px;
}

.news_deck {color: #000000;
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 14px;
}


.news_nav_deck {color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 10px;
}


.more {color: #CC0000; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

.stylecaption {color: #333333; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.stylemenuhdr {color: #333333; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.stylemenubullet {color: #333333; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.stylelistbullet {color: #333333; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.stylenavindicator {color: #FFFFFF; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.style18 {font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: underline;}
.style19 {color: #CCCCCC}
.stylesmalltext {font-size: 11px; color: #999999; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
}
.stylelisttag {color: #999999; font-size: xx-small; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

.stylenavbar {color: #CC0000; font-size: 11px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;}

.stylertsidebar {color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;}

.styledarkbody {color: #333333; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
}

.styletitlebar {color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
}

.stylemore {color: #6699FF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}
.style33 {font-size: x-small; font-family: Geneva, Arial, Helvetica, sans-serif;}
}
.style34 {font-size: 18px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style35 {color: #CCCCCC; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold;
}
.style36 {color: #FFFFFF; font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style37 {color: #000000; font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style38 {color: #000000; font-size: 10px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style39 {color: #000000; font-size: 10px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style40 {color: #000000; font-size: 12px; font-family: Vredana, Geneva, Arial, Helvetica, sans-serif;
}
.greentitle {color: #339900; font-size: 11px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
}



.myButton {
background-image: url("Assets/btn_go.gif");
font-size: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;
background:#0099CC none; color: #FFFFFF; width: 20px; border: 0;
}

.myButton:hover {
background-image: url("Assets/btn_go.gif");
}



<!--font-stretch properties
ultra-condensed 
extra-condensed 
condensed 
semi-condensed 
normal 
semi-expanded 
expanded 
extra-expanded 
ultra-expanded-->