/*your custom style goes in this file*/ /*if you're overriding style blocks from genstyle.css, 
you only need to include the attributes you're overriding, not the whole block*/ 

/*---custom page styles----*/
/* body: describes page background color and all non-table text not governed by any other style */
BODY {
margin: 0px auto;
background-color : #FFFFFF;
color : #000000;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
}

.sidelink {/*home page links*/
font-family : Arial, Helvetica, sans-serif;
font-size: 100%;
text-transform: uppercase;
}

.normal {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
}
.mainbody {
background: #ffffff url('csg0021.jpg');
margin:0px auto;
width:100%;
}

.homepage{
margin-top: 3px;
padding: 5px;
border-radius: 9px; 
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0 7px 21px #3f2510;
-webkit-box-shadow: 0 7px 21px #3f2510;
}

/*---research form styles---*/

img.bio {
background: #eeeecc;
margin: 10px;
float: left;
padding: 5px;
border:2px solid #676037;
}

#research {
background: #ffe9a9;
width: 970px;
margin: 0px auto;
border-right: 1px #bbbbbb solid;
border-bottom: 1px #bbbbbb solid;
}

.research_info {
width: 100%;
}

#research p {
font-size: 13pt;
padding-top: 20px;
padding-right: 7px;
padding-left: 20px;
}
.list {
font-size: 14px;
color: #676037;
}

#pay {
clear: both;
width: 200px;
height: 60px;
position: relative;
bottom: 0px;
margin-left: 93px;
}

#researchform {
clear: both;
/*padding-right: 10px;
padding-left: 10px;*/
}

#button input{
margin: 5px 0px 5px 10px;
}

#researchform label {
padding-left: 10px;
}

#recaptcha_widget_div {
width: 300px;
padding-left: 10px;
}

.required { /*used to turn text red on the form pages*/
margin: 0px auto;
color: red;
}

#thanks {
background:#eeeecc url(tng/research/thank-you.jpg) center no-repeat;
width: 600px;
height: 400px;
margin: 0px auto;
padding: 5px;
border:2px solid #676037;
}

.thankyou {
padding-left: 90px;
font-size: 13pt;
}

#oops {
background:#eeeecc;
width: 600px;
height: 440px;
margin: 0px auto;
border:2px solid #676037;
}

.oops_error {
font-size: 16px;
}

img.bio {
background:#eeeecc;
margin: 10px;
float: left;
padding: 5px;
border:2px solid #676037;
}

/*--migrated from genstyle.css--*/

/*added in 6.0.0*/ 
/*for css dropdown menus*/ 
#mnav, #mnav ul { /* all lists */ 	
padding: 0; 	
margin: 0; 	
list-style: none; }  

#mnav a { 	
display: block; 	
width: 6em; 	
padding-top: 2px; 	
padding-bottom: 2px; 	
font-size: 11px; 	
text-decoration:none; 
}  

#mnav li { /* all list items */ 	
float: left; 	
width: 6em; /* width needed for Opera */ 	
margin-right: 2px; 	
background: #FFE9A9; /*same as "databack" background color */ 	
border-bottom:1px solid #777; 	
border-right:1px solid #777; 	
border-top:1px solid #FFE9A9; 
/*same as "databack" background color */ 	
border-left:1px solid #FFE9A9; /*same as "databack" background color */ 
}  

#mnav li ul { /* second-level lists */ 	
border-top: 1px solid #777; 	
border-left: 1px solid #777; 	
border-right: 1px solid #777; 	
background: #ffffff; 	
position: absolute; 	
width: 13em;  /*increased to 13 in 6.2.0, increased to 15em by Jodi*/ 	
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ 
}  

#mnav li ul li { 	
border: 0px; 	
width: 13em; 	
background: #eeeecc; /*inactive dropdown menu color*/ 	
margin-right: 0px; 	
margin-top: 1px; 	
border-bottom: 1px solid #777; 
}  

#mnav li ul li a { 	
width: 12em; 	
padding-top: 2px; 	
padding-bottom: 2px; 	
font-size: 12px; 	text-decoration:underline; 
}  

#mnav li:hover, #mnav li.sfhover { /* lists nested under hovered list items */ 	
background-color: #ffffff; 	
border-top:1px solid #aaa; 	
border-left:1px solid #aaa; 
}  

#mnav li:hover li, #mnav li.sfhover li { /* lists nested under hovered list items */ 	
border-top:none; 	border-left:none; }  
#mnav li:hover ul, #mnav li.sfhover ul { /* lists nested under hovered list items */ 	
left: auto; }  

/**v7.1**/
img .tngmenuicon {
border: 0px;
}
img .arrow {
border: 0px;
}

#footer {
text-align: center;
}
#footer a:link, #footer a:active {
color: #ffe9a9;
}

#footer a:visited {
color: #ffe9a9;
}