﻿body {
    background-image:url(../images/branding/bg-page.jpg);
}

#logo h1 span {

    background:transparent url(../images/branding/hd-logo.jpg) no-repeat scroll left top;

}

ul#menu li a {
    background-color:#4D602A;

}

#tagCloud {
    background-color:#fff;
    border:1px solid #4D602A;
}

#tagCloud h2 
{
    background-color:#4D602A;
}

#tagCloud p a {
    color:#4D602A;
}


h2.ratingsTitle {
    background-color:#9BB82F;
    color:#fff;
}

#ratings {
    border:1px solid #9BB82F;

}

#ratings h3 {
    border-bottom:1px solid #9BB82F;
    color:#4D602A
}

#ratings ul li a {
    color:#666;
}


.newsletter {

    border:1px solid #9BB82F;

}

.newsletter h3 {
    color:#4D602A;
}


#announcements h2, #events h2 {
    background-color:#9BB82F;
    color:#fff;
}


#ratings ul li a {
    background-image:url(../images/common/bullet.jpg);
}

#guidednav {
    background-image:url(../images/common/bg-guided-nav.gif);
    border-bottom:1px solid #9BB82F;
}

#guidednav p a{
    background-image:url(../images/common/guided-nav-close.png);

}

#guidednav h3, .guidednav-heading
{
	background-color:#9BB82F;
    color:#fff;
	background-image: url(../images/common/bg-guided-nav-h3.png);
	background-repeat: no-repeat;
	font-weight:bold;
    height:30px;
    line-height:30px;
    margin:0;
    padding:0 0 0 10px;
}

#guidednav h4, .guidednav-subheading
{
	background-color:#E1EAC0;
    color:#4D602A;
	clear:both;
	font-weight:bold;
    height:25px;
    line-height:25px;
    margin:10px 10px 0;
    padding:0 0 0 10px;
}

.SearchResults h2 {
    color:#4D602A;
}
.paging .totals span {
    color:#4D602A;
}


.paging .pages span.currentPage {
    background-color:#9BB82F;
    border:1px solid #9BB82F;
    color:#fff;

}

.paging .pages a:hover {
    background-color:#9BB82F;
    border:1px solid #9BB82F;
    color:#fff;
}

.subjectIntroPanel 
{
    background-image:url(../images/common/bg-subject-header.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    border-top:1px solid #3C5548;
    border-bottom:1px solid #3C5548;
}

.subjectIntroPanel h2,
.subjectIntroPanel p,
.SubjectLister h3
{
    color:#4D602A;
}


.SubjectLister ul li a {
    background-image:url(../images/common/bullet.jpg);

}

.AtoZPaging {
    border-bottom:1px solid #9BB82F;

}

.foundThisUseful {
    border:2px solid #9BB82F;

}

.foundThisUseful p {
    color:#4D602A;
    border-bottom:2px solid #9BB82F;

}

.foundThisUseful span {
    color:#9BB82F;

}

.foundThisUseful a {
    display:block;
    width:200px;
    height:0px;
    padding:25px 0 0 0;
    overflow:hidden;
    background-image:url(../images/common/button-useful.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    

}

.foundThisUseful a:hover {
    background-position:0 -25px;  

}

.resource .comments h4  {
    color:#9BB82F;

}

/**************************** Navigation Styles ****************************/
	
	
ul#menu
{
    padding: 0 0;
    position: relative;
    margin: 0;
}

ul#menu li
{
    display: inline;
    list-style: none;
}


ul#menu li a
{
    float:left;
    padding: 0 0 0 0px;
    margin:0 2px 0 0;
    text-decoration: none;
    background-color:#4D602A;
    line-height: 35px;
    height:35px;
    display:block;
    text-align:center;
    color: #fff;
    font-size:93%;
    background-image:url(../images/navigation/bg-tab-left.png);
    background-repeat:no-repeat;
}

ul#menu li a span
{
	padding: 0 10px 0 10px;
    background-image:url(../images/navigation/bg-tab-right.png);
    background-position:right top;
    background-repeat:no-repeat;
    display:block;
}

ul#menu li a span:hover, ul#menu li.selected a span
{
	background-position:right -35px
}

ul#menu li a:hover, ul#menu li.selected a
{
    background-color:#fff;
    color:#333;
    background-position:0 -35px
}

ul#menu li a:active
{
    text-decoration: none;
}

/**************************** Form Styles ****************************/

.resource .resource-details .tagThisContent input.tagAdd
{
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:right;
	font-size:93%;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin:0 5px 0 0;
	padding:0 10px;
	border:0;
	
}

.resource .comments {
    border:1px solid #9BB82F;
}

.resource .comments h3 {
    background-color:#9BB82F;
    color:#fff;
}

.resource .summary {
    background-color:transparent;
    color:#4C5E2A;
    margin:0 0 10px;
    padding:0 0 10px 0;
}


.captchaWarning 
{
    background-color:#ECECEC;
    border:1px solid #CCCCCC;
    display:block;
    font-weight:bold;
    margin:10px 0!important;
    padding:10px 5px!important;
}

/**************************** Register Form Styles ****************************/

.introPanel.register
{
    height:auto;
    background-color:#fff;
    padding:0 0 20px 0;
    
}

.introPanel.register h2
{
    margin-bottom:10px;
}


.introPanel.register p
{
    width:auto;
}


.register ul {
	margin:0 20px 20px 40px;
}

.register ul li {
	list-style-position:outside;
	list-style-type:disc;
	margin:4px 0;
}

.stormForm fieldset h3 {
	border-top:1px solid #FFFFFF;
	padding-top:20px;
}

/* TALK TO US INTRO PANEL  
----------------------------------------------------------*/

.talkIntroPanel 
{
    background-image:url(../images/common/bg-talk-header.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    border-top:1px solid #3C5548;
    border-bottom:1px solid #3C5548;
}

.talkIntroPanel h2,
.talkIntroPanel p,
.talkIntroPanel h3
{
    color:#4D602A;
}

/* CONFIRMATION INTRO PANEL  
----------------------------------------------------------*/

.confirmIntroPanel 
{
    background-image:url(../images/common/bg-confirm-header.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    border-top:1px solid #3C5548;
    border-bottom:1px solid #3C5548;
}

.confirmIntroPanel h2,
.confirmIntroPanel p,
.confirmIntroPanel h3
{
    color:#4D602A;
}


