/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/

@import url("base.css");
@import url("layout.css");
@import url("nav.css");


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
  font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
  color: #333333;
  }

h1 {
  color: #013E82; /* bivins dark blue */
  margin: 10px 0 16px 0;
  padding: 3px 0;
  font-size: 26px;
  }

h1.dotted {
border-bottom: 2px dotted #013E82;
  }

h2 {
  color: #2097D3; /* bivins sky blue */
  margin: 10px 0 6px 0;
  font-size: 18px;
  }
  
  
h3 {
  color: #013E82; /* bivins dark blue */
  margin: 10px 0 6px 0;
  font-size: 14px;
  }

p {
  margin: 5px 2px 6px 2px;
  font-size: 11px;
  line-height: 135%;
  }

a:link, a:visited {
  color: #2097D3; /* bivins sky blue */
  }

a:hover {
  color: #B9283F; /* bivins raspberry */
  }


/* HEADER CONTENT
----------------------------------------------------------------*/


/* SIDEBAR CONTENT
----------------------------------------------------------------*/


/* FORMS
----------------------------------------------------------------*/
fieldset {
  border: 1px solid #AAA;
  }

fieldset p {
  margin: 4px 0;
  }

legend {
  color: #999;
  font-weight: bold;
  font-size: 18px;
  }

label {
  float: left;
  width: 160px;
  text-align: right;
  font-size: medium;
  margin-right: 14px;
  }

input.text {
  width: 290px;
  } 

input.textShort {
  width: 80px;
  }


/* TABLES
----------------------------------------------------------------*/

table {
  clear: both;
  text-align: left;
  }


table.price {
  clear: both;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  margin-bottom: 20px;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
  }
  

.price th {
background: #013E82; /* bivins dark blue */
color: #fff;
font-weight: bold;
padding: 5px;
text-align: center;
} 

.price td {
text-align: center;
color: #013E82; /* bivins dark blue */
padding: 5px 8px;
background: #cfecf5; /* pale blue */
}

.price tr{
border-bottom: 2px solid #fff; 
} 
  
table.contact td{
  padding: 5px;
  border: 0px;
  text-align: left;
  }  

table.contact td.label{
  text-align: right;
  background:#2097D3; /* bivins sky blue */
  color: white;
  } 

/* FOOTER CONTENT
----------------------------------------------------------------*/
#footer p {
  text-align: left;
  color: #FFF; 
  font-size: 10px;
  padding: 10px 20px;
  }
  
  #footer h1 {
  text-align: left;
  color: #FFF; 
  font-size: 30px;
  padding: 0px 20px;
  margin: 0px;
  }

#footer p.blue {
  color: #2097D3; /* bivins sky blue */
  padding: 0 20px;
  }

/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
p.error {
  color: red;
  }
  
  ul.more {
  list-style-image: url("../images/arrow.gif");
	display: block;
	margin: 0px;
	padding-right: 5px;
	float: right;
  }
  
   ul.more li{
	float: right;
  }
  
    ul.standard {
  list-style-image: url("../images/arrow.gif");
	display: block;
	margin: 0px;
	padding-right: 5px;
  }
  
   ul.standard li{
	font-size: 11px;
	font-style: normal;
	line-height: 140%;
  }
  
  ul.more a{
  font-style: italic;
  font-size: 10px;
  text-decoration: none;
  background: none;
  color: #2097D3; /* bivins sky blue */
  }
  
  ul.more a:hover{
  color: #013E82; /* bivins dark blue */
  }
  
 /* ROUNDED BOXES
----------------------------------------------------------------*/ 
  
.bluecont {
  padding: 0px;
  text-align: left;
  background: #2097D3; /* bivins sky blue */
  margin: 10px;
  color: #FFF;
  }
.bluecont h2{
  color: #FFF;
  margin: 0px;
  }  
  .cont {
  padding: 0 16px;
  }
  
.bluetop { 
background: url("/css/images/corners/blue/tr.gif") no-repeat top right; 
}
.bluebottom {
background: url("/css/images/corners/blue/br.gif") no-repeat top right;
}

.darkbluetop { 
background: url("/css/images/corners/darkblue/tr.gif") no-repeat top right; 
}
.darkbluebottom {
background: url("/css/images/corners/darkblue/br.gif") no-repeat top right;
}

img.corner {
width: 10px;
height: 10px;
border: none;
display: block;
} 

.lilac {
background: #8194CD;
text-align: center;
color: #FFF;
font-size: 11px;
padding: 5px 3px;
}

.pink {
background: #D6689D;
text-align: center;
color: #FFF;
font-size: 11px;
padding: 5px 3px;
}

.jade {
background: #8ACADE;
text-align: center;
color: #FFF;
font-size: 11px;
padding: 5px 3px;
}

.banner {
  padding: 3px 0px;
  text-align: left;
  margin: 0px 10px;
  border-top: 1px dotted #2097D3; /* bivins sky blue */
  }
  
  .space {
  margin-top: 20px;
  }
  
.rightimage {
margin: 20px;
border: none;
display: block;
float: right;
background: #CCC;
padding: 1px 2px 2px 1px;
}

.rightimage-noborder {
margin: 20px;
border: none;
display: block;
float: right;
}

.rightimage img{
border: 5px solid #FFF;

}

.caption {
border: none;
display: block;
background: #FFF;
padding: 5px;
color: #2097D3; /* bivins sky blue */
font-size: 11px;
}