/* LPS styles - May 2008 */

body {background: #D4DEF7; color: #2E3F6B; margin: 10px 0 0 0; padding: 0; font: 62.5% Arial, Helvetica, Sans-Serif;}

a:link {	background-color: inherit; color: #156D9A; }
a:visited     {	background-color: inherit; color: #757B8A; text-decoration: none}
a:hover    {background-color: inherit; color: #8E5222;}
a:active   {background-color: inherit; color: #8E5222;}

#main 	   {width:770px; height:100%; margin: 0 auto; border: 1px solid #D4EAF7; }

#top 	   {height: 32px; background: url(../images/s6g.png) repeat-x top left;}

#top h1   {font-family: "Arial", Helvetica, Sans-Serif; font-size: 2.4em; color: #E65642; background: transparent; float: left; margin: 3px; padding: 1px; font-weight: bold;}

#header    {height: 102px; background: #2F4786 url(../images/top_bar.gif) no-repeat top center; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }

#sitename  {background-color: transparent; font-size: 1.2em; font-weight: bold; color: white; float: right; margin: 76px 0px 10px 10px; padding: 0px 4px 0px 16px;}
html>body div#sitename {margin-top: 60px; padding: 16px 4px 16px 16px;	}
/* CONTENT */


div.container {width:100%; margin:0px; background: url(../images/bg_cool5.jpg) repeat-x top center; line-height:150%;}

div.header    {background: inherit; padding: 5px 5px 5px 5px; margin: 0; color:white; clear:left;}

div.menu      {float:left; margin:0;}

div.content   {background: #FFFFFF; margin-left:168px;  font-size: 1.3em; font-weight: normal; color: #333333; padding: 5px 10px 5px 10px ; line-height: 150%;}

div.box       {width:140px; height:100%; float:right; background: #DBE1F0 url(../images/bgside.gif) no-repeat; padding: 2px 5px 2px 5px; margin: 5px 5px 5px 8px; font-family: "Verdana", Arial, Helvetica, Sans-Serif; font-size: 0.8em; color:#2E3F6B; line-height:130%; border: 1px solid #E65642}

.boxhead {font-weight: bold; text-transform: uppercase; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }

#nav         {float: left; width: 160px; padding: 0 5px 0 0px; margin: 0; font-size: 13px;}
#nav a       {display: block; background: #757B8A url(../images/bg_m3.gif) repeat-y center right; color: #FFFFFF; padding: 5px 0 5px 20px; margin: 0 0 1px 0; text-decoration: none;}
#nav a:hover {color: #FFFFFF; background: #2F4786 url(../images/aro_t.png) no-repeat center left;}

#nav .on {display: block; background: #2F4786 ; color: #FFFFFF; padding: 5px 0 5px 20px; margin: 0 0 1px 0; text-decoration: none; }

h2            {background-color: #FFFFFF; margin: 0px 0 5px 0; padding: 0; font-size: 1.8em; letter-spacing: -0.5px; color: #06548C;}

h3            {background-color: #FFFFFF; margin: 0px 0 5px 0; padding: 0; font-size: 1.4em; color: #E65642;}

/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #757B8A;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #757B8A;
  border-width: 1px;
  border-style: solid;
  border-color: #757B8A;
}

input.radio {
  background: none;
  border: 0px;
}


.caps {text-transform:uppercase;}
strong {font-weight: bold;}
.none {width: 14px; color: white;}
.intro {font-size: 110%; font-weight: bold;}
.strap {font-weight: bold; color: #2F4786; font-size: 105%; font-style: italic;}
.highlight {background-color: #FFECEC; padding: 3px; margin: 10px 20px 10px 2px; }
.caps {text-transform: uppercase;}

div.footer    {background: url(../images/s6g.png) repeat-x top center; border-top: 1px solid #06548C; line-height:150%; margin:0; padding:0.5em; color:black; font-size: 1.1em; text-align: right;}