body
{
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    background-image: url(../images/branding/bg-page.jpg);
    background-repeat:repeat-x;
    text-align:left;
    color:#333;

}

a 
{
     color:#003366;
}

a:hover 
{
     color:#003366;
     text-decoration:underline;
}


p {

	margin-bottom:10px;
}

strong, b 
{
	font-weight:bold;
}

em 
{
	font-style:italic;
}

#ColTwo ul.displayList {
	margin:10px 30px;
}

#ColTwo ul.displayList li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:5px 0;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.bdWrapper
{
    margin:0 -10px;
    width:980px;
    background-image: url(../images/common/bg-bd.gif);
    background-repeat:repeat-y;
    _background-position:10px 10px;
    _padding:0 10px;
    _background-color:Black;
    }


#bd 
{
    background-color:transparent;
    padding:0 0 20px 0;
    margin:0 10px;
    width:960px;


}

#ft 
{
    border-top:2px solid #ccc;
}

#logo 
{
    height:105px;
}

#logo h1 {
    color:#333333;
    height:105px;
    margin:0;
    position:relative;
    width:460px;
}


#logo h1 span {
    background:transparent url(../images/branding/hd-logo.jpg) no-repeat scroll left top;
    height:100%;
    position:absolute;
    width:100%;
}


/* PRIMARY NAVIGATION MENU   
----------------------------------------------------------*/
#np
{
	
}


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 10px;
    margin:0 2px 0 0;
    text-decoration: none;
    background-color:#333333;
    line-height: 35px;
    height:35px;
    display:block;
    text-align:center;
    color: #fff;
    font-size:93%;
}

ul#menu li a:hover
{
    background-color:#fff;
    color:#333;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #333;
}



/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* FOOTER  
----------------------------------------------------------*/
#ft
{
    text-align:left;
    padding:20px 0 0 0;
    
}

#ft ul
{
	margin:0 0 10px 0;
}

#ft ul li
{
	list-style: none;
}

#ft ul li a
{
	color: #999;
	font-size:85%;
	text-decoration:none;
	
}

#ft ul li a:hover
{
	color: #999;
	text-decoration:underline;
	
}

#ft p
{
	color: #999;
	font-size:85%;
	
}



/* SEARCH  
----------------------------------------------------------*/
#search
{
	background-image: url(../images/branding/bg-search.png);
    background-repeat:no-repeat;
    background-position:0 0;
    padding:0;
    height:50px;
    margin:40px 0 0 0;
    position:relative;
}
#search label 
{
    display:none;
}


#SearchTerms 
{
    font-size:123.1%;
    color:#666;
    width:343px;
	padding:2px;
	border:1px solid #fff !important;
	position:absolute;
	top:2px;
	left:2px;
    
}

#btnSearch 
{
    width:90px;
    height:26px;
    background-color:Transparent;
    background-image: url(../images/common/bg-btn-search.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    border:none;
    cursor:pointer;
    margin:0px;
    padding:0px;
    position:absolute;
	top:2px;
	left:358px;
}

#btnSearch:hover 
{
    background-position:0 -26px;
}


#search p
{
    color:#3B5447;
    font-size:93%;
    margin:0 0 0 0;
    padding:0px;
    display:block;
    position:absolute;
    top:35px;
    
}


#search input[type="image"]
{
	
	
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.searchresult img.thumbnail
{
	padding: 10px;
}

.searchresult img.thumbnail
{
	float: left;
}

.searchresult h3 a
{
	font-weight: bold;
	text-decoration: none;

}

.searchresult p
{
	font-size: 0.9em;

}

#atoz
{
	text-align: center;
}

#content ul li
{
	list-style: disc none inside;
}

#content ul li label
{
	width: 200px;
	font-weight: bold;
}

#content .property label
{
	font-weight:bold;
	width:150px;
	display:block;
	padding-left: 30px;
	float:left;
}

#content blockquote
{
	padding: 30px;
	font-style: italic;
	background-color: #EEE;
}




/* Html editor output styles */
p.blockquote
{
    font-style:italic;
    margin-left:10px;
    margin-bottom:0px;
}

p.sub-heading
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom:0px;
}

p.sub-heading a:hover
{
    text-decoration:none;
}

p.none
{
    margin-bottom:0px;
}


#ColOne, #ColTwo, #ContentOne, #ContentTwo 
{
	background-color:#fff;
}



/* GUIDED NAV 
----------------------------------------------------------*/

#guidednav
{
    background-image: url(../images/common/bg-guided-nav.gif);
    background-repeat:repeat-y;
    background-position:0 0;
    border-bottom:1px solid #ececec;
}

#guidednav h3
{
	background-color:#ECECEC;
    color:#666666;
    font-weight:bold;
    height:30px;
    line-height:30px;
    margin:0;
    padding:0 0 0 10px;
}

#guidednav h4
{
	background-color:#eee;
    color:#333;
    font-weight:bold;
    height:25px;
    line-height:25px;
    margin:10px 10px 0 10px;
    padding:0 0 0 10px;
    clear:both;
}

#guidednav ul
{
	display:block;
	margin:0 10px;
}

#guidednav ul li
{
    padding:0px;
    font-size:85%;
    border-bottom:1px solid #ddd;
    color:#666666;
    clear:both;
    float:left;
    width:200px;
}

#guidednav ul li a {
    text-decoration:none;
    padding:5px 0 5px 10px;
    background-image: url(../images/common/arrow.gif);
    background-repeat:no-repeat;
    background-position:left 8px;
    color:#666666;
    width:150px;
    display:block;
    float:left;
   
}

#guidednav ul li a:hover {
    text-decoration:none;
    color:#000;
   
}

#guidednav ul li:hover {
    text-decoration:none;
    background-color:#eee;
   
}

#guidednav ul li span{
    text-align:right;
    display:block;
    padding:5px 0;
    float:right;
    width:30px;
}

#guidednav p
{
    background-image: url(../images/common/arrow-down.png);
    background-repeat:no-repeat;
    background-position:0px 10px;
    padding:5px 0 5px 10px;
    margin:0 10px 0 10px;
    font-size:85%;
    font-weight:bold;
    color:#333;
    border-bottom:1px solid #ddd;
    background-color:#f8f8f8;
    display:block;
    clear:both;
    float:left;
    width:190px;
}

#guidednav p span{
    display:block;
    float:left;
    padding:0;
    text-decoration:none;
    width:150px;
}

#guidednav p a
{
	text-align:right;
    display:block;
    float:right;
    width:15px;
    height:0px;
    padding-top:15px;
    overflow:hidden;
    background-image: url(../images/common/guided-nav-close.png);
    background-repeat:no-repeat;
    background-position:0 0;
}

#guidednav p a:hover
{
    background-position: 0 -15px;
}

#guidednav ul.children li
{
    border-bottom:none;
}

#guidednav ul.children li a
{
    background-image:none;
    color:#777;
    padding-left:15px;
}




/* BREADCRUMBS
----------------------------------------------------------*/
.BreadCrumbs {
    color:#999;
    font-size:85%;
    height:10px;
    line-height:10px;
    margin:0 0 10px 0;
    padding:0;
}

.BreadCrumbs ul {
    margin:0;
    padding:0;
}

.BreadCrumbs ul li {
    display:block;
    float:left;
    margin:0 5px 0 0;
}

.BreadCrumbs ul li a {
    color:#999;
    padding:0 10px 0 0;
    background-image: url(../images/common/bg-breadcrumbs.gif);
    background-repeat:no-repeat;
    background-position:right center;
}

/* PAGING 
----------------------------------------------------------*/
.pagingBottom .paging 
{
	border-top:1px solid #fff;
	margin-top:-20px;
	
}
.paging
{
	height:30px;
	line-height:30px;
	background-image: url(../images/common/bg-paging.gif);
    background-repeat: repeat-x;
    background-position: left center;
}

.paging p
{
	margin: 0px;
}


.paging .totals
{
    color:#999;
    display:block;
    float:left
}

.paging .totals span
{
    color:#000;
    font-weight:bold;
}

.paging .pages  
{
    display:block;
    float:right;
    padding:5px 0 0 0;
    font-weight:normal;
}

.paging .pages a,
.paging .pages span {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    color:#000000;
    display:block;
    float:left;
    font-size:85%;
    height:16px;
    line-height:16px;
    margin:0 2px 0 0;
    text-align:center;
    text-decoration:none;
    width:16px;
}

.paging .pages a:hover {
    border:1px solid #CCCCCC;
    background-color:#CCCCCC;
    color:#fff;

}

.paging .pages span.currentPage 
{
    background-color:Transparent;
    font-weight:bold
}






/* SEARCHTERMS 
----------------------------------------------------------*/
.searchTerms
{
	display:block;
	height:30px;
	line-height:30px;
    color:#999;
    margin:0px;
    padding:0 0 0 10px;
    background-color:#ececec;

}

.searchTerms span
{
    color:#000;
    font-weight:bold;

}


/* SUBJECT A-Z INTRO PANEL  
----------------------------------------------------------*/

.subjectIntroPanel 
{
    height:100px;
    background-color:#ddd;
    padding:20px;
    margin: 0 0 0 0;
}

.subjectIntroPanel h2
{
    font-size:197%;
}

.subjectIntroPanel p
{
    font-size:93%;
    line-height:15px;
    width:360px;
}

.AtoZPaging  
{
    border-bottom:1px solid #ccc;
    height:29px;
    padding-top:11px;
}

.AtoZPaging a
{
    display:block;
    height:16px;
    width:16px;
    line-height:16px;
    background-color:#fff;
    border:1px solid #ccc;
    color:#000;
    text-decoration:none;
    margin:0 2px 0 0;
    float:left;
    text-align:center;
    font-size:85%; 
}

.AtoZPaging span
{
    display:block;
    height:16px;
    width:16px;
    line-height:16px;
    background-color:#fff;
    border:1px solid #ccc;
    color:#ccc;
    text-decoration:none;
    margin:0 2px 0 0;
    float:left;
    text-align:center;
    font-size:85%; 
}

.AtoZPaging a:hover
{
    background-color:#9BB82F;
    border:1px solid #9BB82F;
    color:#fff;

}

/* SUBJECT A-Z LISTER 
----------------------------------------------------------*/


.SubjectLister h3
{
    line-height:40px;
    font-size:34px;
    font-weight:bold;
}

.SubjectLister ul li 
{

}

.SubjectLister ul li a
{
    text-decoration:none;
    color:#666;
    height:25px;
    line-height:25px;
    display:block;
    padding:0 0 0 10px;
    border-bottom:1px solid #ddd;
    background-image: url(../images/common/bullet.jpg);
    background-repeat: no-repeat;
    background-position: left center;
   
}

.SubjectLister ul li a:hover
{
    text-decoration:underline;
    color:#000;
   
}


/* SEARCH RESULTS
----------------------------------------------------------*/
.SearchResults h2
{
    
    font-size:189%;
    display:block;
    line-height:20px;
    margin:0 0 10px 0;
}

.SearchResults h2 a
{
    float:right;
}

.SearchResultsTeaser h2
{
    
    font-size:189%;
    display:block;
    line-height:20px;
    height:20px;
    margin:0 0 10px 0;
}

.searchResultsTeaser 
{
    padding:0 0 10px 0;
    margin:10px 0 10px 0;
    border-bottom:1px solid #ccc;
}

.searchResultsTeaser .colOne
{
   float:left;
   width:80px; 
}

.searchResultsTeaser .colTwo
{
   float:left; 
   width:620px; 
}

.searchResultsTeaser h3 a
{
   color:#003366;
   font-size:123.1%;
   line-height:20px; 
   text-decoration:none;
   
}

.searchResultsTeaser h3 a:hover
{
   text-decoration:underline;
   
}


.searchResultsTeaser p.summary
{
   color:#333;
   font-size:93%;
   line-height:15px; 
}

.searchResultsTeaser ul li {
    font-size:85%;
    color:#003366;
}

.searchResultsTeaser p.updated{

    color:#999;
    font-size:85%;
    margin:0px;
}

.searchResultsTeaser ul li {
    
    clear:both;
    
}

.searchResultsTeaser ul li .teaserRelatedLinks 
{

    display:block;
    float:left;
    width:400px;

}


.searchResultsTeaser ul li a{

    color:#003366;
    

}

.searchResultsTeaser ul li a:hover{

    text-decoration:none;
}


.searchResultsTeaser ul li span {
    display:block;
    float:left;
    text-align:left;
    width:110px;
    color:#666;
}



/* RESOURCE DETAIL
----------------------------------------------------------*/
 h2.resourceTitle
{
    font-size:153%;
    display:block;
    line-height:30px;
    margin:0 0 10px 0;
    border-bottom:1px solid #ccc;
    
    
}

a.viewCommentslink 
{
   background-image: url(../images/common/arrow.gif);
   background-repeat: no-repeat;
   background-position: left center;
   display:block;
   text-decoration:none;
   padding:0 0 0 10px;
   font-weight:bold;
}

a.viewCommentslink:hover 
{
   text-decoration:underline;
}


.resource .summary 
{
    background-color:#ddd;
    padding:10px 20px;
    margin:0 0 10px 0;
}

.resource .summary h3
{
    line-height:20px;
    color:#333;
    font-size:116%;
}

.resource .summary p
{
    line-height:15px;

}

.resource .resource-details 
{

    margin:0 0 10px 0;
}


.resource .resource-details h3
{
    line-height:30px;
    height:30px;
    background-color:#ececec;
    color:#666;
    padding:0 0 0 10px;
    margin:10px 0;
    font-weight:bold;

}

.resource .resource-details a
{
    color:#003366;
}

.resource .resource-details a:hover
{
    color:#000;
    text-decoration:none;
}

.resource .resource-details ul,
.resource .resource-details span
{
    display:block;
    padding:0 10px;
    font-size:93%;
}

.resource .resource-details .tagThisContent 
{
    background-color:#ececec;
    border:1px solid #ccc;
    padding:0 10px 10px 10px;
    margin:10px 0;
}

.resource .resource-details .tagThisContent h3
{
    margin:0px;
    padding:0px;
}

.resource .resource-details .tagThisContent h3 a {
	background-image:url(../images/icons/help.gif);
	background-position:0 center;
	background-repeat:no-repeat;
	font-weight:normal;
	margin-left:165px;
	padding:0 0 0 20px;
	text-decoration:none;
}

.resource .resource-details .tagThisContent p
{
    font-size:85%;
    color:#666;
    display:block;
    float:left;
}

.resource .resource-details .tagThisContent textarea
{
    width:430px;
    height:30px;
    margin:0 0 10px 0;
}

.resource .resource-details .tagThisContent input
{
    float:right;
}

.resource .resource-details ul li
{
    padding:2px 0;
}

.resource .resource-details .bookmarks ul li a
{
    font-size:85%;
    text-decoration:none;
}

.resource .resource-details .bookmarks ul li a:hover
{
    text-decoration:underline;
}


.resource .comments 
{
    border:1px solid #ddd;
 
}

.resource .comments h3
{
    line-height:30px;
    height:30px;
    background-color:#ECECEC;
    color:#666;
    padding:0 0 0 10px;
    margin:0 0 10px 0;
    font-weight:bold;
}

.resource .comments h4
{
    line-height:30px;
    height:30px;
    display:block;
    padding:0 0 0 10px;
    font-weight:bold;
    color:#333;
}

.resource .comments h4 a
{
    font-weight:normal;
    margin-left:255px;
    padding:0 0 0 20px;
    background-image: url(../images/icons/help.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	text-decoration:none;
}

.resource .comments h4 a:hover
{
    text-decoration:underline;
}


.resource-details .resourceDates {
	background-color:#ECECEC;
	background-image: url(../images/icons/calendar.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	color:#666666;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:0 0 10px 0;
	padding:0 0 0 30px;

}

.resource-details .resourceDates span
{
	display:inline;
	margin:0px;
	padding:0px;
	color:#666;
}

.resource-details .resourceDates span.date
{
	font-weight:bold;
	color:#000;
}

.foundThisUseful 
{
    border:2px solid #ccc;
    margin:0 0 10px 0;
    padding:10px;
    text-align:center;
}

.foundThisUseful p
{
    font-size:123.1%;
    font-weight:bold;
    display:block;
    border-bottom:2px solid #ccc;
    padding:0 0 10px 0;
}


.foundThisUseful span
{
    
    display:block;
    font-size:40px;
    font-weight:bold;
}

.bookmarks 
{
	padding-top:0;
}


.bookmarks ul li
{
	display:inline;
	float:left;
	background-position:left;
	background-repeat: no-repeat;
	height:15px;
	line-height:15px;
	margin-right:10px;
	margin-bottom:10px;
}

.bookmarks ul li a 
{
	padding-left:20px;
}


.bookmarks ul li.email 
{
	background-image: url(../images/bookmarks/email.gif);
}

.bookmarks ul li.delicious 
{
	background-image: url(../images/bookmarks/delicious.gif);
}

.bookmarks ul li.digg 
{
	background-image: url(../images/bookmarks/digg.gif);
}

.bookmarks ul li.reddit
{
	background-image: url(../images/bookmarks/reddit.gif);
}

.bookmarks ul li.facebook
{
	background-image: url(../images/bookmarks/facebook.gif);
}

.bookmarks ul li.stumbleupon
{
	background-image: url(../images/bookmarks/stumbleupon.gif);
}

.imageHolder img
{
    max-width:220px;
}

.socialBookmarks  
{
	margin:0 0 0 10px;

}

.socialBookmarks a 
{
	margin:0 10px 0 0;
	font-size:85%;
	text-decoration:none;
}

.socialBookmarks .addthis_default_style .addthis_separator, 
.socialBookmarks .addthis_default_style .at300b, 
.socialBookmarks .addthis_default_style .at300m, 
.socialBookmarks .addthis_default_style .at300bs {
	float:left;
	padding:0 5px 0 0;
}


/* Tabbed Content
----------------------------------------------------------*/

.tabbedContent 
{
	
	margin-top:10px;
}


.tabbedContent .nav
{
	float:none;
	border:0px solid red;
}
.tabbedContent .nav ul
{
	
    height:30px;
    padding-left:10px;
    display:block;

}

.tabbedContent .nav ul li
{
	float:left;
	margin-left:2px;
	border:1px solid #ccc;
	background-color:#ccc;
}

.tabbedContent .nav ul li a
{
    display:block;
    width:auto;
    line-height:29px;
    color:#000;
    text-decoration:none;
    margin:0 0px 0 0;
    padding:0 10px;
    float:left;
    text-align:center;
    
}

.tabbedContent .nav ul li:hover
{
    background-color:#333;
    border-color:#333;
    color:#fff;
}

.tabbedContent .nav ul li a:hover
{
    color:#ccc;
}

.tabbedContent .nav ul li.selected 
{
	background-color:#eee;
	border:1px solid #ccc;
	border-bottom:1px solid #eee;
	height:30px;
	margin-bottom:-1px;
}

.tabbedContent .nav ul li.selected a
{
	background-color:#eee;
	color:#333;
}




/* GENERIC INTRO PANEL  
----------------------------------------------------------*/

.introPanel 
{
    height:100px;
    background-color:#ddd;
    padding:20px;
    margin: 0 0 0 0;
}

.introPanel h2
{
    font-size:197%;
}

.introPanel p
{
    font-size:93%;
    line-height:15px;
    width:360px;
}


/* HOEM
----------------------------------------------------------*/

#tagCloud
{
    overflow:hidden;
}



/* Messages
----------------------------------------------------------*/

.receiptHolder 
{
	height:250px;
}

.messageSuccess 
{
	background-image: url(../images/icons/SymbolCheck.jpg);
	background-position:10px 20px;
	background-repeat:no-repeat;
	border:1px solid #86C03D;
	display:block;
	padding:20px 20px 20px 60px;
	color:#666;

}

/* NUGGETS
----------------------------------------------------------*/
a.nuggetJoin, 
a.nuggetTalk 
{
	height:140px;
	width:220px;
	display:block;
	margin:0 0 10px 0;
	overflow:hidden;
	background-image: url(../images/nuggets/talk-to-the-alliance.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

a.nuggetJoin:hover, 
a.nuggetTalk:hover 
{
	background-position:0 -140px;

}

a.nuggetTalk 
{

	background-image: url(../images/nuggets/talk-to-the-alliance.jpg);

}

a.nuggetJoin 
{

	background-image: url(../images/nuggets/join-the-alliance.jpg);

}

/* TALK TO US INTRO PANEL  
----------------------------------------------------------*/

.talkIntroPanel 
{
    height:100px;
    background-color:#ddd;
    padding:20px;
    margin: 0 0 10px 0;
}

.talkIntroPanel h2
{
    font-size:197%;
}

.talkIntroPanel p
{
    font-size:93%;
    line-height:15px;
    width:360px;
}

/* TALK TO US INTRO PANEL  
----------------------------------------------------------*/

.confirmIntroPanel 
{
    height:100px;
    background-color:#ddd;
    padding:20px;
    margin: 0 0 10px 0;
}

.confirmIntroPanel h2
{
    font-size:197%;
}

.confirmIntroPanel p
{
    font-size:93%;
    line-height:15px;
    width:360px;
}

/* DEFAULT TEXT
----------------------------------------------------------*/

.defaultText 
{
}

.defaultTextActive 
{ 
    color: #a1a1a1; 
    font-style: italic; 
}


.contributionReceipt 
{
	height:200px;
}

.validation-summary-errors 
{
	font-weight:bold;
	color:#ff0000;
	
}