/* css frames */
html {
overflow:auto;
}
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}

#framecontentLeft{
position: absolute;
top: 5em;
left: 0; 
bottom: 0;	/*height: 100%;*/
width: 187px; /*Width of left frame div*/
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
overflow-x: hidden;
z-index: 0;
}
#framecontentTop{
position: absolute; 
top: 0; 
left: 187px; 
right: 0;
height: 5em;			/*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
text-align: left;
z-index: 2;
}
#framecontentTopMenu{
position: fixed; 
left: 189px; 	/*Set left value to WidthOfLeftFrameDiv*/
top: 5em;			/*Set top value to HeightOfTopFrameDiv*/
right: 0;
height: 1.5em;
line-height: 1.5em;
overflow: hidden; 
background: #fff;

z-index: 3;
}
#framecontentBot{
position: absolute; 
top: auto; 
left: 187px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
height: 2em; /*Height of bottom frame div*/
bottom: 0;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}
#maincontent{
position: fixed; 
left: 189px; 	/*Set left value to WidthOfLeftFrameDiv*/
top: 6.5em;			/*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 2em; /*0;*/
overflow: auto; 
background: #fff;
border: 2px solid #CDDDFD;
border-right: none;
z-index: 0;
/*border-bottom: none;*/
}
* html body{ /*IE6 hack*/
/* padding of 0 fixes problem with IE and lightbox, but we need this padding!*/
padding: 5em 0 3.5em 187px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}
* html #framecontentLeft{ /*IE6 hack*/
border-top: 5em solid #FFFFFF;
bottom: 0em;
height: 100%;
top: 0;
}
* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}
* html #framecontentTopMenu{ /*IE6 hack*/
width: 100%;
border-bottom: none;
margin-bottom: 5px;
}
* html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}
* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}
/* end: css frames */

.innertube{
margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
padding-bottom: 10px;
}

/* logo in top left corner */
.logo{
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
height: 4em;
}

/* left main navigation*/
.nav{
	width: 170; /*width of menu*/
	text-align: center;
	z-index: 0;
	/*margin-top: -0.5em;*/
}
.nav ul{
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
}
.nav li a{
	font-size: 1em;
	font-weight: bold;
	color: darkblue;
	display: block;
  height: 1.8em; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	margin-top: 0.8em;
	line-height: 1.8em; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	background-image:url(button.gif);
	background-repeat:no-repeat;
}	
.nav li a:link, .nav li a:visited {
}
.nav li a:hover{
	/*background-color: #CEDEFD; problems with IE6*/
	text-decoration: underline;
}
.nav li a.selected{
	color: blue;
	text-decoration: underline;
}
/* remove dotted borders in firefox */
.nav li a:active
{
	outline: none;
}
.nav li a:focus
{
	-moz-outline-style: none;
}
/* end: left main navigation*/

/* top submain navigation*/
.navtop{
	width: 170; /*width of menu*/
	text-align: center;
	z-index: 0;
	/*margin-top: -0.5em;*/
}
.navtop ul{
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
}
.navtop ul li{
	display: inline;
}
.navtop li a{
	font-size: 1em;
	font-weight: bold;
	color: darkblue;
	display: block;
  height: 1em; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	margin-top: 0em;
	line-height: 1em; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	background-image:url(button.gif);
	background-repeat:no-repeat;
}	
.navtop li a:link, .navtop li a:visited {
}
.navtop li a:hover{
	/*background-color: #CEDEFD; problems with IE6*/
	text-decoration: underline;
}
.navtop li a.selected{
	color: blue;
	text-decoration: underline;
}
/* remove dotted borders in firefox */
.navtop li a:active
{
	outline: none;
}
.navtop li a:focus
{
	-moz-outline-style: none;
}
/* end: top submain navigation*/

/* news box */
.newsboxtitle{
color: darkblue;
height: 1.8em;
line-height: 1.8em;
font-size: 1em;
text-align: center;
background-image:url(backgr_news_250.gif);
background-repeat:no-repeat;
white-space: nowrap;
}

.newsboxcontent{
position: relative;
top: -1em;
padding: 5px;
margin: 0px;
border: 1px solid #CCCEFC;
border-top: none;
text-align: center;
}
/* end: news box */

/* two column layout */
.contentwrapper{
	width:100%;
	margin:auto;
	text-align:left;
	overflow:hidden;
}
.maincontent{
	float:left;
	margin-right:270px;
	text-align:left;
}
.rightcontent{
	float:right;
	width:270px; /*Width of right column in pixels*/
	margin-left:-270px; /*Set left margin to -(RightColumnWidth) */
	text-align:left;
}
/* end: two column layout */

/* Shade Tabs */
.shadetabscontent{
margin-top: 0px;
border:1px solid #CDDDFD; 
padding: 10px;
}
.shadetabs{
/*white-space: nowrap;*/
padding: 3px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
line-height: 1.5em;
display: inline;
margin-left: 5px;
zoom: 1; /*fix zoom issues for IE*/
}
.shadetabs li a{
white-space: nowrap;
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 5px;
margin-right: 3px;
border: 1px solid #CDDDFD;
color: gray;/*#2d2b2b;*/
background: white url(shade.gif) top left repeat-x;
}
.shadetabs li a:visited{
color: gray; /*#2d2b2b;*/
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li a.selected{ /*selected main tab style */
color: blue;
text-decoration: underline;
position: relative;
top: 0px;
background-image: url(shadeactive.gif);
border-bottom-color: white;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: underline;
}
/* remove dotted borders in firefox */
.shadetabs li a:active{
outline: none;
}
.shadetabs li a:focus{
-moz-outline-style: none;
}
/* end: Shade Tabs */

/* show information on menu hover*/
.shadow{
position: relative; 
visibility: hidden;
}
.info{
visibility: hidden;
position: absolute;
top: 3em;
width: 100%;
text-align: center;
font-style: italic;
font-weight: bold;
color: blue;
}
/* end: show information on menu hover*/

/* text formatting styles */
a {
font-weight: normal;
text-decoration: none;
}
a.selected{
color: blue;
text-decoration: underline;
}
a:hover{
text-decoration: underline;
}
h1 {
margin: 0px;
color: darkblue;
white-space: nowrap;
text-align: center;
font-size: 1.8em;
}
h2 {
margin: 0px;
color: darkblue;
}
h2.pageheader{
text-align: center;
font-family: Courier New, Courier, monospace;
}
h4{
margin-top: 4px;
}
/* for text at bottom */
.oneline{
width: 100%;
margin-top: 10px;
white-space: nowrap;
text-align: center;
font-size: 0.8em;
}
* html #.oneline{
margin-left: 187px;
}

table{
border-color: #CCCEFC;
border-width: 0px 0px 0px 0px;
border-style: solid;
}
table td{
padding: 2px;
}
table th{
padding: 2px;
}
/* end: text formatting styles */

/* wrapper for 2 column layout, with sidebar on the left*/
.wrapper{
	width: 100%;
	margin: auto;
	text-align: left;
	overflow: hidden;
}
.main{
	float: left;
	margin-left: 200px;
	text-align: left;
}
* html #.main{
	margin-left: 0px;
	padding-left: 200px;
}
.main3col{
	float: left;
	margin-left: 200px;
	margin-right: 200px;
	text-align: left;
}
* html #.main3col{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 200px;
	padding-right: 200px;
}
.left{
	margin-top: 10px;
	float: left;
	width: 200px; /*Width of left column in pixels*/
	margin-right: -200px; /*Set right margin to -(LeftColumnWidth) */
	text-align: center;
}
.right{
	margin-top: 10px;
	float: right;
	width: 200px; /*Width of left column in pixels*/
	margin-left: -200px; /*Set right margin to -(LeftColumnWidth) */
	text-align: center;
}
/* for pictures with caption */
div.figure {
  float: left;
  width: 170px;
  border: thin silver solid;
  margin: 5px;
	margin-bottom: 0px;
  padding: 5px;
	text-align: center;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img{
	border: 0;
}
li{
	margin-top: 5px;
}