/* =========================================
    layout Styles for UNITY software v2.0
	September 2009
    For browser testing - see global.css	
   ========================================= */   

a#skipNavigation {
    width: 100px;
    padding-left: 10px;
    position: absolute;
    top: 5px;
    left: -10000px;
    }

a#accessibilityEmailLink {
    visibility:hidden;
    position: absolute;
    top: 5px;
    left: 120px;
    }
    

/* accessibility menu ===================================== */

ul#accessibilityMenu { 
	width: 680px; display: none;
	padding-left: 300px; 
	margin: 0 auto; 
	/*background:url(../gfx/footer2.gif) transparent bottom left no-repeat;*/ 
	}

ul#accessibilityMenu li { 
	display: inline; 
	text-align: right; 
	padding:0 10px 2px 0; 
	}

ul#accessibilityMenu li a { 
	color: #666666;
	}

																
/* main body of site ====================================== */

#outer { 
	width:980px;												/* everything other than the footer. set site width here */
	margin: auto; 
	text-align: left; 
	}					     

section {														
	background-color: white;									/* everything between site header & footer */
	width: 100%;
	padding-top: 5px; 
	margin-top: 0; 
	float: left;	
	}

section.inner {
    width: 96%;
    padding-left: 4%; 
    }

.breadcrumb { 
	font-size: 12px; 
	padding-left: 10px;
	}

.breadcrumb span.arrows { 
	font-size: 14px;
	padding: 0 5px; 
	}

.stripMenus {	
    width: 680px;
    height: 31px;												
	/*background:url(../gfx/silverNavBar.gif) transparent bottom left no-repeat; */									/*section menus */
	border-bottom: 1px solid #555555;
	margin: 0; 
	padding:0 20px;
	float: right;
	}

.stripMenus a { 
	display: inline-block; 
	color: black;
	text-decoration: none !important; /* important for ie6 */
	font-size: 12px;
	float: right;
	margin-top:1px;
	padding: 5px 15px;
	}

.stripMenus a:hover {
	color: black;
	background: #d4d716;
	/*background:url(../gfx/silverNavBlue.gif) transparent top left repeat-x;*/
	padding: 4px 15px;
	text-decoration: none;
	}
	
	
/* footer  ================================================ */   

footer { 
	clear:both; 
	width: 985px;
	height: 190px; 
	/*background:url(../gfx/longPinkBanner.gif) transparent top left no-repeat; 
	background:url(../gfx/footerUnleashed.gif) transparent top left no-repeat;*/
	background:url(../gfx/unleashed2.gif) transparent top left no-repeat;
	margin:0 auto; 
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: left;
	}

footer h2 { 
	color: white;
	text-align: left;
	padding: 30px 0 15px 30px;
	line-height: 16px;
	float: left;
	}

footer p { 
    clear: both;
    width: 470px;
    color: #666666;
    font-size: 10px;
    line-height: 14px; 
    padding-left: 0;
	float: left;
	}

footer a:link,
footer a:visited {
	color: #666666;
	font-size: 12px;
	padding-right: 10px;
	text-decoration: none;
	}

footer a:hover,
footer a:active {
	color: #AAAAAA;
	text-decoration: underline;
	}

footer a#unleashed {
    width: 80px;
    height: 100px;
    border: 0px solid grey;
    display: block;
    float: right;
    }

footer a#leedsFans {
    width: 140px;
    height: 60px;
    border: 0px solid grey;
    display: block;
    float: right;
    }

	
footer div#linkArea {
    width: 800px;
	padding-top: 2px;
	float: left; 
	}
	
footer div#dryLinks {
    width: 440px;
    padding-left: 20px;
    padding-top: 5px;
    float: left;
    }
	
footer div#socialNetworks {
    width: 290px;
    padding-top: 5px;
    float: right; 
    }

footer div#socialNetworks img {
    padding: 2px 5px 2px 0;
    }

footer div#socialNetworks a {
    width: 120px;
    display: block;
    line-height: 35px;
    float: left;
    }


/* ======================================================== */   
/*  pages													*/
/* ======================================================== */   


dl#docUpload {
    padding: 30px 10px;
    float: left;
    }
    
dl#docUpload dt {
    font-weight: bold;
    }    

/* logins, registration, access denied  =================== */   

div#accessDenied {
	padding: 50px;
	}

div#accessDenied img {
	padding-right: 20px;
	padding-bottom: 50px;
    float: left; 
	}

div#accessDenied h1,
div#accessDenied h2 {
	padding:5px 0;
	}

div#login,
div#register {
	padding: 10px 20px;
	margin-bottom: 30px;
	float: left;
	} 

div#login table,
div#register table { 
	width: 90%;
	margin: 0 5%;
	background-color: #F2F2F2; 
	border:3px solid #DFDFDF;
	border-collapse: collapse; 
	}

div#login th,
div#register th {
	width: 200px;
	font-size: 12px;
	text-align: right;
	padding: 15px;
	}

div#login td,
div#register td {
	padding: 15px;
	}

div#login td p,
div#register td p {
	padding-top: 5px;
	}

div#register td li {											/* errors */
	font-weight: 400;
	border-top:2px solid #FF0000;
	border-right:2px solid #EE0000;
	border-bottom:2px solid #660000;
	border-left:2px solid #FF0000;
	padding:0 5px 2px 5px;
	margin: 5px 0;
	width: 340px;
	background-color: #CC0000; 
	color: white !important;
	}

tr.alt { 
	background-color: #F9F9F9;
	}
	
div#signOut { 
	background-color: #92a3c8;
	padding: 20px 30px 260px 30px;
	}
	
		
/* accessibility & translation pages ====================== */   

div.accessibility {
	width: 500px;
	padding: 0 40px 20px 40px;
	float: left;
	}

div.browserKeys {
    padding-top: 60px;
    width: 300px;
    }

div.accessibility img {
	padding-right: 20px;
	padding-bottom: 50px;
    float: left; 
	}

div.accessibility h2 {
	padding-top: 10px;
	}

div.accessibility h3 {
	clear: both;
	padding-bottom: 2px;
	}

div.accessibility ul#accessList {
    /*background: url(/Brand/gfx/boxShortcuts.gif) transparent top left no-repeat;*/
    background-color: #f1f1d7;
    height: 560px;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
    padding: 20px 0 20px 60px;
    margin: 10px 0 20px 0;
	}

ul#accessList li {
    font-size: 15px;
    }	

div.accessibility div#windowMac {
    background-color: #f1f1d7;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
    padding: 20px;
    margin: 0 0 20px 0;
	}

div.accessibility div#supportBox {
    background-color: #e5e5cc;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
    padding: 20px;
    margin: 10px 0 20px 0;
	}


div#translate {
	padding: 0 30px;
	}


/* Search 1: alphabet search page - index.aspx ============ */

div#alphabet { 
	padding: 30px 15px 0 15px;
	}

div#alphabet a {
	border:1px solid #DDDDDD;
	background:url(../gfx/grad-footerNOT.jpg) #F2F2F2 top left repeat-x; 
	font-size: 18px;
	padding: 3px;
	margin-right: 6px;
	width: 16px;												/* give each letter the same size */
	text-align: center;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	display: inline-block;
	}

div#alphabet a.all {
	width: 60px;
	}

div#alphabet a:link,
div#alphabet a:visited { 
	color: #4A4980;
	text-decoration: none;
	}  

div#alphabet a:hover,
div#alphabet a:active { 
	border:1px solid #CCCCCC;
	color: #FA2F85;
	} 

div#alphabetResults { 
	margin:2px; 
	}

div#alphabetResults img { 
	padding: 5px 20px 0 30px;
	float: left;
	}

div#alphabetResults p {
	padding:  0 20px 0 0;
	}

div#alphabetResults td a {
	font-weight: 600;
	}

div#searchResults {
	padding: 30px 0 50px 0;
	}

div#searchResults h3 {
	padding-left: 20px;
	color: #19c202;
	}

div#searchResults img {
	padding: 1px 20px 0 30px;
	}


/* Search 2: advanced search page ========================= */

div#advancedSearching { width: 940px; padding: 0 10px; float: left; }
div#personalSearch { width:930px; height: 170px; margin:0; clear:both; background-color: #F9F9F9;border:1px solid #CCCCCC; padding:1em; float: left; }
div#personalSearch p { width: 150px;  height: 9em; padding:10px; border-right: 1px dotted #DDDDDD; float: left; }
div#personalSearch p span { padding-top: 10px; padding-left: 5px; display: block; }
div#personalSearch p.larger { width: 170px; }
div#personalSearch p.larger select { width: 13em; }
div#personalSearch p.last { border:0; }
div#personalSearch p.last strong span { padding-top: 0; }

div#results { width: 84em; clear:both; border:1px solid #FFFFFF; padding:1em; float: left; }
div#results span { font-size: 14px; }
div#results table td { border:0px solid #333333; vertical-align:top; }
div#results td a, div#results td span { font-size: 16px; } /* makes pagination larger */
div#results td p a { font-size: 12px; } /* keeps links to pages a decent size without affecting pagination */

/* google style 
div#results h2 { font-size: 14px; border:0; padding:0; margin:0;  }div#results a:link    { font-size: 1em; color: #dd1776; font-weight: 400; text-decoration:underline; }  
div#results a:visited { color: #dd1776; font-weight: 400; text-decoration:underline; }       
div#results a:hover   { color: #669AFF; font-weight: 400; text-decoration:underline; }    
div#results a:active  { color: #669AFF; font-weight: 400; text-decoration:underline; }
div#results h2 a:link    { color: #0000CC; font-weight: 600;text-decoration:underline; }  
div#results h2 a:visited { color: #0000CC; font-weight: 600;text-decoration:underline; }       
div#results h2 a:hover   { color: #669AFF; font-weight: 600;text-decoration:underline; }    
div#results h2 a:active  { color: #669AFF; font-weight: 600;text-decoration:underline; }*/


/* sitemap page =========================================== */

div#siteMap {
	padding:0 20px 30px 40px;
	}

div#siteMap img#rentaHome {
	padding-right: 20px;
	float: left;
	}

div#siteMap h1 {
	padding-top: 0;
	}

div#siteMap li.rtLI { 
	padding:0; 
	}

ul#siteMapMenu {
	float: right;
	width: 260px;
	padding:0 0 0 20px;
	margin:0;
	}

ul#siteMapMenu li {
	display:inline;
	padding:0 10px;
	margin:0;
	float: left;
	}

div#accessKeyMenu {
    width: 200px;
    float: right;
    }

.editContent { 
	margin-right: 0; 
	padding: 1px 5px; 
	float: right; 
	}

a:link.editContent,
a:visited.editContent { 
	font-size:12px; 
	color:#FA2F85;  
	}

a:hover.editContent,
a:active.editContent { 
	font-size:12px; 
	color:#038093;  
	}
	

/* sitemap page =========================================== */

.headingNodeSH {
    font-size:20px !important; 
    color:#7f2548 !important;
    padding-bottom: 10px !important;
    }

.headingNodeBlue { 
    font-size:14px !important; 
    color:#367ed4 !important; 
    font-weight:bold !important;
    }
    
.headingNodeBlue:hover {
    background-color: #367ed4 !important; 
    color: white !important; 
    border: 0px solid #367ed4 !important; 
    }

.headingNodeGreen { 
    font-size:14px !important; 
    color:#049a36 !important; 
    font-weight:bold !important;
    }

.headingNodeGreen:hover {
    background-color: #049a36 !important; 
    color: white !important; 
    border: 0px solid #367ed4 !important; 
    }

.headingNodeRed { 
    font-size:14px !important; 
    color:#7f2548 !important; 
    font-weight:bold !important;
    }

.headingNodeRed:hover { 
    background-color: #7f2548 !important; 
    color: white !important; 
    border: 0px solid #367ed4 !important; 
    }

.NodeBlue {
    color:#367ed4 !important;
    }

.NodeGreen { 
    color:#049a36 !important;
    }
    
.NodeRed {
    color:#7f2548 !important;
    }
    
a.NodeBlue:hover { 
    background-color: #367ed4 !important; 
    color: white !important; 
    border: 2px solid #367ed4 !important; 
    }    

a.NodeGreen:hover { 
    background-color: #049a36 !important; 
    color: white !important; 
    border: 2px solid #049a36 !important; 
    }
    
a.NodeRed:hover { 
    background-color: #7f2548 !important; 
    color: white !important; 
    border: 2px solid #7f2548 !important; 
    }

.RadTreeView_Simple .rtSelected .rtIn { 
    color: black !important;
    background-color: #EEEEEE !important; 
    border:2px dotted #CCCCCC !important; 
    }
    
/* event editor */ 
dl.eventManager {
    width: 340px;
    padding: 0 30px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #CCCCCC;
    background-color: #F9F9F9;
    float: left;
    }

.eventButtons {
    margin-left: 110px;
    }

/* events page */

div#events {
    width: 879px;
    height: 1200px;
    padding: 120px 30px 0 30px;
    background:url(/Images/Panels/Events.gif) transparent top left no-repeat; 
    float: left;
    } 
    
div#events p#addModerate { 
    width: 349px; 
    text-align: right; 
    padding-top: 20px; 
    float: left;
    }    

div#events p#hoverInstruction { 
    width: 500px;
    padding-top: 20px; 
    float: left;  
    }

#ctl00_maincontent_ctl01_RadToolTipManager1RTMPanel table td div { font-size: 12px !important; font-color: #dd1776 !important;  }


div#volunteerForm {
    width: 879px;
    height: 1290px;
    padding: 120px 20px 0 30px;
    background:url(/Images/Panels/VolunteerForm.gif) transparent top left no-repeat; 
    float: left;
    } 

div#researchForm {
    width: 879px;
    height: 1100px;
    padding: 120px 20px 0 30px;
    background:url(/Images/Panels/researchForm.gif) transparent top left no-repeat; 
    float: left;
    } 
    
div#volunteerForm table,
div#researchForm table {
    padding-top: 10px;
    }

/* news page */    
    
ul.newsDateLinks li { 
    display: inline; 
    }
    
div.newsMenu { 
    width: 610px; 
    background:url(/Images/Homepages/bg_newsMenu.gif) transparent top left no-repeat; 
    padding: 50px 40px 5px 130px;
    }
 
 div.newsMenu h1 {
    padding:0 0 0 3px;
    }  
    
div.newsMenu a:link, 
div.newsMenu a:visited { 
    font-weight: bold; 
    color: black; 
    padding-left: 5px; 
    }
    
div.newsMenu a:hover, 
div.newsMenu a:active { 
    font-weight: bold; 
    color: black; 
    }
    
div.newsMenuBottom { 
    width: 730px; 
    height: 20px;
    background:url(/Images/Homepages/bg_newsMenu.gif) transparent bottom left no-repeat; 
    padding: 0; 
    }
    
div.newsStory { 
    width: 670px; 
    background:url(/Images/Homepages/bg_newsItem.gif) transparent top left no-repeat; 
    padding: 40px 40px 0 20px; 
    }
    
div.newsStory h2 { 
    width: 600px; 
    font-size: 16px;
    color: #000000; 
    padding-left: 110px; 
    margin-bottom: 30px; 
    }
    
div.newsStoryBottom { 
    width: 730px; 
    height: 48px;
    background:url(/Images/Homepages/bg_newsItem.gif) transparent bottom left no-repeat; 
    padding: 0; 
    }

div.newsStory img { 
    padding: 5px 10px 5px 0;
    float: left; 
    }