/* http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ */

/* LAYOUT */
body,
	html {
		margin:0;
		padding:0;
		background:#fff;
		color:#242128;
	}

body {
	min-width:700px;
	word-wrap: break-word;
}

#wrap {
	background:#fff;
	background-image: url(cssimages/side-filler.gif);
	background-position: right;
	background-repeat: repeat-y;
	margin:0 auto;
	width:700px;
}

#header {
	height:187px;
}

#main {
	background:#fff;
	float:left;
	width:502px;
	border:0px solid #f00;
}

#main h2, #main h3{
	padding:20px 20px 0px 20px;
}

#main div.inner{
 padding:0px 20px 0px 20px;
  border:0px solid #f00;
}



#sidebar {
	background-image: url(cssimages/bg-right.gif);
	float:right;
	width:198px;
	border-bottom:0px #f00 solid;
}

div#sidebar ul {
	color: #525552;
	padding:0;
	margin:0;
	margin-left:-7px;
	border:0px #f00 solid;
}

#footer {
	height:45px;
	padding:0;
	margin:0;
	background:#3b699c;
	text-align:center;
	clear:both;
	color: #b5d0ed;
	font-size:0.9em;
}

img{
	border:0px solid #f00;
	display:inline;
}

/****************************
	PRESENTATION
 ****************************/
body {
	/* text-align: center; */
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	font-size: 11px;
}

div#topline {
  position: absolute;
  top:18px;
  z-index:200;
  background-color:transparent; color:#000;
  width:100%;
  height:1px;
}

div#fontsizer {
  position:relative;
  float:right;
  border-top:0px solid #00f;
  border-bottom:0px solid #00f;
  width:58px;
  height:39px;
}

div#fontsizer img{border-bottom: 0px solid #f00;}

h1, h2, h3, h4, h5, h6 {margin-top: 0px;}

h1 {font-size:1.4em;}
h2 {font-size:1.5em; color:#5a595a;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em; padding:5px; margin:5px; color:#5a595a;}
h6 {font-size:1.1em;}

h1 {text-align:center;}

table{
	border: 0px solid #f00;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	color: #656565;
}

td {
	margin: 0px;
	padding: 1px;
	font-size: 11px;
	border: 0px solid #0f0;
	vertical-align: top;
}

th {
	margin: 0px;
	padding: 1px;
	background-color:#eee;
	color: #656565;
	font-size: 11px;
	border: 0px solid #0f0;
}

#dev{
	background-color:#fff; color:#000;
}

h1#seo{
	margin:0;padding:0;background-color:#dbdbdb; color:#848484;
	background-color:#dedfde;
	background-image: url(cssimages/bg-seo.gif);
	font-size:11px;
}

#dbLogo {
	width:700px;
	height:39px;
	background-color:#DEDEDE;
	background-image: url(cssimages/logo.jpg);
	background-repeat: no-repeat
}

.box{border:1px solid #00f;}

.small {
	font-size: 10px;
}

a {
	color: #368daf;
	text-decoration: none;
}
a:hover {

	color: #368daf;
	text-decoration: underline;
}

a.submenu {
	color: #656565;
	text-decoration: none;
}
a.submenu:hover {
	color: #656565;
	text-decoration: underline;
}

a.latestDownloads {
	font-size: 10px;
	text-decoration: none;
	font-weight:normal;
}

#footer a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#footer a:hover {
	color:#b5d0ed;
	text-decoration:none;
}

#footer a.misc {
	font-weight:normal;
}

div.message{
	border: 3px dotted #ddd;
	padding: 5px; margin:5px;
	background-color:#b5d0ed; color:#000;
}

ul#faqs {

  font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
  font-size:1.1em;
	font-weight:bold;
  list-style-type: none;
}

ul#faqs li {
		background-position: 0% 5%;
    list-style-image: url(cssimages/faq-arrow.gif);
}


ul#faqs li a {
    text-decoration: none;
}

ul#faqs li a:link {

}
ul#faqs li a:visited {

}


ul#faqs li a:hover {
  text-decoration:underline;
}

div.caseTitle{
 border: 0px solid #f00;
 font-weight:bold;
font-size:12px;
color: #3c6a9e;
padding-top:5px;
margin-top:5px;
}

span.ssmall{
font-size:10px;
color: #222;
}

div.caseContent{
 border-bottom: 1px solid #ccc;

}

ul.iconlist
{
list-style: none;

}

ul.iconlist .dl
{
font-weight:bold;
font-size:12px;
color: #3c6a9e;
}

ul.iconlist li
{
background-repeat: no-repeat;
background-position: 0 25%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

ul.iconlistMain
{
list-style: none;
margin:0;
padding:0;
}

ul.iconlistMain .dl
{
font-weight:bold;
font-size:12px;
color: #3c6a9e;
}

ul.iconlistMain li
{
background-repeat: no-repeat;
background-position: 0 10%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

ul.iconlistblue
{
list-style: none;

}

ul.iconlistblue li
{
background-repeat: no-repeat;
background-position: 0 25%;
padding: 3px 0 3px 20px;
margin: .4em 0;
color: #3b699b;
}

/***************************
 hint
 ***************************/
 #hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #b5d0ed;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid #3b699c;
border-bottom: 3px solid #3b699c;
visibility: hidden;
}

div#hintWarning{ /*CSS for link that shows hint onmouseover*/
position:absolute;
z-index:10;
width:100%;
top:0;
text-align: center;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
background-color: #f00;
color: #fff;
margin: 3px 8px;
}


/****************************
	DYNAMIC MENU - http://www.dynamicdrive.com/dynamicindex1/anylinkvertical.htm
 ****************************/
#dropmenudiv{
	position:absolute;
	margin-top:7px;
	margin-left:4px;
	border:0px solid #3b699c;
	border-bottom-width: 0;
	font-size: 12px;
	text-align:left;
	line-height:18px;
	z-index:100;
}

* html #dropmenudiv{
	margin-top:0px;
}

#dropmenudiv a{
	width: 200px;
	font-weight:bold;
	margin-left:10px;
	background-color: #5c8abb;
	color:#fff;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #3b699c;
	padding: 1px 0;
	text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #5c8abb;
	color:#b5d0ed;
}

/* Sample CSS definition for the example list. Remove if desired */



/* http://css.maxdesign.com.au/listutorial/08.htm */
/*
.navlistroot {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 147px;
}

.navlistroot li {
	width: 147px;
	background-color: #0f0;
	padding-bottom:5px;
	background-repeat: no-repeat;
}

a.verticalnav {
	width: 147px;
	height:18px;
	padding: 0;
	margin: 0;
}
*/


/*************************
 nav bar
 *************************/
div#navbar2 {
	height: 30px;
  width: 100%;
  border-top: solid #000 0px;
  border-bottom: solid #000 0px;

  background-color: #3b699c;
}

div#navbar2 ul {
	margin: 0px;
  padding: 0px;
  color: #fff;
  line-height: 30px;
  white-space: nowrap;
}

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

div#navbar2 li a {
  text-decoration: none;
  font-weight: bold;
  padding: 7px 20px 7px 23px;
  color: #fff;

}

div#navbar2 a:hover {
	color: #b5d0ed;
}

div#navbar2 a#uberlink {
	color: #b5d0ed;
}


/****************************
	FORM
 ****************************/
form
{
	border: 0px outset #bdd786;
	margin: 2px;
	padding: 2px;
}

label
{
width: 6em;
float: left;
text-align: left;
margin-left: 0.5em;
display: block;
}


input
{
	color: #3B699C;
	background: #fff;
	border:2px solid #ddd;
}

textarea
{
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	color: #3B699C;
	background: #fff;
	border:2px solid #ddd;
}

p.submit
{
	text-align: right;
}

input.submit
{
	color: #fff;
	background: #c82d3d;
	border: 2px outset #5b1018;
	margin: 2px;
	padding: 2px;
	cursor: pointer;
}


fieldset
{
border: 0px solid #bdd786;
width: 95%;
}

legend
{
color: #fff;
background: #39AAD6;
border: 1px solid #781351;
padding: 2px 6px;
font-style: italic;
}