/*
  Adapted from original content found here:  http://intensivstation.ch/en/templates/

  Licensed under the Creative Commons Attribution 1.0 License: http://creativecommons.org/licenses/by/1.0/
*/

/*#104E8B; *dodger blue
#E9F2FA IS YAHOO BLUE
#B80000; match logo red
*/
            
body {
  background-color: #E9F2FA; /*#E9F2FA IS YAHOO BLUE This color sets the entire background of the site*/
  font-family: sans-serif;
/*  margin: 20px 90px  20px 90px; */
  margin: 20px 1% 20px 1%;
  text-align: center;
  color: #484848;
}


div.padded {
  padding-left: 150px;
  padding-right:150px;
  padding-top:5px;
  padding-bottom: 5px;
  font-size: .9em;
  line-height: 1.5em;
}

div.padded2 {
  padding-left: 150px;
  padding-right:150px;
  padding-top:25px;
  padding-bottom: 5px;
  font-size: .9em;
  line-height: 2.5em;
}

div.clearer 
{
	clear: left;
	line-height:0;
	
}


.reqlabels {
  display: table;
  width: 80px;
}


div.header {
  background-color: #FFFFFF; /* This color sets the background of the header section */
  border-top: thin solid #ff0000;
  border-bottom: thin solid #ff0000;
  padding: 3px 0px 0px 0px;
  white-space: nowrap;
  text-align:center;
}

div.subhead {
  clear: both;
  background-color: #FFFFFF; /* This color sets the background of the subhead section */
  color: #003366;
  padding: 1px;
  border-bottom: thin solid #ff0000;
  text-align: center;
  line-height: .35em;
  white-space: nowrap;
}

div.hmenu {
  background-color:#E0E0E0;  /*#CD3333; #ff0000; /* This color sets the background of the header section */
  padding: 0px 0px 0px 0px;
  text-align: center;
/*  border-top: medium solid #ff0000; */
}

/* menu is not centered in Opera on Jim Werhly's check with explicit margin settings*/
.Menu {
   background-color:#C8C8C8;   /* #CD3333; #ff0000; */
   height: 15px;
   width: 100%;
   margin-top: 1em;
   margin-left: auto;
   margin-bottom: 0;
   margin-right: auto;

}

.MenuItems {
   padding: .2em;
   font-size: .75em;
   font-weight: bold;
   background-color: #C8C8C8; /*#CD3333; #ff0000;*/
   color: #003366;
}

.MenuItemsSelected {
   color: #B80000;

}

.MenuHover {
  color: #ff0000; /*#EBECE4; */
}


#content {
  width: 100%;
  padding: 0px;
  text-align: center;
  background-color: #FFFFFF; /* This color sets the background for the main content area*/
/*  overflow: auto; */
}

tblHome {
  width: 90%;
}
.floatright {
   float: right;
   padding: 10px;
}

.floatleft {
   float: left;
   padding: 10px;
}

.rtmargin {
  rtmargin-right: 20px;
}

}
.DivHome {
   width: 500px;
   margin-left: auto;
   margin-right: auto;
   color: #484848;
   font-size: 1em;
   line-height: 1.4em;
}

.ctrText {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding:15px;
}

div.text1 {
  font-size: .9em;
  color: #484848;
  line-height: 1.4em;
  clear: left;
}

div.col2float {
width: 45%;
float: left;
font-size: .9em;
color: #484848;
}

#divHead {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;

  color: #102E8B;
  border-style: solid;
  border-width: 1px;
  border-color: #787878;
  line-height: .55em;
}

.txtcenter {
/*  width: 50%; */
  clear: left;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}


.txtleft {
  text-align: justify;
  padding: 25px;
  line-height: 1.4em;
}

.IndexPanel {
  text-align: center;
  font-size:1.5em;
}

.tblCols1 {
  border-style: solid;
  border-width: 10px;
  border-color: black;
}

p, pre {
  margin: 0px;
  padding: 10px;
}

h1,h2,h3,h4,h5 {
/*  border: 5px solid red; */
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
}

p.H4 {
  font-size: 1em;
  font-weight: bold;
  margin: 0px 0 0px 0;
  padding: 0;
}

p.H5 {
  font-size: .75em;
  font-weight: bold;
  margin: 0;
  padding-top: 0;

}


p.text1 {
  font-size: .75em;
  line-height: 1.5em;
  }

.thanks {
  width: 100%;
  text-align: center;
  font-size: 2em;
  background-color: #DADADA; /*#CD3333; #ff0000;*/
  color: #003366;
}

.spanishtable {
  font-size: 12;
}

/* takes underline etc out of all links, but also effects menues and other link type controls */
/* since other controls of this site do not use - at this time - text-docoration - turning it off
produces the desired results for the hyper links globaly */

a:hover
  {
/* 	font-size: 11px;
  	color: #000000;
   	font-family:  Tahoma, sans-serif; */
   	text-decoration: none;
   }

a:link
  {
/* 	font-size: 11px;
  	color: #000000;
   	font-family:  Tahoma, sans-serif; */
   	text-decoration: none;
   }
a:visited
  {
/* 	font-size: 11px;
  	color: #000000;
   	font-family:  Tahoma, sans-serif; */
   	text-decoration: none;
   }


.panelTop {
  text-align: center;
}

.HxContent {
  margin: 0;
  padding: 10px;

}

H4.welcome {
/*  display: inline; */
  text-align: center;
  padding: 0px 0px 0px 0px;
 }

 #DivCenterWithin {
   width: 100%;
   text-align: center; /* IE Hack */
   overflow: auto;

 }

 #DefaultContainer {
    margin-left: auto;
    margin-right: auto;
    width: 800px;  /* must be > mainDiv width + adDiv width so centers but no wrapping*/

 }
/* special divs for scoop and others */
 #boxDiv {
   background-color: white;
   padding: .1em;
   border-style: solid;
   border-width: 2px;
   border-color: black;
 }

 #scoopDiv {
   text-align: center;
   background-color: black;
   color: white;
   font-size: 2em;
 }

#scoopLeft {
    float: left;
    width: 190px;
    margin:2px;
    padding:1px;
    font-style: italic;
    text-align: justify;

}

#scoopRight {
    float: left;
    width: 285px;
    margin:1px;
    font-style: italic;
    text-align: justify;
  
}

#DocLeft {
   float: left;
   width: 240px;
}

#Docright {
   float: left;
   width: 240px;
}

div.subdoc {
  padding: .5em;
  text-indent: 1.5em;
  text-align: justify;
}


 #mainDiv {
   float: left;
   width: 500px;
   border-style: solid;
   border-width: 1px;
   border-color: lightgray;
   font-size: .8em;
   text-align: left;

 }

  #adDiv {
   float: left;
   margin-left: 10px;
   width: 240px;
   border-style: solid;
   border-width: 1px;
   border-color: lightgray;
 }

 #XDiv {
   clear: both;
   width: 100%;
   text-align: center;
   border: 1px .8em lightgray;
   font-size: .7em;
}

.imagelinks {
   display: block;
   padding-top: 10px;
}

div.outerBox {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  overflow: auto;
  border: 2px solid red;
  background-color: white;
}


div.centerBox {
  width: 95%; /* width of outerbox */
  margin: 10 auto;
  border: 2px solid red;
  background-color:#e0e0e0;
  line-height: 1.5em;
  font-size: .9em;
  text-align: left;
}

/* different border and width*/
div.centerBox2 {
  width: 85%; /* width of outerbox */
  margin-top: 10;
  margin-left: auto;
  margin-bottom: 10;
  margin-right: auto;
  overflow: auto;
  border: solid 1px lightgray;
/*  background-color:#e0e0e0; */
  line-height: 1.5em;
  font-size: .9em;
  text-align: left;
}

div.cols {
  float: left;
  width: 45%;
  margin: 2%
  text-align: left;
}


