/*redefine all basic margin and paddings.  each browser has their own idea of what is right*/
* { margin: 0; padding: 0;}




ul#listing li {
	font-size: 1.1em;
	margin-left:	20px;
	list-style: none;
}              

ul#listing li p{
 
}


       

/***** Main Template *****/


body { 
	font-size: 62.5%; 
	font-family: arial;
	color: #58595b;
	text-align: center;/*IE HACK*/
	height: 100%;    
}
	
div#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;/*REVERSE IE HACK*/
	background: #fff;
}

div#nav {
	
}
	
div#feature {
	padding-top: 2px;  
}	                      

div#feature div#flash1, div#feature div#flash2 {
	margin-right: 1px;              
	float: left;
}           

div#feature div#flash3 {
	float: left;
}      

div#feature div#flash1 img, div#feature div#flash2 img {
	margin-right: 3px;
}
	
div#partners {
	background: #fff;  
	padding: 0px 0px 10px 0px;
}  

div#partners h2 {
	background: #fff url(/images/sidebar_heading_partners.png);
	color: #fff;    
	font-family: arial;  
	font-size: 1.2em; 
	font-weight: bold;
	padding: 7px;
	padding-left: 25px;  
	height: 28px;
}        

div#flashrequired p {
	font-family: arial;  
	padding: 7px;
	padding-left: 25px; 
	text-align: center; 	
}                    

div#news {
	background: #c9cfd1;  
	padding: 0.1px; 
	padding-bottom: 5px;
}  

div#news h2 {
	background: url(/images/sidebar_heading_subnav.png) 0 0 no-repeat;
	color: #fff;    
	font-family: arial;
	font-size: 1.2em; 
	font-weight: bold;
	padding-left: 25px; 
	padding-top: 8px;  
	height: 19px;
}        

div#newslisting {
	background: #fff;  
	margin: 10px 10px 10px 10px;          
	border: 1px solid #c9cfd1;     
}      

div#newslisting a {
	text-decoration: none;
}

div.article {
	background: #fff;        
	border: 1px solid #c9cfd1;     
}
             

  
div#newslisting div.article p.title{   
	background: #fff url(/images/icon_nav_li.gif) 5px 50% no-repeat;  ;   
	font-family: arial;  
	font-size: 1.1em; 
	font-weight: bold;  
	padding-left: 15px;  
}   

div#newslisting div.article p.title_alt{   
	background: #fff url(/images/icon_nav_li.gif) 5px 50% no-repeat;  ;   
	font-family: arial;  
	font-size: 1.1em; 
	font-weight: bold;  
	padding-left: 15px;
	color: #ed1c24;
}


         /*
div#newslisting p.title1{   
	background: #fff url(/images/icon_nav_li.gif) 5px 50% no-repeat;  ;   
	font-family: arial;  
	font-size: 1.1em; 
	font-weight: bold;  
	padding-left: 15px; 
}   

div#newslisting p.title2{   
	background: #fff url(/images/icon_nav_li_hover.gif) 5px 50% no-repeat;  ;   
	font-family: arial;  
	font-size: 1.1em; 
	font-weight: bold;  
	padding-left: 15px; 
	color: #ed1c24;
}

div#newslisting p.description1{
	background: #fff;
	font-family: arial;  
	font-size: 1.0em; 
	padding-left: 15px;   
	margin-top: -10px;
	border: 1px red solid;
}
     */
div#newsletter {
}

div#newsletter div {
	background: #ffffff url(/images/newsletter_body.png) 0 0 no-repeat;
	padding: 0px 0px 10px 0px;
}
	
div#newsletter fieldset {
	border: 0;      
	padding-left: 25px;   
	padding-top: 5px;
}

div#newsletter fieldset label  {    
	font-size: 1.1em; 
	font-family: arial;  
	display: block;
	margin: 0;
	padding: 0;
}

div#newsletter input#email {
	width: 130px;
	font-size: 1.1em; 
	font-family: arial; 
	
}
    
div#newsletter a img{
	position: relative;
	top: 5px;
	left: -2px;
}
div#newsletter h2 {
	background: #fff url(/images/sidebar_heading.png) 0 0 no-repeat;
	color: #fff;    
	font-family: arial;
	font-size: 1.2em; 
	font-weight: bold;
	padding-left: 25px; 
	padding-top: 8px;
	height: 19px;
}

	
div#content {
	float: right;
	width: 560px;
	padding: 39px 0;  
	margin-top: 2px;
	background: #fff url(/images/bg_content.gif) 0 0 no-repeat;
}

div#sidebar {	
	margin-top: 2px;
	width: 240px;
	float: left;     
	padding: 0px;
	border-top: solid 40px #dde0e0;
}                               

div#sidebar p#status {
	background: #dde0e0;  
	font-weight: bold;     
	text-align: center;   
}
	
/***** Common Content Formatting *****/	

p, label {
	padding: 5px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #58595b;

}


/*reset all general content styles to account for padding, etc*/
h1, h2, h3, h4, h5, h6, ol, ul {
	padding: 5px 30px;
	color:#58595b;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

ol {
	padding: 5px 30px;
	padding-left: 50px;
	font-size: 1.1em;
}

div#content ul {
	font-size: 1.1em;
	margin-left:	20px;
	list-style: none;
}

div#content ul li {
	list-style-image: url(/images/icon_crumbs_ul_li.gif);	
	color:#58595b;
}

div#content a {
	text-decoration: none;
	color: #0b3f74;
	border-bottom: solid 1px #ccc;
}

div#content a:hover, div#content a.over {
	border-bottom: solid 1px #e11c23;
} 


img { 
	border: 0;
}

input {
	
}




span.access {
	margin-left: -999em;
}



div#content p {
	padding: 5px 30px;
}




/*header*/

div#header {
	padding-top: 10px;
	height: 82px;
}
a#home-link {
	display:block;
	background: #fff url(/images/logo.gif) 0 0 no-repeat;
	width: 240px;
	height: 72px;
	padding-bottom: 10px;
	text-decoration: none;
	
	float:  left;
}

div#nav-wrap  br { margin: 0; padding: 0; height: 1%;}
div#nav-wrap {
	margin: 0 auto;
	width: 100%;
	background: #ed1c24 url(/images/bg_nav.gif) 0 0 repeat-x;
	height: 32px;
	padding: 0;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width: 76em; /*change this when new menu options are added*/
	margin: 0 auto;      
}

#nav li:hover, #nav li.over {
	background: #820d10;
}

#nav li { /* all list items */
	float: left;
}

#nav li.index {
	width: 6em;
}              

#nav li.aboutus {
	width: 7em;
}

#nav li.services {
	width: 7em;
}   

#nav li.products {
	width: 7em;
}

#nav li.media {
	width: 10em;
}

#nav li.support {
	width: 10em;
}

#nav li.partner {
	width: 10em;
} 

#nav li.contactus {
	width: 8em;
}

#nav li.community {
	width: 11em;
}

#nav li a {
	display: block;
	color: #fff;
	padding: 10px 0; 
	text-align: center;
	font-family: arial;
	font-size: 1.2em;
	font-weight: lighter;
	text-decoration: none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#nav li ul li {
	width: 150px;     
	margin: 0; padding:0;
	background: #ffffff url(/images/icon_nav_li.gif) 10px 0 no-repeat;
	border-bottom: 1px solid #ccc;
}

#nav li ul li:hover {
	background: #ffffff url(/images/icon_nav_li_hover.gif) 10px 0 no-repeat;
	color: #ed1c24; 
}

#nav li ul li a{     
	display:block;        
	background: #ffffff url(/images/icon_nav_li.gif) 10px 1px no-repeat;
	text-align: left;
	font-family: arial;
	font-size: 1.1em;
	font-weight: normal;
	color: #58595b;   
	padding-left: 20px; 
	line-height: 0.2;    
}

#nav li ul li a:hover {
	color: #ed1c24;  
	background: #ffffff url(/images/icon_nav_li_hover.gif) 10px 1px no-repeat;
	
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}






/*footer*/
div#footer {       
    color: #fff;
	background: #fff url(/images/bg_footer.png) 0 0 no-repeat;
	padding-top: 15px;
	padding-bottom: 15px;
}	

div#clear {
	clear: both;
}
	
div#footer ul{
	list-style: none;
	text-align:center;
	padding-top: 10px;
}

div#footer ul li{
	display: inline;
	color: #fff;
}

div#footer ul li {
	border-right: solid 1px #ccc;
	padding: 0 5px;
}

div#footer ul li a {
	color: #fff;
}
div#footer ul li a:hover, div#footer ul li a.over {
	color: #e7e8ea;
	text-decoration: none;
}

div#footer ul li.last {
	border: 0;
}



/*features*/ 

a#feat-1, a#feat-2 {
	padding-right: 4px;
}

/*crumbs*/
div#content ul#crumbs {
	list-style: none;
}

div#content ul#crumbs li { 
	background: #fff;
	display: inline;
	padding: 0;
	color: #00bff3;
	font-weight: bold;
	font-size: 1.6em;
	margin-left:	-20px;
	margin-right:	20px;
}

div#content ul#crumbs li a {
	color: #00bff3;
	border-bottom: none;
	padding-right: 12px;
	margin-right: 4px;
	background: #fff url(/images/icon_crumbs_ul_li.gif) right 50% no-repeat;
}
div#content ul#crumbs li a:hover, div#content ul#crumbs li a.over {
	color: #008db3;
}





/*product page styles*/

body#products img#equella-logo {
	float:  right;
}

body#products div#nav-wrap {
	background: #ed1c24 url(/images/bg_nav_blue.gif) 0 0 repeat-x;
}

body#products #nav li:hover, body#products #nav li.over {
	background: #07335c;
}

body#products div#footer {
	background: #00bff3 url(/images/bg_footer_blue.gif) 0 0 no-repeat;
}        
   

div#subnavwrap {
	background: #dde0e0;  
	padding: 0;
}
div#subnavwrap h2{
	background: #fff url(/images/sidebar_heading_subnav.png) 0 0 no-repeat;
	color: #fff;    
	font-family: arial;
	font-size: 1.2em; 
	font-weight: bold;
	padding-left: 25px; 
	padding-top: 8px;
	height: 28px;
}
            
ul#subnav {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width: 240px; /*change this when new menu options are added*/
	margin: 0 auto;     
}             

ul#subnav li{
	display:block;
	border-top: 1px solid #c9cfd0;
	padding-bottom: 10px;
}               
        
ul#subnav li div.third_tier {
	display: block;
}                  

ul#subnav li div.show_third_tier {
	display: block;
}

ul#subnav li a.heading {
	padding-left: 35px;  
	padding-top: 10px;
	display: block;
	color: #58595b;
    font-family: arial;
	font-size: 1.1em;
	font-weight: normal;     
	text-decoration: none;
	background: #dde0e0 url(/images/icon_nav_li.gif) 25px 5px no-repeat; 	
}                             

ul#subnav li a.heading_current {
	padding-left: 35px;  
	padding-top: 10px;
	display: block;
	color: #000000;
    font-family: arial;
	font-size: 1.1em;
	font-weight: bold;     
	text-decoration: none;
	background: #dde0e0 url(/images/icon_nav_li.gif) 25px 5px no-repeat; 	
}
            
ul#subnav li ul {
	list-style: none;  
	margin-bottom: -15px;
}
ul#subnav li ul li {
	text-align: left;
	margin-right: -25px;
	margin-left: -25px;
}
          
ul#subnav li ul li a.heading2{  
	display: block;
	padding: 10px 0px 0px 45px;
	color: #58595b;
	font-family: arial;
	font-size: 1.1em;
	text-decoration: none;
	background: #dde0e0 url(/images/icon_nav_li.gif) 35px 5px no-repeat;
}  

ul#subnav li ul li a.heading2_current{  
	display: block;
	padding: 10px 0px 0px 45px;
	color: #000000;
	font-family: arial;
	font-size: 1.1em;
	font-weight: bold;     
	text-decoration: none;
	background: #dde0e0 url(/images/icon_nav_li.gif) 35px 5px no-repeat;
}                    

ul#subnav li ul li a.heading2:hover {
	background: #dde0e0 url(/images/icon_nav_li_hover.gif) 35px 5px no-repeat;
	color: #ed1c24; 
}  

ul#subnav li a.heading:hover {
	background: #dde0e0 url(/images/icon_nav_li_hover.gif) 25px 5px no-repeat;
	color: #ed1c24; 
}                     

ul#sitemap, ul#sitemap li a {
   	font-family: arial;  
	font-size: 12px;    
}

ul#sitemap li ul, ul#sitemap li ul li a, ul#sitemap li ul li ul, ul#sitemap li ul li ul li a {
   	font-family: arial;  
	font-size: 11px;
	font-weight: normal;
}