html{height:100%;}

body 
{
    margin: 0 0 0 11px;
    padding: 0;
    font-family: verdana, "lucida grande", geneva, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #444;
    height:100%;
    background: #ddd url(../images/bg_fullpage.gif) repeat-y 11px 0;
}

#wrapper
{
    position: relative; 
    width: 760px;
    background-color: #fff;
    min-height: 100%;  
}

* html #wrapper
{
    height: 100%; 
}




#topbar
{
    position: relative;
    width: 748px;
    height: 49px;
    background: #333 url(../images/bg_topbar.gif) no-repeat 0 0;
    margin-bottom: 4px;
}




/* UA REQUIRED BANNER STYLES*/

#ua_banner {
	height: 42px;
	background: #999 url(../images/UA_A-line-css_DKG.gif) no-repeat 7px 0;
	margin: 0px 0 4px 0;
	padding: 0px;
}

#ua_banner img
{
    margin-left: 5px;
}

#ua_banner_links {
	color: #FFFFFF;
	float: right;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 15px;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#ua_banner_links li {
	display: inline;
	list-style-type: none;
}

#ua_banner_links li a {
	color: #FFFFFF;
}

#ua_banner_links li a:hover {
color: #CCCCCC;
}

#ua_site_link
{
    float: left;
    width: 310px;
    height: 42px;
    display: block;
    background: transparent url(../images/bg_1x1.gif) no-repeat 0 0; /*IE hack to make link clickable*/
    margin-left: 25px;
}

/*end UA styles*/








#uaLink
{
       position: absolute;
       top: 8px;
       left: 28px;
       display: block;
       width: 128px;
       height: 9px;
       background: transparent url(../images/icon_link_ua.gif) no-repeat 0 1px;
       letter-spacing: -1000em;
       font-size: 1px;
}

#uaScienceLink
{
       position: absolute;
       top: 24px;
       left: 28px;
       display: block;
       width: 128px;
       height: 9px;
       background: transparent url(../images/icon_link_uascience.gif) no-repeat 0 1px;
       letter-spacing: -1000em;
       font-size: 1px;
}

#uaLogo
{
    position: absolute;
    top: 21px;
    left: 521px;
}


#masthead
{
    clear: both;
    position: relative;
    margin: 0 0 10px 24px;
    width: 724px;
    height: 155px;    
}

#masthead img
{
    display: block;
    margin: 0;
}

#logoLink
{
    position: absolute;
    top: 115px;
    left: 10px;
    width: 255px;
    height: 30px;
}

#logoLink a
{    
    width: 100%;
    height: 100%;
    display: block;
    background: transparent url(../images/bg_1x1.gif) no-repeat 0 0; /*hideous hack IE 6 needs background of any type  to display anchor in positioned div*/
}




/*-----[UTILITY NAVIGATION STYLES]----------*/

#utilityContainer
{
    float: left;
    width: 724px;    
    margin: 0 0 0 24px;
    display: inline;    
}

#utilityNav
{
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 4px;
    font-size: 10px;    
}

#utilityNav li
{
    display: block;
    float: left;
    padding: 2px 0;
    margin-left: 2px;  
}

#utilityNav li a
{
    display: inline;
    float: left;
    padding: 2px 5px;    
    line-height: 10px;
    text-decoration: none;
    color: #666;
}

#utilityNav li a:hover
{
    background-color: #ddd;
    color: #000;    
}

#utilityNav li.navOn a
{
    background-color: #ddd;
    color: #000;    
}





/*-----[GLOBAL NAVIGATION STYLES]----------*/

#navContainer
{
    border-bottom: 1px solid #ccc;
    float: left;
    width: 724px;    
    margin: 0 0 30px 24px;
    display: inline;    
}


#globalNav
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px; 
}

#globalNav li
{
    display: block;
    float: left;
    padding: 0;
    margin-right: 2px;
}

#globalNav li a
{
   display: inline;
    float: left;
    padding: 4px 10px 5px 10px;    
    line-height: 10px;
    text-decoration: none;
    color: #666;  
}

#globalNav li a:hover
{
    background-color: #ddd;
    color: #000;
}

#globalNav li.navOn a
{
    background-color: #ddd;
    color: #000; 
}






/*-----[SIDEBAR NAVIGATION STYLES]----------*/


#menuContainer
{
    float: right;
    margin: 4px 12px 100px 0;
    width: 244px;
    display: inline; /*for IE's doubled float margin bug*/
    background-color:#fff;
}


.insertedImageLeft
{
    float: left;
    padding: 0px 8px 2px 0;
}

.insertedImageRight
{
    float: right;
    padding: 0px 0 2px 12px;
}

.insertedImageLinebreak
{
    display: block;
    padding-bottom: 15px;
}

.sidebarMenu
{
    margin: 0 0 24px 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #666;    
}

.sidebarMenu li
{       
    display: inline;
}

.sidebarMenu li.spacer
{       
    height: 24px;
    width: 244px;
    border-bottom: 1px solid #666;    
    display: block;
}

.sidebarMenu li a
{
    display: block;
    width: 226px;    
    text-decoration: none;
    padding: 3px 4px 4px 14px;    
    border-bottom: 1px solid #ccc;
    color: #333;
    line-height: 13px;
}

/*Tan hack for IE5 width*/
* html .sidebarMenu li a
{
    width: 244px;
    widt\h: 226px;
}

.sidebarMenu li a:hover { background-color: #eee; color: #333; }
.sidebarMenu li.menuOn a { color: #333; background-color: #d5d5d5; }
* html .sidebarMenu li.menuOn a { background-color: #d5d5d5; }
.sidebarMenu li.menuOn a:hover { background-color: #d5d5d5; }



/*indented style*/
.sidebarMenu li a.indent
{
    width: 216px;
    padding-left: 24px;
}

/*Tan hack for IE5 width*/
* html .sidebarMenu li a.indent
{
    width: 244px;
    widt\h: 216px;
}




#menuContainer ul
{
    margin: 0 0 16px 0;
    padding: 0;
    list-style: none;
}

#menuContainer li
{
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none;
    link-height: 13px;
}




/*-----[GENERIC CONTENT STYLES]----------*/



#content
{
    float: left;
    margin: 4px 0 100px 24px;
    width: 470px;
    display: inline; /*for IE's doubled float margin bug*/
}


h1,h2,h3,h4,h5, h6 
{
    margin: 0;
    font-family: arial, helvetica, sans-serif;
    color: #444;
    line-height: 1.2em;
}

p 
{
    margin: 0 0 15px 0;
    line-height: 15px;
}

p.caption
{
    margin-top: -10px;
    font-size: 10px;
    font-family: arial, helvetica, sans-serif;
    line-height: 12px;
    color: #555;
}


h1
{
    font-size: 150%;
    margin-bottom: 20px;
    font-weight: bold; 
    color: #555;
}

h1.landingPage
{
    font-size: 130%;
    margin-bottom: 13px;
    font-weight: normal; 
    color: #333;
}

h2
{
    font-size: 122%;
    margin-bottom: 9px;
    line-height: 1.3em;
    color: #444;
}

.blockHeadings h2
{
    color: #444;
}

h3
{
    font-size: 110%;    
    font-weight: bold;
	color:#333;
}

h4
{
    font-size: 100%;
    font-weight: bold;
    color: #555;
}

h5
{
    font-size: 100%;
    font-weight: normal;
    color: #333;
}

h6
{
    font-size: 100%;
    font-weight: normal;
    color: #333;
}

strong, b
{
    color: #444;
}


a
{
    color: #333;
}

a:visited
{
    color: #333;
}

a:hover
{
    color: #888;
}

/*nested ul styles*/
 
#content li ul
{
    margin: 4px 0 18px 0;
    padding: 0;
    list-style: none;    
}
 
#content li ul li
{
    padding-left: 12px;
    background: transparent url(../images/bg_list_dash.gif) no-repeat 0 7px;
    line-height: 14px;
    margin-bottom: 4px;
}


#content ul
{
    margin: 4px 0 18px 0;
    padding: 0;
    list-style: none;    
}

#content ul li
{
    padding-left: 12px;
    background: transparent url(../images/bg_list_bullet.gif) no-repeat 0 5px;
    line-height: 14px;
    margin-bottom: 4px;
}




#content ol
{  
    position: relative;
    left: -15px;
    *left: 0;
    _left: 0;
    margin: 2px 0 18px 0;
    *margin-left: 29px;
    _margin-left: 29px;
}


#content ol li
{
    margin: 0 0 3px 0;
    line-height: 14px;
}


blockquote
{
    margin: 0;
    padding: 20px 30px;
    font-style: italic;
}


table
{
    width: 100%;
    margin: 4px 0 18px 0;
    border-collapse: collapse;
    empty-cells: show;

}

caption
{
    padding: 4px 2px 4px 0;
    text-align: left;
    font-size: 11px;
}

th
{
    background-color: #efefef;
}

th, td
{
    padding: 2px 5px;
    border: 1px solid #c9c9c9;    
    font-size: 11px;
    text-align: left;
}

td.advisor
{
border-width:0px 0 1px 0;
padding:14px 5px 8px 5px;
}

tfoot td
{
    font-size: 10px;
    color: #666;
    border: none;
}



#content img
{
    display: block;
    margin: 4px 0 13px 0;
}

#content img.wrapText
{
    float: left;
    margin: 5px 10px 2px 0;
}




div.line hr
{
    margin: 0;
    padding: 0;
    display: none;
    
}

div.line
{
    height: 2px;
    margin: 0 0 10px 0;
    border-top: 1px solid #ccc;
}







/*-----[HOME PAGE STYLES]----------*/

#content.homePage
{
    
}

.blockHeadings h1
{
    background-color: #999;
    padding: 5px 7px;
    font-size: 12px;
    color: #fff;
}

.blockHeadings h2
{
    margin-bottom: 16px;
}

#leftCol
{
    width: 225px;
    float: left;
    margin: 0 0 18px 0;
}

#rightCol
{
    width: 225px;
    float: right;
    margin: 0 0 18px 0;
}


#leftCol img, #rightCol img
{
    display: block;
    margin: 0 0 13px 0;
    border: 0;
}

#rightCol a { font-weight: bold; color: #555; }
#rightCol a:hover { color: #888; }




#content.homepage h2
{
    margin-bottom: 0;            
    font-size: 11px;
    line-height: 15px; 
}


#content.homepage p
{
    line-height: 16px;
    margin-bottom: 10px;
}



#homeSidebar p
{
    line-height: 16px;
    margin-bottom: 16px;
}



/*-----[PEOPLE SECTION STYLES]----------*/
 
.people
{
    float: left;
    width: 99.25%;    
    padding-top: 10px;
    border-top: 1px solid #ccc;
    margin-bottom: 30px;
}
 
.people img
{
    display: block;
    float: left;
    margin: 0;
	margin-right:10px;
    padding: 0;
    margin-top: 5px;    
	padding-right:10px;
}
 
.people div
{
    float: left;
    margin: 0 14px;
}
 
.people h2
{
    margin-bottom: 0;
}
 
.people p
{
    clear: both;
}







/*-----[FOOTER STYLES]----------*/


#footer
{
    clear: both;
    margin: 0 0 0 24px;
    padding-bottom: 10px;
    width: 724px;
    position: relative;
    font-size: 10px;
    color: #999;
    font-family: arial, helvetica, sans-serif;
    border-top: 1px solid #ccc;
}

#footer p
{  margin: 0;    
    font-size: 10px;
    color: #999;
}

#footer:after {
content: "This material is based upon work supported by the National Science Foundation under Grant Number 0841234. Any opinions, findings, and conclusions or recommendations expressed in this material are those of the authors and do not necessarily reflect the views of the National Science Foundation."; display: inline-block;
} 






/*-----[FORM STYLES]----------*/

fieldset
{
    border:none;
}

label
{
    width:320px;
    display:block;
}

label.heading
{
    font-weight:bold;
    margin: 30px 0 0 0; 
    font-size: 13px;
}

input,textarea
{
    font-size: 11px;
    width:98%;
    display:block;
}

.shortInput { width: 180px; };

#submit, #reset
{
    width:100px;
}

.submitButton
{
    width:100px;
}

.checkbox
{
    display: inline;
    width: auto;
}