/* layout and size styles for succeeding with science */

* {

margin: 0px;
padding: 0px;

}

html {

margin: 0px;
padding: 0px;
margin-left: -1px;
overflow-y: scroll;

}

body {

/* height: 100%; */
margin: 0px;
padding: 0px;
text-align: center;

font-family: verdana, helvetica, arial, sans-serif;
font-size: x-small;

/* background: url("img/design/bg_1010.gif") top center repeat-y #ebeff0; */
background: #ebeff0;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;

}

html>body {

font-size: small;
margin-left: 0px;

}

/* end ie5 fontsize fix */


#container {

width: 980px;

margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border: solid #fff;
border-width: 0px 1px 1px 1px;
text-align: left;

background: url("img/design/bg_8.gif") repeat-y;

}


/* -------------------------- Tony Aslett float-clearing technique ------------------------------------ */

/* following rule adds a cleared element after container */
/* this forces non IE browsers to enclose any floated elements in container */

#container:after {

content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}

/* following rule is for ie mac float problem */
#container {

display: inline-table;

}


/* following hack is for ie win only */

/* Hides from IE-mac \*/
* html #container {

height: 1%;

}

/* now reset display property for everything except ie mac */
#container {

display: block;

}
/* End hide from IE-mac */



/* -------------------------- end Tony Aslett float-clearing technique ------------------------------------ */




/* ------------------- hidden links ------------------- */

#skiplinks, #skipnav, #skipcontent, #skiptologin {

position: absolute;
left: -999px;
width: 990px;

}


/* header stuff */

#header {

width: 980px;
height: 100px;

margin: 0px 0px 10px 0px;
padding: 0px;

background: url("img/design/icons.gif") no-repeat top right;

/* border: 1px solid #0ff; */



}

#header a.home {

cursor: pointer;
float: left;

}


#header h1 {

width: 450px;

float: left;

padding: 69px 0px 0px 0px;
margin: 0px;
overflow: hidden;

background: url("img/design/heading_16.gif") no-repeat 0px 0px;
    
height: 0px !important;
height /**/:69px;
	
}


#topmenu {

margin:  15px 0px 0px 50px;
padding: 0px;

float: left;

}

#topmenu ul {

padding: 0px;
margin: 0px;
list-style: none;

}

#topmenu ul li {

padding: 0px;
margin: 0px;
/* width: 100px; */
display: inline;
color: #039;
/*float: left;*/

}



#topmenu a, #topmenu a:link ,#topmenu a:active, #topmenu a:visited {

/*display: block;*/
/*padding: 20px 10px 0px 5px;*/
/*margin: 0px;*/
color: #039;
padding: 2px;
margin: 0px;
font-weight: bold;
text-decoration: none;

}


#topmenu a:hover {

/*display: block;*/
/*padding: 20px 10px 0px 5px;*/
/*margin: 0px;*/
color: #fff;
background: #039;
text-decoration: none;

}



#topmenu a.current {

color: #fff;

}





#main {

width: 980px;
padding: 20px 0px 0px 0px;
float: left;

}

/* min-height rule and hacks */

#main {

height: 376px;
min-height: 376px;

}

html>body #main {

height: auto;

}

/* end min-height stuff */




#footer {

width: 980px;

float: left;

}


.footnotes {

width: 600px;
margin: 20px 10px 0px 50px;
padding: 0px 0px 0px 0px;
font-size: x-small;

}

.footnotes h3 {

margin: 0px 0px 5px 0px;
padding: 0px;
color: #000;
font-size: x-small;

}


.footnotes ol {

margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;

}

.footnotes ol li {

margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;

}


.footnotes ol li a, .footnotes ol li a:visited, .footnotes ol li a:active, .footnotes ol li a:link {

color: #039;
text-decoration: none;

}

.footnotes ol li a:hover {

text-decoration: underline;

}


#footer p {

margin: 20px 20px 15px 0px;
padding: 0px;
text-align: right;
font-size: x-small;

}

#footer p a {

color: #000;
text-decoration: underline;

}

#footer p a:hover {

text-decoration: none;

}

.maincontentblock {

width: 600px;
margin: 10px 0px 10px 50px;
padding: 0px 0px 20px 0px;
border: solid;
border-width: 1px 2px 2px 1px;
border-color: #ccc #bbb #bbb #ccc;
background: #fff;
float: left;

} 


.maincontentblock h2 {

font-size: medium;
margin: 0px;
padding: 10px 10px 10px 40px;
color: #f30;
background: url("img/design/icon_sun_f30.gif") no-repeat 9px 7px #fff;
border-bottom: 2px dotted #ddd;

}

.maincontent h2 a {

text-decoration: none;

}


.maincontentblock h3 {

font-size: small;
font-weight: bold;
color: #09f;
margin: 10px 0px 0px 0px;
padding: 10px 0px 10px 30px;
background: url("img/design/icon_gas_09f.gif") no-repeat 5px 3px #fff;


}

.maincontentblock h3 a, .maincontentblock h4 a {

text-decoration: none;

}

.maincontentblock h3 a:hover, .maincontentblock h4 a:hover {

text-decoration: underline;

}

.maincontentblock h4 {

font-size: x-small;
margin: 0px;
padding: 10px 0px 10px 35px;
color: #039;
background: url("img/design/icon_nuclear_039.gif") no-repeat 10px 4px #fff;


}

.maincontentblock p {

margin: 0px;
padding: 10px 10px 10px 10px;

}

.maincontentblock span.refs {

font-size: x-small;

}

.maincontentblock span.refs a {



}

.maincontentblock p.notes {

font-size: x-small;

}


.highlight_01 {

width: 200px;
margin: 10px 20px 10px 10px;
padding: 10px;
background: #ecf5ff;
border: 1px solid #d5eaff;
font-weight: bold;
color: #039;
float: right;

}

.highlight_02 {

width: 200px;
margin: 10px 20px 10px 10px;
padding: 10px;
background: #eee;
border: 1px solid #ddd;
font-weight: bold;
color: #666;
float: right;

}




.maincontentblock p.submenu {

font-size: x-small;

}

.maincontentblock p.submenu a {

color: #09f;

}


.maincontentblock p.backtotop {

width: 305px;
padding: 10px 0px 10px 0px;
text-align: right;

float: left;

}


.maincontentblock p.backtotop a {

padding-right: 16px;
font-weight: bold;
text-decoration: none;

}


.maincontentblock p.backtotop a:hover {

text-decoration: underline;

}


.maincontentblock p.catlink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background:  url(../css/%22../img/design/cat_icon.gif%22) no-repeat top left;

clear: both;

}


.maincontentblock p.pdflink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background:  url(../css/%22../img/design/pdf_icon.gif%22) no-repeat top left;

clear: both;

}

.maincontentblock p.swflink {

margin: 5px 0px 10px 0px;
padding: 2px 0px 5px 20px;
background:  url(../css/%22../img/design/swf_icon.gif%22) no-repeat top left;

clear: both;

}

.maincontentblock p.dcrlink {

margin: 5px 0px 10px 0px;
padding: 2px 0px 5px 20px;
background:  url(../css/%22../img/design/dcr_icon.gif%22) no-repeat 0px 1px;

clear: both;

}




.maincontentblock p.pdflink a, .maincontentblock p.swflink a, .maincontentblock p.dcrlink a, .maincontentblock p.golink a, .maincontentblock p.ziplink a, .maincontentblock p.imglink a, .maincontentblock p.pplink a {

text-decoration: none;
font-weight: bold;

}

.maincontentblock p.pdflink a:hover, .maincontentblock p.swflink a:hover, .maincontentblock p.dcrlink a:hover, .maincontentblock p.ziplink a:hover, .maincontentblock p.imglink a:hover, .maincontentblock p.pplink a:hover {

text-decoration: underline;

}


.maincontentblock p.ziplink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background:  url('../img/design/selfextract_icon.gif') no-repeat top left;

clear: both;

}

.maincontentblock p.imglink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background:  url('../img/design/img_icon.gif') no-repeat top left;

clear: both;

}

.maincontentblock p.pplink {

margin: 5px 0px 10px 0px;
padding: 0px 0px 5px 20px;
background:  url('../img/design/pp_icon.gif') no-repeat top left;

clear: both;

}


.maincontentblock ol {

width: 400px;
margin: 10px 0px 10px 50px;
padding: 0px 0px 0px 0px;

}

.maincontentblock ol li {

margin: 0px;
padding: 0px;
color: #09f;

}

.maincontentblock ul {

width: 400px;
margin: 10px 0px 10px 30px;
padding: 0px 0px 0px 0px;

}

.maincontentblock ul li {

margin: 0px;
padding: 0px;
color: #06c;

}

.maincontentblock a {

color: #039;
text-decoration: underline;

}

.maincontentblock a:hover {

text-decoration: none;

}


/* table stuff */


.maincontentblock table {

margin: 10px 20px 10px 15px;
padding: 0px 0px 0px 0px;

border-top: 1px solid #ccc;
border-left: 1px solid #ccc;

border-collapse: collapse;

}

.maincontentblock table th {

margin: 0px;
padding: 5px;

text-align: left;
font-weight: bold;

border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;

}

.maincontentblock table td {

margin: 0px;
padding: 5px;

border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;

}


.maincontentblock table td.notes {

font-size: x-small;
color: #666;

}


#main p.nextprev {

width: 600px;
margin: 10px 0px 10px 50px;
text-align: right;
color: #fff;
float: left;

}

#main p.prev {

width: 600px;
margin: 10px 0px 10px 50px;
float: left;

}

#main p.nextprev a, #main p.prev a {

color: #039;
font-weight: bold;
text-decoration: none;

}

#main p.nextprev a:hover, #main p.prev a:hover {

padding-bottom: 2px;
border-bottom: 2px dotted #039;

}

.mainimgblock {

width: 600px;
margin: 10px 0px 10px 50px;
padding: 0px 0px 0px 0px;
border: solid;
border-width: 1px 2px 2px 1px;
border-color: #ccc #bbb #bbb #ccc;
background: #fff;
float: left;

}


.sideimgblock {

width: 275px;
margin: 10px 0px 10px 20px;
padding: 0px;
border: solid;
border-width: 1px 2px 2px 1px;
border-color: #ccc #bbb #bbb #ccc;
/* border-color: #fff #ddd #ddd #fff; */
background: #fff;
float: left;

}


#lowlevel, #intermediatelevel, #highlevel {

margin-bottom: 100px;

}


.sideimgblock p {

margin: 0px 0px 0px 0px;
padding: 5px;
/* text-align: right; */
font-size: x-small;
color: #333;

}


.sidetextblock {

width: 275px;
margin: 10px 0px 0px 20px;
padding: 0px;
border: solid;
border-width: 1px 2px 2px 1px;
border-color: #ccc #bbb #bbb #ccc;
/* border-color: #fff #ddd #ddd #fff; */
background: #fff;
float: left;

}

.sidetextblock p {

margin: 0px 0px 0px 0px;
padding: 10px;
/* text-align: right; */
font-size: x-small;
color: #666;

}

.sidetextblock h4 {

font-size: x-small;
margin: 0px;
padding: 10px 0px 10px 35px;
color: #039;
background: url("img/design/icon_nuclear_039.gif") no-repeat 10px 4px #fff;

}


#main p.breadcrumb {

margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 12px;

}


#main p.breadcrumb a {

text-decoration: none;

}


#main p.breadcrumb a:hover {

text-decoration: underline;

}


#main ul {

padding: 0px 10px 15px 20px;
clear: left;

}

#main li {

padding: 0px 0px 5px 0px;

}

#main img.bodyimage {

padding: 3px 15px 10px 0px;
float: left;

}









/* styles for forms */

#main form {

margin: 0px;
padding: 0px 25px 10px 0px;

}

	
#main label {

padding: 0px 5px 0px 0px;
margin: 0px;

}

#main input {

margin: 5px 0px 10px 0px;

}

#main select {

margin: 5px 0px 10px 0px;
font-size: x-small;

}

#main option {



}

#main textarea {

margin: 5px 0px 10px 0px;

}
	
#main fieldset {

padding: 15px;
margin: 0px 0px 15px 0px;
border: 1px solid #fff;

}

	
#main legend {

font-weight: bold;
padding: 5px;
color: #fff;

}


#main #sendbutton {

margin: 0px 0px 10px 0px;

}


/* --------------- generic styles --------------------- */

a {

text-decoration: none;

}

img {

border: 0px;

}

p.info {

font-weight: bold;

}

/*
#loginpanel {



}


#loginpanel h2 {

font-size: small;

}


#loginpanel input {

font-size: x-small;

}

#loginpanel label {

font-size: x-small;

}
*/