/* ********************************* */
/* GLOBAL TOP BAR */
#bluebar{
  /* used on frontpage above heading_bar */
  height:4px;
  background-color:#D2E1EF;
}

#top{
  height: 68px;
  width: 100%;
  background-color: #8EB7D2;
  margin-bottom:0px;
  margin:0;
  top: 0px;
  left: 0px;
}
#right_image{
  position:absolute;
  right:0px;
  top:0px;
  width:97px;
  height:68px;
  z-index:0;
}
#logo{
  position: absolute;
  top:0px;
  left: 0px;
  float: left;
  height: 68px;
  width: 260px;
  margin:0px;
}
#top_nav{
  position: absolute;
  top:0px;
  left: 311px;
  margin-top:6px;
  z-index:500;
}
#top_nav_left{
  float:left;
  height: 29px;
  width: 260px;
}
#top_nav_right{
  float: right;
  height: 29px;
  padding-right: 93px;
}
#main_nav {
  position: absolute;
  top: 17px;
  left: 311px;
  margin-top:12px;
}
#sign_out {
  font-size:12px;
  color:#81ADCC;
  margin-right:10px;
  line-height:32px;
}
#sign_out a {
  color:#81ADCC;
}
#sign_in{
  font-size:12px;
  margin-right:10px;
  color:#81ADCC;
  line-height:32px;
}
.main_nav_item {
  height:24px;
  margin-right:18px;
  line-height:24px;
  float: left;

}
.main_nav_item a{
  color:white;
  font-size:19px;
  font-weight:bold;
  text-decoration:none;
}

.main_nav_item a:hover{
  background-color:#4C80AB;
}

.top_nav_item a{
  height:16px;
  line-height:16px;
  float: left;
  color:white;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  margin-right:14px;
}

.top_nav_item a:hover{
  background-color:#4C80AB;
}

/* ********************************* */
/* HIGH LEVEL STRUCTURE*/

#middle{
  margin-top:0px;
  height: 484px;
  width: 100%;
}
#heading_bar {
  border-bottom: 1px #D2E1EF solid;
  height: 32px;
  background-color: #F2F8FB;
  font-family: Helvetica, Arial, Nimbus Sans;
}
#heading_bar_left {
  float: left;  
  color: #608EBD;
  line-height: 32px;
  font-size: 16pt;
  margin-left:13px;
}
#heading_bar_right {
  float: right;
  font-size: 10pt;
  font-weight: bold;
  color: #ABC1D5;
  margin-right:0px;
  margin-top: 0px;
  line-height: 32px;
}

#sidebar{
  float:left;
  width: 200px;
  background-color: #E0E0E0;
  height: 600px;
}

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

#bottom{
  width: 100%;
}
#footer{
  position:relative;
  float:left;
  top:160px;
  left:0px;
  height:20px;
  text-align:center;
  width:100%;
}
#footer a{
  text-decoration:none;
}
#footer a:hover{
  color:white;
  background:#677481;
}
/* taken from flags page. */
#heading_bar {
  margin-right:0px;
}
#heading_bar span {
  height: 30px;
}
#heading_bar img {
  margin-bottom: -5px;
}

#flash_msg{
  font-size:16px;
  font-weight:bold;
  margin-left:12px;
  margin-top:10px;
}
/* ********************************* */
/* PAGE ELEMENTS */
body {
  margin: 0;
  padding: 0;
  background-color: white;
  color: #333;
  font-size: 11px;
}
body, p, ol, ul, td {
  font-family: Helvetica, Arial, Nimbus Sans, sans-serif;
  font-size:   13px;
}
img {
  border:0;
}
a{
  color:#677481;
}
.wide_input{
  margin-top:6px;
  width:283px;
  height:20px;
  padding-top:5px;
  font-size:15px;
  color:#677481;
}
.medium_input{
  float:left;
  margin:0px;
  width:203px;
  height:20px;
  padding-top:5px;
  font-size:15px;
  color:#677481;
}

/* ********************************* */
/* LOW LEVEL ELEMENTS */

br {
  clear: both;
}
h1, h2, h3, h4, h5, h6 {
  font-family: helvetica, arial, verdana, sans-serif;
  padding:0;
  margin:0;
}
h1 {
  font-size: 218%;
  line-height: 23px;
  margin-top: 10px;
  margin-bottom: 5px;
}
h2 {
  font-size: 164%;
}
h3 {
  font-size: 145%;
}
h4 {
  font-size: 118%;
}
.error {
  color: #ff6666;
  font-size:13px;
  font-weight:bold;
  margin:7px;
}
fieldset{
  border:0;
}

/* ******************************* */
/* COLORS and SIZES ************* */
.default_font{
  font-family: helvetica, arial, nimbus sans, verdana, sans-serif;
  font-weight:bold;
}
.no_bold{
  font-weight:normal;
}
.orange{
  color:#FFCC66;
}
.green{
  color: #99CC66;
}
.darkgreen{
  color:#455C34;
}
.lightgreen{
  color:#71A356;
}

.brightblue{
  color: #0099FF;
}
.lightblue{
  color: #66CCFF;
}
.bluegrey{
 color: #9BB1C7; 
}
.darkbluegrey{
  color: #385169;
}
.lightergrey{
  color:#bfbfbf;
}
.lightgrey{
  color: #AAAAAA;
}
.medgrey{
  color:#999999;
}
.blackgrey{
  color: #333333;
}
.darkgrey{
  color: #677481;
}
.darkergrey{
  color:#666666;
}
.red {
  color: #FF6666;
}
.brown{
  color: #8F806B;
}
.gigantic{
  font-size: 34px;
}
.huge{
  font-size: 28px;
}
.luge{
  font-size: 28px;
}
.large{
  font-size: 20px;
}
.medium{
  font-size: 16px;
}
.smedium{
  font-size: 14px;
}
.small{
  font-size:12px;
}
.tiny{
  font-size:11px;
}
.nobold{
  font-weight:normal;
}
.bluelink{
  text-decoration:underline;
  color:#0099FF;
  font-weight:bold;
}
.bluelink:hover{
  color:#66CCFF;
}

/* ******************************* */
/* GLOBAL FORM STYLES */

.default_input{
  width:230px;
  height:20px;
  font-size:15px;
  float:left;
  margin-left:20px;
  margin-top:20px;
  padding-top:5px
}

.default_label{
  float:left;
  text-align: right;
  width:180px;
  margin-top:23px;
}

.default_textarea{
  font-size:13px;
  float:left;
  margin-left:20px;
  margin-top:20px;
  padding-top:5px;
  font-family:helvetica, arial;
}

.input_narrow{
  float:left;
  clear:both;
  width:300px;
  height:20px;
  font-size:15px;
  color:#677481;
}

.label_narrow{
  float:left;
  text-align: left;
  width:300px;
  margin-top:2px;
  margin-bottom:2px;
}
.default_select{
  height:20px;
  font-size:15px;
  color:#677481;
  float:left;
  margin-left:20px;
  margin-top:20px;
}

.error_notification {
  clear:both;
  float:left;
  margin-left:200px;
  height:17px;
  width: 270px;
  margin-top:-5px;
  margin-bottom:4px;
}
/* ********************************* */
/* SIDEBAR ELEMENTS */
#sidebar h2 {
  font-size: 18px;
}

#sidebar li {
  list-style: none;
}

#sidebar ul{
  margin-left: 0px;
  padding-left: 25px;
}