/* -------- Layout ---------- */

html,body{background-image:url(../images/2012/bkg970.gif); background-position:top center; font-family:Arial;background-repeat:no-repeat; margin-top:0px;}


#all{width:970px; margin:0px; padding:0px; margin-left:auto; margin-right:auto;}
#textOnlyLinks{display:none}

/* Search Box */
#search {width:214px; float:left; margin-left:5px; margin-top:9px; height:24px; line-height:24px; overflow:hidden; vertical-align:top;}
#searchTxt{float:left; margin:5px 0 0 28px}
.searchText{border:1px solid #C4C4C4; height:21px; margin-right:1px;}
#searchButton{float:left; display:block; height:30px; width:70px; cursor:hand;}


/* Content */
#contentWrapper {width:950px; height:auto; background-color:#DBDBDB; margin:10px;}
#leftColumn{float:left; width:200px; background-color:#eaecdb;  margin-top:20px;}
#centerColumn{margin-top:20px;float:left; padding-left:10px; padding-right:10px; width:530px; background-color:White; height:100%;}
#rightColumn{margin-top:20px;float:left; width:200px;  background-color:#DBDBDB;}

/* Submenu */
#submenu {margin-top:0px; float:left; width:200px; background-color:#eaecdb;}
#submenu h3{width:175px; height:23px; background-color: #a6af60; color:#ffffff; margin:0px; padding-left:25px; padding-top:7px; background-image: url(../images/bulletred.gif); background-repeat:no-repeat; background-position:6px 9px;}
#menuTop{margin-top:10px; float:right; height:12px; width:190px; background-image: url(../images/2012/submenutop.gif); background-repeat:no-repeat;}
#menuBottom{float:right; height:12px; width:190px; background-image: url(../images/2012/submenubottom.gif); background-repeat:no-repeat;}
#myHGCA{ float:left; height:auto; margin-left:5px; margin-top:5px; background-image: url(../images/2008/myhgcalogo.gif); background-repeat:no-repeat;}
#myHGCA p{ margin:0px; margin-left:22px;}

#sendHGCA{ float:left; height:auto; margin-left:10px; margin-top:5px; background-image: url(../images/2008/mailpage.gif); background-repeat:no-repeat; overflow:visible}
#sendHGCA p{ margin:0px; margin-left:22px; overflow:visible}

#languageLink{ float:left; height:auto; margin-left:5px; margin-top:10px; background-image: url(../images/2008/globe3.gif); background-repeat:no-repeat;}
#languageLink p{ margin-left:23px;}

#menuItems{background-color:#d2d7ac; width:190px; float:right; }
#menuItems ul{list-style-type: none; margin:0px; padding: 0px; padding-left: 10px;}
#menuItems ul ul{list-style-type:none;  color:#79842a;  border:0px; }
#menuItems ul ul ul{list-style-type:none;}
#menuItems li{border-bottom:solid 1px #a6af60; padding:4px; margin-right:0px;}
#menuItems li li{border-bottom:0px; }
#menuItems li.last{border-bottom:solid 0px #CEE3F2; }
#title h1{margin:0px; border-bottom:solid 1px #dedede; margin-top:7px;}
#title h1{ color:#A52B22; font-size:1.4em; font-weight:normal;}

/* content box180 - news and events*/
#contentBox250{overflow:hidden; width:180px; margin-left:10px; margin-top:10px; background-color:White; background-image: url(../images/2008/boxfooter180.gif); background-repeat:no-repeat; background-position:bottom;}
#boxHeader{ width:180px; height:40px; background-image: url(../images/2008/blockheader180.gif); background-repeat:no-repeat;}
#boxHeader h2{margin:0px; padding-top:6px; margin-left:23px; margin-bottom:10px;}
#boxHeaderSub{width:180px; height:auto; background-color:#EEEEEE; margin-bottom:10px;}
#boxHeaderSub h3{margin:0px; padding-top:4px; padding-left:20px; padding-bottom:3px;  background-image: url(../images/2008/doublearrow.gif); background-repeat:no-repeat; background-position:4px 8px; height:auto;}
#boxList ul{padding:3px; margin:0px; width:167px; list-style-type:none; padding-bottom:20px; margin-top:0px;}
#boxList li{background-image: url(../images/2008/bulletgreen.gif); background-repeat:no-repeat; background-position:7px 8px; }
#boxList p{margin:0px; margin-left:20px; margin-bottom:5px;}
#boxList p.abstract{margin-bottom:15px;}

/* Footer Links */
#footer{ float:left; width:950px; background-color:#919191; height:50px; margin-left:10px; margin-right:10px; margin-bottom:10px; padding-top:30px;}
*html #footer{margin-left:5px;}
#footer ul{ float:left; text-align:center; list-style-type: none; margin: 0px; padding: 0px;}
#footer ul li{display: inline; padding-right:8px; padding-left:8px; border-right:solid 1px #ffffff;}
#footer ul li.last{border-right:0px;}
#footerSpacer{  line-height:0px; font-size:1px;}
*html #footerSpacer{  line-height:0px; font-size:1px; height:0px;}

/* -------- Styles -eventually move to own css file -------------- */
.hide{display:none;}

/* Body text */
html,body{font-size:1em; FONT-FAMILY: Verdana;}
#all{font-size:1em; FONT-FAMILY: Verdana;}
p{font-size:0.80em; color:#484848; line-height:18px;}
div.content{font-size:0.80em; color:#484848; line-height:18px;}
td{font-size:0.80em; color:#484848; line-height:18px;}
td td{font-size:100%; color:#484848; line-height:18px;}
td p{font-size:100%; color:#484848; line-height:18px;}
ul ul{font-size:100%;}
ol ol{font-size:100%;}
#contentOutput ul{font-size:0.8em;}
#contentOutput ol{font-size:0.8em;}


*.li{ color:#484848; line-height:18px;}
#boxContent li{font-size:0.8em; color:#484848;}
p.smallerLighter{font-size:0.7em; color:#8F8C00;}

/* Standard Link */
A:link{FONT-SIZE: 1em; COLOR: #78842B; FONT-FAMILY: Verdana; }
A:visited{FONT-SIZE: 1em; COLOR: #78842B; FONT-FAMILY: Verdana; }
A:hover{FONT-SIZE: 1em; COLOR: #000000; FONT-FAMILY: Verdana; }

A.menuLink:link{FONT-SIZE: 0.75em; COLOR: #535c15; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
A.menuLink:visited{FONT-SIZE: 0.75em; COLOR: #535c15; FONT-FAMILY: Verdana; TEXT-DECORATION: none; }
A.menuLink:hover{FONT-SIZE: 0.75em; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: underline;}

A.sublink:link{FONT-SIZE: 0.7em; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
A.sublink:visited{FONT-SIZE: 0.7em; FONT-FAMILY: Verdana; TEXT-DECORATION: none; }
A.sublink:hover{FONT-SIZE: 0.7em; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: underline;}

A.subsublink:link{FONT-SIZE: 0.7em; COLOR: #79842a; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
A.subsublink:visited{FONT-SIZE: 0.7em; COLOR: #79842a; FONT-FAMILY: Verdana; TEXT-DECORATION: none; }
A.subsublink:hover{FONT-SIZE: 0.7em; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: underline;}

#submenu h3{ FONT-SIZE: 0.9em; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none; }

A.breadlink:link{FONT-SIZE: 0.7em; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
A.breadlink:visited{FONT-SIZE: 0.7em; FONT-FAMILY: Verdana; TEXT-DECORATION: none; }
A.breadlink:hover{FONT-SIZE: 0.7em; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: underline;}

font.breadlink{font-size:0.70em; FONT-FAMILY: Verdana; COLOR: #A52B22;}
font.breadlink_grey{font-size:0.70em; FONT-FAMILY: Verdana; COLOR: #7A7A7A;}



#mainNav ul li a h3{FONT-SIZE: 0.8em; font-weight:normal;}

A.footer:link{FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none; text-transform:uppercase;}
A.footer:visited{FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none; text-transform:uppercase;}
A.footer:hover{FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: underline; text-transform:uppercase;}
A.footer:active{ background-color:#000000;}
A.footer:focus{ background-color:#000000;}

/* Selected tab font colour */
.home{COLOR: #000000;}

A.option:link{FONT-SIZE: 0.8em; COLOR: #7D7D7D; FONT-FAMILY: Verdana; }
A.option:visited{FONT-SIZE: 0.8em; COLOR: #7D7D7D; FONT-FAMILY: Verdana; }
A.option:hover{FONT-SIZE: 0.8em; COLOR: #000000; FONT-FAMILY: Verdana; }

/* box formatting */
.boxHeader{FONT-SIZE: 0.8em; COLOR: #78842B; FONT-FAMILY: Verdana; font-weight:bold;}
#boxHeaderSub h3{FONT-SIZE: 0.8em; COLOR: #484848; FONT-FAMILY: Verdana; text-transform:uppercase; font-weight:normal;}
#boxStrap305 h3{FONT-SIZE: 0.8em; COLOR: #ffffff; FONT-FAMILY: Verdana; font-weight:normal;}

.HideDiv
{
    DISPLAY: none;
    VISIBILITY: hidden
}
.ShowDiv
{
    VISIBILITY: visible
}


/* Header background */
#header{float:left; width:970px; margin:0;}

/* Secondary Navigation */
#secondNavContainer{float:left; width:940px; margin:35px 0 0 0; height:33px;}
#secondNav{ float:left; width:670px; margin: 0px; }
#secondNav ul{ float:right; text-align:center; list-style-type: none; margin: 7px 0 0 150px; padding: 0px;}
#secondNav ul li{ float:left; padding-right:8px; padding-left:8px; border-right:solid 1px #cfd4aa; display: block; line-height: 20px;}
#secondNav ul li.last{border-right:0px;}
#searchBar{ float:right; width:249px; height:33px; background-image:url(../images/2012/searchbkg.gif); margin: 0 10px 0 0 }

/* Main Navigation */
#mainNav{float:left; padding-top:35px; font-family:Arial;}
#mainNav ul{list-style-type: none; margin: 0px; padding: 0px; text-align: center; width:100%;}
#mainNav ul li{margin: 0px; padding: 0px; display: inline; text-align: center; }
#mainNav ul li a h3{padding:0px; cursor:hand; float:left; padding-top:7px; margin:0px; margin-right:2px; height:20px;  overflow:hidden;}
.navBlock{float:left; height:30px; border-right:solid 1px #d6d6d6; padding:5px;}
.navBlockColor{float:left; height:5px; background-color:#dedede; width:100%;}
.navBlockText{float:left; padding: 5px 8px 0 8px}

/* Nav colour blocks */
.last{border-right:0px;}
.greenBlock{background-color:#79842a;}
.redBlock{background-color:#4b1010;}
.brownBlock{background-color:#706300;}
.yellowBlock{background-color:#f4bd00;}
.greenBlock2{background-color:#758519;}
.blueBlock{background-color:#0093c5;}
.blackBlock{background-color:#00090c;}
.greenBlock3{background-color:#006d00;}

/* Navigation Links */
#mainNav ul li a h3{FONT-SIZE: 14px; font-weight:bold;}
A.mainNav:link{FONT-SIZE: 14px; COLOR: #949494; FONT-FAMILY: Arial; TEXT-DECORATION: none; text-transform:uppercase; font-weight:bold;}
A.mainNav:visited{FONT-SIZE: 14px; COLOR: #949494; FONT-FAMILY: Arial; TEXT-DECORATION: none; text-transform:uppercase;}
A.mainNav:hover{FONT-SIZE: 14px; COLOR: #79842a; FONT-FAMILY: Arial; TEXT-DECORATION: none; text-transform:uppercase;}

A.greenNav:hover{COLOR: #79842a;}
A.redNav:hover{COLOR: #4b1010;}
A.brownNav:hover{COLOR: #706300;}
A.yellowNav:hover{COLOR: #f4bd00;}
A.greenNav2:hover{COLOR: #758519;}
A.blueNav:hover{COLOR: #0093c5;}
A.blackNav:hover{COLOR: #00090c;}
A.greenNav3:hover{COLOR: #006d00;}

A.secNav:link{FONT-SIZE: 12px; COLOR: #79842a; FONT-FAMILY: Arial; TEXT-DECORATION: none; }
A.secNav:visited{FONT-SIZE:  12px; COLOR: #79842a; FONT-FAMILY: Arial; TEXT-DECORATION: none; }
A.secNav:hover{FONT-SIZE:  12px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: underline; }
A.secNav:active{ background-color:#000000;}
A.secNav:focus{ background-color:#000000;}


/* Accessibility page */
.accessibilityBox1{padding:10px; background:#f1e5d1; border:solid 1px #d9c7a8; color:#744b04;}
.accessibilityBox2{padding:10px; background:#f4e2e2; border:solid 1px #e8c9c9; color:#9d3636;}