/* INIT
---------------------------------------------- */
body {margin: 0; text-align: center; background: #002060; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}

a:visited,
a:link, a:visited {color: blue; text-decoration: underline;}
a:hover {color: blue; text-decoration: none;}

img {border: 0;}

h1, h2, h3 {margin: 0; padding: 0; font-weight: normal;}
h1 {font-size: 24px; padding: 40px 0 20px 0;}
	h1:first-child {padding-top: 10px;}
h2 {font-size: 20px; padding-top: 20px; clear: both;}
h3 {font-weight: bold; color: #002060; margin: 0 0 10px;}

ul {list-style: square; margin-left: 16px;}
p {padding: 0 0 15px 0;}

.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}
.hr {border-top: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0;}
.topbutton {border-bottom: 1px dotted #3c6dc9; text-transform: uppercase; font-size: 12px; text-align: right; padding-top: 10px;;}
.disabled {color: #999;}

.image-right {float: right; margin: 20px 0 20px 30px;}
.image-left {float: left; margin: 10px 20px 10px 0;}

ul.ticklist {list-style: none; margin: 0; padding: 10px 0;}
ul.ticklist li {padding: 5px 0 5px 25px; background: url("images/icons/tick.png") left no-repeat;}

.body {line-height: 1.5em; word-spacing: 0.03em; letter-spacing: 0.03em;}

.ui-tabs .ui-tabs-hide {
     display: none;
}

/* LAYOUT
---------------------------------------------- */
/* True Center */
body, html {height: 100%;}
#vertcenter {border: 0px; padding: 0; height: 100%; width: 100%;}
	#vertcenter > tr > td {text-align: center; vertical-align: middle; padding: 0;}


#container {margin: 0px auto; width: 780px; text-align: left; border: 5px solid #5a5a5a; background: #fff;}

	#header {background: url("images/layout/header.gif") top no-repeat; height: 119px;}
		#header a {text-decoration: none; display: block; width: 100%; height: 100%;}
	#nav {height: 68px; padding: 0 10px; font-size: 10px;}
	#nav a:visited, #nav a:link {display: block; float: left; width: 20%; text-align: center; line-height: 68px; color: #000; text-decoration: none; text-transform: uppercase;}
	#nav a:hover {color: #002a7b;}
	
	#content {padding: 20px;}
		#content a:visited,
		#content a:link {color: #cb2424; font-weight: bold;}
	
#footer {text-align: center; color: #ccc; padding: 10px 0; font-size: 10px; text-transform: uppercase;}
	#footer a:visited, #footer a:link {color: #ccc;}
	
	
/* PAGE SPEC
---------------------------------------------- */
form label {float: left; display: block; width: 60px; line-height: 22px;}
form .input {border: 1px solid #000; padding: 3px; margin-bottom: 3px; width: 250px;}
form textarea {margin-left: 60px; font: inherit; height: 100px;}
form .button {margin-left: 60px; border: 1px solid #000; width: 258px}

.phone {padding-left: 20px; background: url("images/icons/phone.gif") top left no-repeat;}
.email {padding-left: 20px; background: url("images/icons/email.gif") top left no-repeat;}
.map {padding-left: 20px; background: url("images/icons/map.gif") top left no-repeat;}

.gallery {padding-top: 0 !important;}
.gallery a img {border: 1px solid #ccc; margin: 2px; padding: 1px;}
.gallery a:hover img {border-color: #222;}

.contact-col1 {float: left; width: 48%;}
.contact-col2 {float: right; width: 48%;}

.contact-col1 table {width: 100%;}
	.contact-col1 table td {padding: 2px; border-bottom: 1px dotted #ccc; width: 50%;}