/* page layout */

#richard-mouser {
  margin-top: 0;
  padding-top: 0;
}

#container {
  position: absolute;
  left: 50%;
  width: 760px;
  margin: 2px 0 2px 0;
  margin-left: -380px;
}

#navigation {
 width: 205px;
 float: left;
}

#content {
 width: 495px;
 float: left;
}


#clear-float {
 clear: both;
/* line-height: 0; */
 height: 0;
}


/* content-w for no navigtaion bar */

#content-w {
 margin: 20px 55px 20px 55px;
 padding: 0;
}
#content-w li {margin-bottom:.5em}

#content-w hr {color: #003399}




/* content layout */

#content {
 margin: 15px;
 margin-left: 35px;
 margin-right: 0;
 padding: 0;
}
#content li {margin-bottom:.5em}

#content hr {color: #003399}



/* default style */

body {
 background-color: #CCCCCC;
}

body img {
 border: 0;
 padding: 0;
 margin: 0;
}


#container {
 font-family: Arial, verdana, Helvetica, sans-serif;
 font-size: medium;
 line-height: 1.2;
 color: #000000;
 padding: 0;
 background-color: #ffffff;
 border-left: 1px solid #777777;
 border-right: 1px solid #777777;
}

.blue {
 color: blue;
}

.smaller {
 font-size: 11pt;
}

.legal-stuff {
 font-size: 11pt;
}

/* header style */

#header {
 margin: 0;
 padding: 5px 30px 20px 30px;
 height: 55px;
 background-color: #e5ecf9;   /* #e5ecf9  -  light: #F6F8FC*/
 border-top: 1px solid #003399; 
 border-bottom: 2px solid #003399; 
}


h1 {
 color: #003399;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 24pt;
 padding-top: 0;
 margin-top: 0;
 margin-bottom: 2px;
 padding-left: 0;
}
h1 a {color: #003399; text-decoration: none;}

h2 {
 color: #003399;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 18pt;
 margin: 0;
 padding-bottom: 0;
 padding-left: 0;
}
h2 a {color: #003399; text-decoration: none;}

h3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12pt;
 color: #000000;
 padding-top: 20px;
 padding-bottom: 0;
 margin-top: 0;
 margin-bottom: 0;
}
h3 a {color: #003399; text-decoration: none}

h4 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11pt;
 color: #000000;
 word-spacing: 1px;
 padding-top: 5px;
 padding-bottom: 15px;
 margin-top: 0;
 margin-bottom: 0;
}
h4 a {color: #000000; text-decoration: none}



/* left col style */

.sign-up-ad {
 font-weight: bold;
 border: 0;
 margin: 0;
 padding: 0 0 8px 0;
}

form.sign-up-form {
 border: 0;
 margin: 0;
 padding: 0;
}

fieldset.sign-up {
 font-size: 11pt;
 color: #000000;
 background: #eaeef5; /* #E6E9F2   #ffffff */
 border: 0;
 padding: 5px 5px 5px 10px;
 margin: 0;
 border-bottom: 3px solid #ffffff; /* #C0CADE  #ffffff */
 border-right: 3px solid #ffffff;  /* #C0CADE  #ffffff */
}

#navigation label {
 width: 3.5em;
 margin: 0;
 padding: 0;
 vertical-align: top;
}

.nav-textbox {
 margin: 0 5px 10px 0;
 padding: 0;
 text-align: right;
 vertical-align: middle;
}

.nav-button {
 margin: 0 5px 5px 0;
 padding: 0;
 text-align: right;
 vertical-align: middle;
}


#navigation {
 border-right: 1px solid #003399;
 border-bottom: 2px solid #003399;
 background-color: #ffffff;
 margin: 0;
 padding: 0;
}


.nav-pic {
 border: 0;
 margin: 0;
 padding: 2px 0 2px 0;
 text-align: center;
}

.nav-pic img {
 width: 200px;
 border: 0;
 margin: 0;
 padding: 0;
}

.nav-pic-ns {
 border: 0;
 margin: 0;
 padding: 0 0 2px 0;
 text-align: center;
}



.nav-caption {
 margin: 0;
 padding: 0 0 15px 0;
 font-size: small;
}


#navigation h4 {
 margin: 0;
 padding: 0;
 line-height: 1.1;
 padding-top: 5px;
 padding-bottom: 8px;
}

#navigation-list {
 margin: 0;
 padding: 0;
 background-color: #F6F8FC;
}

.navigation-sublist {
 margin: 0;
 padding: 0;
 background-color: #F6F8FC;
}

#navigation-list li {
 font-size: 11pt;
 line-height: 1.2em;
 list-style-type: none;
 padding: 5px 8px 5px 10px;
 border-bottom: 3px solid #ffffff; /* #C0CADE  #ffffff */
 border-right: 3px solid #ffffff; /* #C0CADE  #ffffff */
}

#navigation-list li li {
 padding: 0;
 border: 0;
}

.all-link {
 line-height: 1.3em;
}



/* content style */


/* home page formatting */

.center {
 text-align: center;
}

.float-right {
 float: right;
 margin: 10px 0 10px 15px;
}

.float-right img {
 padding: 0;
 margin: 0 0 2px 0;
 border-top: 1px solid #777777;
 border-left: 1px solid #777777;
 border-right: 2px solid #a0a0a0;
 border-bottom: 2px solid #a0a0a0;
}


.float-left {
 float: left;
 margin: 10px 15px 10px 0;
}

.float-left img {
 padding: 0;
 margin: 0 0 2px 0;
 border-top: 1px solid #777777;
 border-left: 1px solid #777777;
 border-right: 2px solid #a0a0a0;
 border-bottom: 2px solid #a0a0a0;
}


.caption {
 padding: 0;
 margin: 0;
 font-weight: bold;
 font-size: 12pt;
}

.popup-note {
 font-size: 10pt;
}


.smaller-caption {
 margin: 0;
 font-size: small;
}


.clear-float {
 clear: both;
 height: 0;
}

.button-note {
 font-size: small;
 margin: 2px 0 2px 0;
}



/* blog unique stuff */

.post-footers {
 border-top: 1px solid #003399;
 border-bottom: 1px solid #003399;
 font-size: small;
 line-height: 1.3em;
 padding: 5px 0 8px 0;
 margin: 5px 0 25px 0;
}




/* footer style */

#footer {
 width: 760px;
 font-size: 8pt;
 background-color: #003399;
 color: #9999CC;
 text-align: left;
 text-decoration:none;
}
#footer a {color: #9999CC; text-decoration: none}
#footer a:hover{color:#ffffff}

#footer-list {
 margin: 0 0 0 5px;
 padding: 2px 0 2px 0;
}

#footer-list li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0 5px 0 0;
  vertical-align: middle;
}