﻿/* -------------------------------------------------- COLORS */
/* Dk Blue        [Hex: #003399] [RGB: 0 51 153]




/* -------------------------------------------------- PAGE STANDARD */
* {
  margin: 0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

blockquote { padding: 10px 20px 10px 20px; }

body {
  background-color: #003399;
  background-image: url('images/pgbg.png');
  background-position: left 50px;
  background-repeat: repeat-x;
}

h6 { margin: 0 0 10px 0; }

h5 { margin: 0 0 10px 0; }

h4 { margin: 0 0 10px 0; }

h3 { margin: 0 0 10px 0; }

h2 { margin: 0 0 10px 0; }

h1 { margin: 0 0 10px 0; }

hr { border: 1px #000000 solid; margin: 10px 0 10px 0; }

img { border: 0; }

li { padding-bottom: 5px; }

ul { padding: 10px 25px 10px 25px; }

ol { padding: 10px 25px 10px 25px; }

p {
  padding-bottom: 10px;
}




/* -------------------------------------------------- ANCHORS */
#container {
  height: 200px;
  background-image: url('images/containerbg.png');
  background-position: left 50px;
  background-repeat: no-repeat;
}

#contactbutton {
  float: left;
  width: 75px;
  margin: 105px 0 0 5px;
  text-align: left;
}

#contactform {
  border: 1px #003399 dashed;
  padding: 5px;
  margin-top: 5px;
  height: 240px;
}

#content {
  width: 400px;
  height: 550px;
  float: right;
  margin: 0 10px 0 0;
  background-color: #fff;
  background-image: url('images/contentbg.png');
  background-position: center center;
  background-repeat: no-repeat;
}

#facebook {
  width: 50px;
  height: 50px;
  left: 25px;
  top: 175px;
  position: fixed;
}

#followme {
  width: 200px;
  height: 25px;
  left: 25px;
  top: 162px;
  position: fixed;
  font-weight: bold;
  color: #fff;
  visibility: hidden;
}

#mypic {
  float: right;
  margin-left: 5px;
  border: 2px #003399 solid;
}

#phone {
  float: right;
  font-weight: bold;
  font-size: 14px;
}

#textbox {
  width: 355px;
  height: 460px;
  margin: 20px 20px 20px 20px;
  color: #000;
}

#tweetme {
  width: 200px;
  height: 25px;
  left: 75px;
  top: 162px;
  position: fixed;
  font-weight: bold;
  color: #fff;
  visibility: hidden;
}

#twitter {
  width: 50px;
  height: 50px;
  left: 75px;
  top: 175px;
  position: fixed;
}



/* -------------------------------------------------- CLASSES */
.bigBold {
  font-weight: bold;
  font-size: 14px;
}

.boldRed {
  font-weight: bold;
  color: #ff0000;
}

.button_1 {
  background-color: #fff;
  color: #003399;
  font-weight: bold;
  cursor: pointer;
  border: 1px #003399 solid;
  height: 22px;
}

.button_1over {
  background-color: #fff;
  color: #ff0000;
  font-weight: bold;
  cursor: pointer;
  border: 1px #003399 solid;
  height: 22px;
}

.contactcell {
  text-align: right;
  padding-top: 2px;
}

.field_1 {
  width: 200px;
  border: 1px #003399 solid;
  padding: 2px;
}

.field_1focus {
  width: 200px;
  border: 1px #ff0000 solid;
  padding: 2px;
}

.field_2 {
  width: 200px;
  height: 100px;
  border: 1px #003399 solid;
  padding: 2px;
}

.field_2focus {
  width: 200px;
  height: 100px;
  border: 1px #ff0000 solid;
  padding: 2px;
}




/* -------------------------------------------------- LINK EFFECTS */
a:link {text-decoration: none; color: #003399;}
a:visited {text-decoration: none; color: #003399;}
a:hover {text-decoration: underline; color: #c0c0c0;}
a:active {text-decoration: none; color: #003399;}

