html {
background-color: #e6e5e5;
}

body, textarea {
font-family: Arial, Sans-Serif;
}

.ui-widget {
font-size: 1em !important;
}

#gradient {
background-image: url(images/gradient.png);
background-repeat: repeat-y;
}

#wrap {
background-color: #fff;
}

/* content */

#content p {
line-height: 1.6em;
margin-bottom: 1.2em;
font-size: 0.8em;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

#content h1 {
font-size: 1.1em;
padding-top: 5px;
font-weight: bold;
margin-bottom: 1.1em;
color: #0e4777;
}

#content h2 {
font-size: 1em;
padding-top: 5px;
font-weight: bold;
margin-bottom: 1.1em;
color: #0e4777;
}

#content h3 {
font-size: 0.9em;
padding-top: 5px;
font-weight: bold;
margin-bottom: 0.9em;
color: #0e4777;
}

#content ul,
#content ol {
margin: 0 0 1.2em 30px;
}

#content ul li {
list-style-type: disc;
margin-left: 1em;
font-size: 0.8em;
line-height: 1.6em;
}

#content ol li {
list-style-type: decimal;
margin-left: 1em;
font-size: 0.8em;
line-height: 1.7em;
}

#content table {
margin-bottom: 0.9em;
}

#content td, 
#content th {
font-size: 0.8em;
padding: 2px;
}

#content .small-print {
font-size: 0.7em;
color: #888;
line-height: 1.4em;
margin-bottom: 1.2em;
}

#content a {
color: #115791;
}

#content a:hover {
color: #092d4b;
}

/* NAVIGATION */

#navigation ul {
  margin-left: 0px;
}

#navigation li {
float: left;
margin-right: 2px;
background-color: #5798d1;
color: #fff;
font-size: 0.8em;
font-family: Verdana, arial;
text-align: center;
}

#navigation li ul {
display: none;
}

#navigation a {
display: block;
height: 35px;
line-height: 35px;
color: #fff;
text-decoration: none;
width: 119px;
}

#navigation a:hover {
background-color: #176cb6;
}

#navigation .current {
background-color: #115995;
height: 35px;
line-height: 35px; 
width: 119px;
}

/* HEADER */

#header {
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
}

/* FOOTER */

#footer {
background-color: #689bc8;
font-size: .7em;
color: #fff;
height: 14px;
text-align: center;
margin-bottom: 0px;
}

#footer .disclaimer,
#footer .copyright,
#cms-admin-link {	
padding-right: 20px;
}

#footer a {
color: #fff;
}

#footer a:hover {
color: #156DB7;
}

/* specific page styles */

.page-contact-us #content th {
  font-weight: bold;
  color: #888;
}

.page-contact-us #content th,
.page-contact-us #content td {
  vertical-align: top;
  padding: .5em 1em 0 0;
}

.page-contact-us #content form {
  width: 320px;
}

#content form {
  border: solid 1px #aaa;
  padding: 15px;
  background-color: #f7f7f5;
  margin-bottom: 1em;
}

#content .field {
  margin-bottom: 0.6em;
}

#content .field .hint {
  color: #888;
  font-size: 0.7em;
  margin-bottom: 0;
}

#content .field label {
  display: block;
  margin-bottom: .1em;
  font-size: 0.8em;
  font-weight: bold;
  color: #333;
  line-height: normal;
  vertical-align: middle;
}

#content .checkbox label {
  display: inline;
  font-weight: normal;
}

#content button {
  font-size: 0.8em;
  font-weight: bold;
  color: #444;
  padding: 3px;
}

#content .field input,
#content .field textarea {
  width: 300px;
  padding: 2px;
}

#content .checkbox input,
#content .radio input {
width: auto;
padding: 0;
vertical-align: middle;
margin-top: -4px;/* crazy hack for vertical alignment */
margin-right: 5px;
}

/* crazy hack for vertical alignment */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#content input[type=radio], 
	#content input[type=checkbox] { 
		margin-top: -4px; 
	}
}

#content .field textarea {
  overflow: auto;
}

#content label.error, 
#content p.error {
  color: Red;
  font-weight: normal;
}

input.error, textarea.error {
  background-color: #fcc;
}

.watermark {
  color: #888;
  font-style: italic;
}