/*Statesmanship Stylesheet*/
/*Code written by Colosseum, 2008-2010*/

/*Basic page style*/
body {
  font-family: Arial, Verdana, sans-serif;
  color: #000000;
  font-size: 10pt;
  background: #0A5C9A;
  margin: 0px 25px 0px 25px;
}

table {
  border-collapse: collapse;
}

h2 {
  background-color: #EEE;
  font-family: Georgia;
  color: #363636;
  font-size: 14pt;
  margin: 10px 0px 10px 0px;
  padding: 3px 10px 3px 10px;
  border-bottom: 1px solid #AEAEAE;
}  

h3 {
  background-color: #EEE;
  font-family: Georgia;  
  color: #363636;
  font-size: 12pt;
  margin: 10px 0px 10px 0px;
  padding: 3px 10px 3px 10px;
  border-bottom: 1px dashed #AEAEAE;
} 

h4 {
  background-color: #EEE;
  font-family: Georgia;
  color: #363636;
  font-size: 10pt;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
  padding: 2px;
  border-bottom: 1px dashed #AEAEAE;
}  

/*Blockquote styling*/

blockquote {
  padding: 10px;
  background: #EEE;
  border: 1px solid #AEAEAE;
  font-family: Georgia;
  font-size: 8pt;
  font-style: italic;
}   
  
/*Link styles*/
a {
  color: #0A5C9A;
  text-decoration: none;
}

a:hover {
  color: #2C8AD2;
  text-decoration: underline;
}

/*Remove borders for image links*/
a img {
  border: 0px;
}

/*Properties of the large box that holds the content of the entire page*/
#local {
	width: 100%;
	background-color: #F8F8F8;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#header {
	width: 100%;
	height: 100px;
}

#navigation {
  float: left;
  color: #CCC;
  width: 175px;
  padding: 0px;
  margin: 0px;
  border-right: 1px solid #AEAEAE;
  border-bottom: 1px solid #AEAEAE;
  background-color: #EEE;
}

#navbuttons {
  margin: 0px;
  padding: 0px;
}  

#navbuttons a:link, #navbuttons a:visited {
  display: block;
  font-family: Georgia;
  padding: 4px 7px 4px 7px;
  font-weight: bold;
  color: #363636;
}  

#navbuttons a:hover {
  background-color: #DDD;
  font-family: Georgia;
  color: #363636;
}

#content {
  padding: 10px;
  margin: 0px 0px 0px 175px;
  border-left: 1px solid #AEAEAE;
}  

#footer {
  clear: both;
  color: #AEAEAE;
  padding: 10px;
  background: #F8F8F8;
  border-top: 1px solid #AEAEAE;
}  
  
/*Generic box*/  
.box {
  padding: 10px;
  background-color: #EEE;
  color: #363636;
  border: 1px solid #AEAEAE;
}  

/*Blue information box*/  
.information {
  padding: 10px;
  background-color: #BDE5F8;
  color: #00529B;
  border: 1px solid #65AED0;
}  

/*Yellow warning box*/  
.warning {
  padding: 10px;
  background-color: #FEEFB3;
  color: #9F6000;
  border: 1px solid #D0BB68;
}  

/*Green success box*/  
.success {
  padding: 10px;
  background-color: #DFF2BF;
  color: #4F8A10;
  border: 1px solid #4A9041;
}  

/*Red error box*/  
.error {
  padding: 10px;
  background-color: #FFBABA;
  color: #D8000C;
  border: 1px solid #D16B6B;
}  

.dir {
  padding: 2px 2px 2px 20px;
  margin: 5px;
  background-color: #EEE;
  color: #363636;
  border: 1px solid #AEAEAE;
  font-weight: bold;
}  

/*1px dashed border for images*/
.imgborder1 {
  border: 1px dashed #AEAEAE;
}

/*Padded 1px border for images*/
.staffimage {
  padding: 1px;
  border: 1px solid #AEAEAE;
}

.links {
  padding: 10px;
  color: #363636;
  border-top: 1px solid #AEAEAE;
}  

hr {
  height: 1px;
  border: 0;
  color: #AEAEAE;
  background-color: #AEAEAE;
}

ul {
  list-style-type: square;
}  

/* Font sizing classes */

.small {
  font-size: 8pt;
}  
  
.medium {
  font-size: 12pt;
}