/* Global
--------------------------------------------------------------------*/
html {
  text-align:		center;
}



a:link {
   text-decoration:	none;
   color: 		#6699ff;
}

img {

   border:		none;
}

ul {
   list-style:		none;
   margin: 		0;
   padding: 		0 1em;
   border: 		none;
}

body {
  background:		#f8f8ff;
  //background-image:	url(layoutgrid.png);
  position:		relative;
  width:		980px;
  margin:		0 auto;
  text-align:		left;
  font-family:		Verdana,Lucida,Geneva,Helvetica,Arial, sans-serif;
  font-size: 14px;
}

h3 { color: #000000; }

/* Notice Style
--------------------------------------------------------------------*/
.notice {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 20px;
  margin: 20px 0;
}

.notice h2 {
  color: #333;
  font-size: 24px;
}

.notice p {
  color: #555;
  font-size: 18px;
}


/* Content Positioning
--------------------------------------------------------------------*/
div#content {
  position:		relative;
  width:		100%;
}

/* Main Content
--------------------------------------------------------------------*/
div#content_main {
  position:		absolute;
  left:			0%;
  width:		100%;
  padding:		1em 0;
  margin:		1em 0;
}

/*Body Positioning--------------------------------------------------*/
.header{
   position: relative;
   left: 15.00%;
   width: 85.00%;
}

h1 {
  position: relative;
   text-align:	center;
  width: 100%
}
h3 {
  position: relative;
   text-align:	center;
  width: 100%
}
.wrapper{
   position: relative;
   left: 0.00%;
   width: 100.00%;
}
.column1{
   position: relative;
   float: left;
   left: 5.00%;
   width: 30.00%;
}
.column2{
   position: relative;
   float: left;
   left: 5.00%;
   width: 30.00%;
}
.column3{
   position: relative;
   float: right;
   right: 5.00%;
   width: 30.00%;
}
.footer{
   position: relative;
   float: left;
   left: 35.00%;
   width: 100.00%;
}
.disclaimer{
   position: relative;
   float: left;
   left: 5.00%;
   width: 100.00%;
}

/*Optimize site for mobile*/
@media only screen and (max-device-width: 1020px) {
  body {
    width: 100%;
  }

  .wrapper{
    width: 100.00%;
    text-align: center;
  }
  .column1, .column2, .column3 {
     width: 90%;
     display: inline-block;
  }

  .footer{
    width: 90%;
  }
  .disclaimer{
    width: 90%;
  }

}
/*End mobile optimization*/