* {border:none;}

input, select, textarea
{
	color: #111111;
	padding: 2px;
	border: #BBBBBB solid 1px;
	font-size:small;
	font-family:"Lucida Grande", Helvetica, Arial, sans;
}

body {
	font-family:Helvetica, Arial, sans;
	font-size:small;
	margin:0;
	background-color: #40BFDF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
* html body {font-size:x-small; f\ont-size:small;}
br.clear {clear:both; display:block; height:0; width:100%;}
#frame {background:url(images/figures.jpg) no-repeat 50% top; min-height:1000px; width:100%;}
#content {background:#fff; margin:0 auto; width:960px;}

#header h1 {margin:0; padding:0;}
#header span {display:none;}
#header a:link, #header a:visited {float:left;}
#header img {float:left;}

#navigation {background:#002B79 url(images/navfade.jpg) repeat-x left top; float:left; margin:0; padding:0; width:100%;}
#navigation li {float:left; list-style:none;}
#navigation a:link, #navigation a:visited {color:#fff; float:left; font-size:130%; font-weight:bold; text-decoration:none; padding:7px 30px;}
#navigation a:hover {color:#999;}

#scrollBanner {float:left; width:100%;}
#scrollBanner img {float:left; margin:0;}

#main {color:#666;}
#main .leftCol {float:left; width:25%;}
#main .leftCol h2 {font-weight:bold;}
#main .leftCol h4 {color:#666; font-size:100%;}
#main .leftCol p {font-size:100%;}

#main .rightCol {float:right; padding:10px 1% 0 0; width:71%;}
#main h2 {color:#2048af; font-size:140%; font-weight:normal; margin:0 0 15px 0;}
#main h3 {color:#2048af; font-size:110%; font-weight:normal; margin:0 0 15px 0;}
#main p, #main ul, #main ol {font-size:110%; line-height:150%; margin:0 0 15px 0;}
#main ul, #main ol {margin-left:25px;}
#main a:link, #main a:visited {
	color:#3A66BF;
}
#main a:hover {color:#f00;}

#footer {color:#fff; padding:10px 0; text-align:center;}
#footer a:link, #footer a:visited {color:#fff;}
#footer a:hover {color:#f00;}

div.padding {padding:10px;}


div.tabBox {}

div.tabArea {
  font-size: 100%;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
}

a.tab {
  background-color: #b1d7ff;
  border: 2px solid #000000;
  border-bottom-width: 0px;
  border-color: #d1e7ff #92bee0 #92bee0 #d1e7ff;
  -moz-border-radius: .75em .75em 0em 0em;
  border-radius-topleft: .75em;
  border-radius-topright: .75em;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}

a.tab, a.tab:visited {
  color: #5f8daf;
}

a.tab:hover {
  background-color: #82add0;
  border-color: #a0cff0 #5f8baf #5f8baf #a0cff0;
  color: #0000c0;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #6f9fbf;
  border-color: #92b1e0 #507ca0 #507ca0 #92b1e0;
  color: #ffe0ff;
}

a.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
}

div.tabMain {
  background-color: #6f9fbf;
  border: 2px solid #000000;
  border-color: #92c3e0 #507ca0 #507ca0 #92c3e0;
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: .5em;
  position: relative;
  z-index: 101;
}

div.tabIframeWrapper {
  width: 100%;
}

iframe.tabContent {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-color: #507ca0 #92c5e0 #92c5e0 #507ca0;
  width: 100%;
  height: 36ex;
}

