* {
padding:0;
margin:0;
}

body{
background-color:#84eefc;
font-family: "verdana", sans-serif;
font-size: 12px;
color: #504f4f;
}



/*----firefox ick------*/
a:active, a:focus {
outline: none;
}

img{
border: none;
} 

/* ---- fixed header ---- */

#fixedbox {
position:fixed;
margin:0;
padding:0;
z-index:1000;
right: 50%;
left: 50%;
margin-right: -475px;
margin-left: -475px;

_right: 0%;
_left: 0%;
_margin-right: 0px;
_margin-left: 0px;
_width:949px;
_margin:0 auto;
}

#header {
background:url(images/headerNav.png) no-repeat;
height:152px;
width:949px;
z-index:1001;
}

img, #header { 
_behavior: url(iepngfix.htc); 
}

#zone1 {    /* clickable area */
float: left;
width : 220px;
height: 40px;
margin-left: 640px;
margin-top:20px;
}

.fix_div {
position:absolute;
z-index:999;
}

.full_image{
position:fixed;
_position:absolute;
margin:0;
padding:0;
width:100%;
height:100%;
z-index:1;
_z-index:-1;
}

/* ---- content ---- */

#page{
padding:160px 0 0 110px;
_padding:160px 0 0 0px;
min-height:250px;
width:839px;
_width:739px;
margin:0 auto;
background:fff;
position:relative;
z-index:100;
}

#content_inner {
margin:3px 20px 0px 15px;
padding:15px 25px 20px 28px;
float:left;
_position:relative;
background-image: url(images/white.png);
width: 487px;
_width: 454px;
min-height: 450px;
z-index:120;
line-height:1.5em;
letter-spacing:.05em;
font-size:12px;
}

.contentBorder{
border-bottom:1px solid #d1cfcf;
}

#content_inner h1 {
color:#f7931e;
font-weight: bold;
font-size:12px;
}

#content_inner h2,
#content_home h1 {
line-height:24px;
font-weight: bold;
font-size:12px;
}

.thumbs{
margin:7px 10px 0 0;
padding: 0px 0px 0px 0px;
float:left;
width:160px;
height:114px;
}

.thumbs2{
margin:7px 10px 0 0;
padding: 0px 0px 0px 0px;
float:left;
width:160px;
height:100px;
}

.gallery{
margin:2px 2px 2px 0;
padding: 0px 0px 0px 0px;
}

#content_home {
margin:3px 15px 0px 15px;
padding:35px 25px 27px 28px;
float:left;
background-image: url(images/white.png);
width: 629px;
min-height: 380px;
z-index:120;
line-height:1.5em;
text-align: center;
}

#content_home h2{
color:#f7931e;
font-weight: bold;
font-size:1.2em;
}

.blue{
color:#84eefc;
font-weight: bold;
font-size:12px;
}

.orange{
color:#f7931e;
font-size:12px;
letter-spacing:1px;
font-style:italic;
}

.boldGrey{
color:#666;
font-weight: bold;
font-size:12px;
}

.headline{
font-weight: bold;
font-size:1.2em;
color:#b0bb1c;
margin: 0;
padding: 14px 5px 4px 15px;
position:relative;
letter-spacing:.1em;
}

/* ---- bookmarks page ---- */
.citation {
font-size:9px;
line-height:10px;
color:#999;
}

table#bookmark{
width=457px; 
border: solid #000 0px;
}

table#bookmark td { 
border: solid #000 0px;
}

table#bookmark img { 
height:113px;
width:113px;
}

.leftcol {
text-align: left;
padding:30px 0 0 0;
width: 133px;
vertical-align: top;
}

table#bookmarks h1{
margin:10px 0 0 0;
color:#f7931e;
line-height:24px;
font-weight: bold;
font-size:12px;
}

/* ---- interface page ---- */

table#interface{
width=437px; 
border: solid #000 0px;
}

table#interface td { 
border: solid #000 0px;
vertical-align: top;

}

table#interface img { 
/*height:113px;*/
width:200px;
}

.leftcol_interface {
text-align: left;
padding:33px 20px 0 0;
width: 200px;
vertical-align: top;
}

table#interface h1{
margin:10px 0 0 0;
color:#f7931e;
line-height:24px;
font-weight: bold;
font-size:12px;
}

/* ---- publications page ---- */

table#pub{
width=370px; 
border: solid #000 0px;
}

table#pub td { 
border-bottom: solid #000 0px;
height:160px;
}

table#pub img { 
padding:10px 0 0 0;
vertical-align: top;
}

table#pub h1{
margin:0px 0 0 0;
color:#f7931e;
line-height:12px;
font-weight: bold;
font-size:12px;
}

.publeftcol {
text-align: left;
padding:30px 10px 0 0;
width: 200px;
vertical-align: top;
}


/* ---- main nav ---- */

#nav{
position:relative;
top:39px;
margin: 0 0 0 0;
padding:0 0px 0 165px;
_padding:98px 0px 0 165px;
font-weight:bold;
width: auto;
z-index:125;
}

#nav ul li{
margin: 0 0 0 0;
padding:0 0 0 0px;
list-style:none;
float:left;
letter-spacing:.1px;
font-size: 1.0em;
}

#nav li a{
display:inline;
padding:0 42px 0 0px;

height:21px;
line-height:21px;
color:#a74d6d;
text-decoration: none;
}

#nav li a:hover{
color:#b0bb1c;
}

a{
color:#a74d6d;
text-decoration: none;
}

a:hover{
color:#b0bb1c;
}

/* ---- sub nav ---- */

#navRight{
margin: 0 0 0 0;
padding: 0px 0 0 0;
width: 137px;
_width:167px;
float: left;
text-align: left;
line-height:2em;
font-size:1.0em;
letter-spacing: 1px;
}

#navRight ul{
list-style:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
display:block;
width:135px;
height:20px;
line-height:22px;
text-decoration: none;
}

.bullet{
background: url(images/bullet2.png) no-repeat left;
color:#b0bb1c;
padding:0 0 0 15px;
z-index:130;
}

img, .bullet { 
_behavior: url(iepngfix.htc); 
}

#navRight ul li a{
text-decoration: none;
color:#a74d6d;
display:block;
padding:0 0 0 15px;
margin:0 0 0 0;
width:120px;
height:20px;
line-height:20px;
text-decoration: none;
}

#navRight ul li a:hover{
color:#b0bb1c;
}

#navRight h1{
font-size: 1.1em;
}

/* ---- footer ---- */

#footer{
width: 740px;
height: 15px;
padding: 0 0 20px 0;
margin: 15px 0 0px 0px;
color: #e6e6e6;
_color:#666;
text-align:center;
font-size: 10px;
letter-spacing:.1em;
z-index:10;
float:left;

}

#footer a{
color:#e6e6e6;
_color:#666;
}

/* ---- new rounded ---- */

.dialog {
 /*position:relative;*/
 margin:0px auto;
 min-width:8em;
 max-width:727px; /* based on image dimensions - not quite consistent with drip styles yet */
 /*color:#000;*/
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */

}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/contentBGrounded_pub.png) no-repeat top right;
 _background:transparent url(images/contentBG_SQUARE.png) no-repeat top right;
/* _background-image:url(dialog2-blue.gif);*/
 z-index:103;
/* min-height:300px;*/
 float:left;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;

}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:3000px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 float:left;
/* position:relative;*/
 width:724px;/*was 100%, rr changed plus position*/
 _width:736px;/*was 100%, rr changed plus position*/
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
 z-index:1;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:3000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}