/* CSS Document */

/******* body and default styles *******/

body {
    margin: 0;
    padding: 0;
    background: #315559;
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
    line-height: 1.166;	
    padding: 0px 0px 10px 0px;
}

h1{
  font: italic 22px Arial, sans-serif;
  color: #265d91;
  margin: 0px;
  padding: 0px;
  margin-top: 3px;
  margin-bottom: 2px;
}

h3{
 font: bold 15px Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #265d91;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


/******* page wrapper styles *******/

#pagewrapper {
  overflow: hidden;
  width: 800px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-align: left;
  margin-top: 10px;
}

#pagewrapper {
	display: inline-block;
}

/*\*/
#pagewrapper {
	display: block;
}

* > #footer {
	position: relative;
	z-index: 1000;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*** topheader - bee cave logo banner ***/
#topheader {
    position: relative;
	height: 84px;
	width: 800px;
	margin: 0 auto;
	background-image: url(images/banner2.gif);
}

#banner {
	position: relative;
	padding-top: 25px;
}

#banner .largebanner {
    text-align: center;
    color: #ffffff;
    font-size: 25px;
}

#banner .smallbanner {
    text-align: center;
    color: #ffffff;
    font-size: 12px;
}

/*** photobar - random photo banner ***/
#photobar {
    position: relative;
	height: 215px;
	width: 800px;
	background-color: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
}

/*** content - main content div ***/
#content {
    width: 800px;
	padding-left: 5px;
	padding-right: 5px;
	background: #ffffff url(images/background2.gif);
	overflow: hidden;
}

/************* navbar styles ****************/

#navbar {
    position: relative;
	width: 800px; 
	height: 35px; 
	background: url(images/menubg.gif) no-repeat;
	z-index: 1;
}

#pageheader {
    position: relative;
    background-color: #265d91;
	clear: both;
	height: 30px;
	width: 794px;
	left: -2px;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
}

#pageheader a {
	color: #ffffff;
}

#pagemenu {
	position: relative;
	right: 5px;
}

/************** footer styles ****************/

#footer{
	clear: both;
	font-size: 14px;
	color: #ffffff;
	margin-top: 0px;
	text-align: center;
	height: 36px;
	background-image: url(images/footerbg.gif);
}

#footer a{
	color: #ffffff;
}

#footermenu {
	position: relative;
	right: 7px;
	top: 3px;
}

.subfooter {
  color: #ffffff;
}

.subfooter a {
  color: #ffffff;
}

/************** split page styles ****************/

#pageleft {
	float: left;
	width: 780px;
	padding: 5px;
	padding-top: 5px;
}

#pageleft a {
	text-decoration: underline;
}

#pageleft a:hover {
	text-decoration: none;
}

#pageleft-admin {
	float: left;
	width: 770px;
	padding: 10px;
}

#pageright {
    width: 167px;
    position: relative;
    left: 13px;
	padding-top: 20px;
	overflow: hidden;
}
#map {
	float: left;
	width: 500px;
	height: 400px;
	border: 2px solid #ffffff;
}

#maplinks {
    width: 190px;
    position: relative;
	overflow: hidden;
	list-style-image:url(images/arrow.gif);
}

#alertbox {
    position: relative;
	padding: 10px 0px 0px 10px;
    width: 250px;
	margin: 0;
	left: 250px;
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #F5f7f7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#errorbox {
    position: relative;
	padding: 10px 0px 0px 10px;
    width: 550px;
	margin: 0 auto;
	padding: 10px;
	margin-bottom: 10px;
    border: 1px solid #848484;
    background-color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: red;
}

/********************* end **********************/

.poweredtext {
    font-size: 6px;
    color: #FFFFFF;
	float: left;
}

/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding-bottom: 10px;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

/************* utility styles *******************/

#utility {
    position: absolute;
	right: 7px;
	bottom: 5px;
	color: #ffffff;
	font-size: 12px;
	text-align: right;
}

#utility a {
    color: #ffffff;
}

#utility .underlined a:link {
	text-decoration: underline;
}

.imgnoborder {
  border-width: 0px;
}

.imgborder {
  border: 1px solid #ffffff;
}

.floatleft {
  float: left;
  margin: 0 5px 0px 0px;
  border: 1px solid #ffffff;
  padding: 0px;
}

.floatright {
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #ffffff;
  clear: right;
}

.btext {
  font-weight: bold;
}



.frontpage2             { COLOR: #45549A; FONT: BOLD ITALIC 14pt Arial, serif; text-align: left; }

.frontpage3             { COLOR: #45549A; FONT: BOLD ITALIC 13pt Arial, serif; text-align: left; }

.heading {
	font-size: 16px;
	font-weight: bold;
}


#keywords {
  margin-top: 10px;
  padding: 5px;
  border: 2px solid #ffffff;
  background-color: #eeeeee;
}



div.entrywrapper {
	width: 59em;
	margin: 0;
	margin-left: 1em;
	padding: 1em 0;
}
div.entrybody {
	margin: 0;
	padding: 0;
}


/* form */

.fixed {
  width: 80%;
  margin: 0 auto;
}

fieldset {
  position: relative;
  margin: 0 0 1em 0;
  clear: both;
  padding: 15px;
  padding-bottom: 0;
  border: 1px solid #848484;
  background-color: #efefef;
}
legend {  
  margin-left: 1em;  
  padding: 0;
  color: #000;
  font-weight: bold;
  position: absolute;
  top: -.6em;
  left: .2em;
}
fieldset ol {  
  padding: 5px 5px 0 5px;  
  list-style: none;
}
fieldset li {  
  float: left;  
  clear: left;  
  width: 100%;  
  padding-bottom: 15px; 
} 
fieldset.submit {
  float: none;  
  width: auto;  
  border-style: none;  
  padding-left: 12em;  
  background-color: transparent; 
}
label {  
  position: relative;  
  float: left;  
  width: 10em;  
  margin-right: 1em;
  text-align: right;
}
label strong {
  position: absolute;
  left: 27em;
  top: 0.2em;
  width: 19em;
  color: #C00;
  font-size: 85%;
  font-weight: normal;
  text-transform: uppercase;
}
label em {  
  display: block;  
  color: #060;  
  font-size: 85%;  
  font-style: normal;  
  text-transform: uppercase;
}

ul {
  margin-top: 0;
  list-style:none;
}

.list ul {
  list-style: outside;
  list-style-image: url(images/bullet.gif);
}

.list li {
  margin-bottom: 3px;
}

img.right {
  float: right;
}

#entryleft {
  float: left;
  width: 330px;
}

#entryright {
  float: right;
  width: 420px;
}

.ratestable {
  border: 1px solid #000000;
}

.greenbg {
  background: #8eaa9e;
}

.greybg {
  background: #cccccc;
}

.yellowbg {
  background: #ffff99;
}