﻿body 
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  background-color:white;
}

h1, h2, h3,h4{font-family:verdana,arial,sans-serif;color:blue;text-align:center;}

p  {font:normal 11px verdana,arial,sans-serif; color:#534741; line-height:22px;}

ul, li  {font:normal 11px verdana,arial,sans-serif; color:#534741; line-height:22px;}

h3{color:#6cb436;}
h5{color:#ff0000;}

img{border:none;}
 
a{color:blue;text-decoration:none;}

#container
{  padding:0px 0px 0px 0px;
   width:100%;
   height:100%;
   /*border:1px solid blue;*/
   background:#3333ff /*#0033ff*/;
  /* margin: 0 auto;*/
   margin:auto;}
 
 #header 
{ padding:3px 0px 0px 0px;
  position:absolute;
  left:255px;
  width:728px;
  height:165px;
  /*border:1px solid #2f5108;*/}

#center 
{
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  
  margin-top:11px;
  background-color:White;
  padding:10px;  
  position:absolute;
  top:190px;
  left:255px;  
  width: 708px;
  height:375px;
  border:1px solid gray;}
  
#center p{font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px;}
#center h5{color:#ff0000;}

/*  start alt center style*/
#center-alt 
{
 -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
 
  margin-top:11px;
  background-color:White;
  position:absolute;
  padding:0px 10px 0px 10px ;  
  top:190px;
  left:255px;  
  width: 708px;
 
  /*border:1px solid green;*/}
  
#center-alt p{font:normal 11px verdana,arial,sans-serif; color:#000; line-height:12px;}
#center-alt ul, li{font:normal 11px verdana,arial,sans-serif; color:#000; line-height:12px;}
/* end alt center style*/
 

 #left
{ 
  float:left; 
  width:18%;
  height:550px;
  /*border:1px solid #2f5108;*/
  /*background-color:yellow;*/
  padding:10px 0px;
  margin:3px;
  clear:left;
}

#left p{font-size:small; color:White;}
#left h2{color:Yellow;}

#right {
   float:right;
  /*float:left;*/  /*float left will cause this to sit below header and to the right of #center.*/
  /*width:15%;*/ 
  width:175px;
  height:550px;
  /*border:1px solid red;*/
  padding:10px 6px 10px 5px; 
 
 margin-right:40px;
/*clear:right forces the #right div to float to the right of the div that is left of it or 
placed before it in the html file (in this case that's the center div*/
}

#right p{font:normal 10px verdana,arial,sans-serif; color:#fff; line-height:12px;}

#right a{color:White; text-decoration:none;}

#right h3{color:#fff200;}

#right h5{color:#d4d2eb;font:bold 14px verdana,arial,sans-serif; line-height:16px;}


/*-start of alt right --*/
#right-alt {
   float:right;
  /*float:left;*/  /*float left will cause this to sit below header and to the right of #center.*/
  /*width:15%;*/ 
  width:175px;
  height:550px;
  /*border:1px solid red;*/
  padding:10px 50px 10px 0px; 
 
 margin-right:40px;
/*clear:right forces the #right div to float to the right of the div that is left of it or 
placed before it in the html file (in this case that's the center div*/
}

#right-alt p{font:normal 12px verdana,arial,sans-serif; color:#fff; line-height:16px;}

#right-alt a{color:White; text-decoration:none;}

#right-alt h3{color:#c4df9b;}

#right-alt h5{color:#d4d2eb;font:bold 14px verdana,arial,sans-serif; line-height:16px;}
/*--end of alt right --*/

#footer{/*border:1px solid yellow;*/}

#footer p{color:#99FF33;}
 
.clearfloat  
{
	/* this class should be placed on a div or break element and should be the final element 
	before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
