﻿/*------------------------------------------------------------

*Project: Britomart

*Commence Date: 14/12/2009

*Author(s): Abdullah Norozi Iranzad

*Company: Cucumbersoftware.com
------------------------------------------------------------*/
html {
	width: 100%;
	height: 100%;
}
body, div, td, th, input, textarea
{
	color: #636363;
}
body, form {
	margin: 0;
	text-align: center;
}
body, 
form {
	font: 11px/164% Verdana, Geneva, sans-serif;
	color: #4C4C4C;
	background-color: #65A9AA;
}
/* NO SCRIPT */
.noScript
{
	width:100%;
	border-bottom:solid 1px #FFCC00;
    background-color:#FFFF99;
    color:#000;
    height:28px;
}
.noScript img
{
	float:left;
	margin-top:2px;
	margin-left:2px;
}
.noScript span
{
	display:block;
	padding-top:6px;
}
/* Content Styles */
h1
{
	font-size: 22px;
	line-height: 120%;
	color: #0A3343;
	text-transform: uppercase;
	margin-bottom: 13px;
	overflow:hidden;
}
h2
{
	font-size: 16px;
	line-height: 113%;
	color: #0A3343;
	text-transform: uppercase;
	margin-bottom: 8px;
}
h3
{
	font-size: 14px;
	font-style: italic;
	line-height: 129%;
	color: #0A3343;
	text-transform: uppercase;
	margin-bottom: 10px;
}
h4, h5, h6
{
	font-weight: bold;
}
p {
	font: 11px/164% Verdana, Geneva, sans-serif;
	color: #4C4C4C;
	padding-bottom: 20px;
}
.rightCopy p {
	font: 10px/160% Verdana, Geneva, sans-serif;
	padding-bottom: 20px;
}
.rightCopy a
{
	font-style:italic;
}
.main a
{
	color: #648188;
	text-decoration: none;
	display: inline-block;
}
.main a:hover
{
	text-decoration: underline;
}
.introText {
	font: italic bold 11px/164% Verdana, Geneva, sans-serif;
	color: #0A3343;
	letter-spacing: 0;
}
.singleLineParagraph
{
	padding-bottom:10px;
	display:inline-block;
}
.introText a {
	color: #769198;
}
.introText a:hover {
	color: #769198;
}
ul li {
	font: 11px/160% Verdana, Geneva, sans-serif;
	color: #4C4C4C;
	letter-spacing: 1px;
}
ul.imageGalleryContainer li 
{
	letter-spacing:0;
}
img.alignImageLeft {
	margin: 0 10px 10px 0;
	float: left;
}
img.alignImageRight {
	margin: 0 0 10px 10px;
	float: right;
}
#col2 ul, #col2 ol, #col2 dl, #col3 ul, #col3 ol, #col3 dl
{
	padding: 0 14px;
}
#col2 ul {
	padding-bottom: 10px;
}
#col2 ul li, #col3 ul li
{
	list-style:disc;
}
#col2 ol li, #col3 ol li
{
	list-style:decimal;
}
strong
{
	font-weight:bold;
}
em
{
	font-style:italic;
}
table.table1
{
	border-top:solid 1px #000;
	border-left:solid 1px #000;
}
table.table1 td
{
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
}
a {
	outline: none;
}
/* HANDY STUFF */
.clearFix
{
    line-height:0px;
    clear:both;
    height:0px;
    font-size:0px;
}
.padAbove
{
	padding-top:14px;
}
.padRight
{
	padding-right:14px;
}
.padBelow
{
	padding-bottom:14px;
}
.padLeft
{
	padding-left:14px;
}
/* MASTER LAYOUT */
.canvasWrapper 
{
	width:100%;
	margin:0 auto;	
}
.canvasWrapper {
	background: url(/web/design/img/bg-dropshadow-libertas.jpg) repeat-y center;
}
.canvas {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	position: relative;
	background:#fff;
}
.main
{	
	float:left; /* IE 6 NEEDS THIS */
}
.col1_cont, .col2_cont, .col3_cont
{
	float:left;
	overflow:hidden;
	padding:0 0 0 0;
	text-align:left;
}
.col1_cont
{
	width: 222px;
}
body.lib .col1_cont
{
	display:none;
}
.col2_cont
{
	width:570px;
	padding:0 25px 0 60px;
	border-right:1px solid #476772;	
}
.col3_cont
{
	width:300px;
}
/* TOP CONT */
.krd
{
	height:31px;
	line-height:31px;
	color:#999999;
	font-size:10px;
	overflow:hidden;
	display:block;
}
a.logoLink
{
	display:block;
	float:left;
	width:164px;
	height:85px;
	margin:21px 0 0 22px;
}
a.logoLink img {
}
a.logoLink {
	background-image: url('/web/design/img/logo-mountainLanding-libertas.jpg');
}
/* LEFT COL */
.col1
{
	padding: 10px 0 0 31px;
}
/* CENTER COL */
.col2
{
	padding: 0;
}
/* RIGHT COL */
.col3
{
	padding: 0 0 0 37px;
}
.col1_cont  {
	display:none;
}
/* MENU */
.menuAndLinks
{
	float:right;
	width:720px;
	height:22px;
	margin:84px 0 0 0;
}
.topMenu_cont
{
	width:500px;
	float:left;
}
ul.topMenu {
	font-family: Gill Sans, Arial, Helvetica, sans-serif;	
}
ul.topMenu li.topMenuItem {
	margin: 0;
	padding: 0 30px 0 0;
	float: left;
}
ul.topMenu li.topMenuItem a, 
ul.topMenu li.topMenuItem span 
{
	font-size: 11px;
	line-height: 100%;
	color: #231f20;
	text-decoration: none;
	text-transform: uppercase;
	text-align:left;
	white-space:nowrap;
	height: 17px;
	display:inline-block;
}
ul.topMenu li.topMenuItem a.active {
	font-weight: bold;
	color: #769198;
}
ul.topMenu li.topMenuItem a:hover {
	background: url(/web/design/img/top-menu-bg-active.gif) repeat-x bottom left;
	color: #769198;
	background: none;
}
.topRightLinks {
	font-family: Gill Sans, Arial, Helvetica, sans-serif;
	float:right;
}
.topRightLinks li.topMenuItem a ,
ul.topMenu li.topMenuItem a, 
ul.topMenu li.topMenuItem span 
{
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	line-height: 120%;
	color: #0A3343;
	letter-spacing: 1px;
}
.topRightLinks a.active {
	font-weight: bold;
	color: #769198;
}
.topRightLinks a:hover {
	background: url(/web/design/img/top-menu-bg-active.gif) repeat-x bottom left;
	color: #769198;
	background: none;
}
/* Sub menu */
.subMenu_cont {
	padding: 0;
}
.subMenu_cont li.subMenuItem {
	padding: 0;
	margin: 0;
}
.subMenu_cont li.subMenuItem a {
	font-family: Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	color: #6CADDF;
	text-decoration: none;
	display: block;
	width: 142px;
	padding: 0 20px 8px 0;
	background: url(/web/design/img/bg-leftNav-a.gif) no-repeat -8px -49px;
}
.subMenu_cont li.subMenuItem a span {
	text-transform: uppercase;
	padding-right: 3px;
	background: #FFF;
}
.subMenu_cont li.subMenuItem a.active {
	color: #231F20;
	background-position: -8px 2px;
}
.subMenu_cont li.subMenuItem a:hover {
	color: #4E84C4;
	background: url(/web/design/img/bg-leftNav-a.gif) no-repeat -8px -100px;
}
/* Image Gallery */
.imageGalleryContainerSurr {
	width:100%;
	height: 340px;
	position: relative;
	margin:11px 0 30px;
	text-align:center;
	overflow:hidden;
	float:left;
}
.imageGalleryContainer ul li,
.imageGalleryContainer img
{
	background:#fff;
}
.mac .imageGalleryContainerSurr 
{
	width:960px;	
}
.chrome .imageGalleryContainerSurr 
{
	width:960px;
}
.imageGalleryContainer {
	background: url(/web/design/img/ajax-loader.gif) no-repeat center 150px;
}
.imageGalleryContainer ul li span {
	display:none;
	text-align: left;
	display: block;
	height: 70px;
	width:960px;
	padding: 32px 0 0 30px;
	position: absolute;
	top: 260px;
	left: 0;
	color:#fff;	
	font-weight:bold;
}
.captionHover
{
	background:url(/web/design/img/caption-bg.png);
}
.imageGalleryContainer ul li span a,
.imageGalleryContainer ul li span a:hover
{
	color:#fff;
	text-decoration:none;
	display:block;
}
.imageGalleryContainer ul li span
{
	letter-spacing:normal;	
}
.imageGalleryContainerSurr span.prevBtn {	
	
	left:834px;
}
.imageGalleryContainerSurr span.prevBtn a {
	
	background: url(/web/design/img/prevNextButtons.png) no-repeat;
}
.imageGalleryContainerSurr span.prevBtn a:hover {
	background: url(/web/design/img/prevNextButtons.png) no-repeat 0 -31px;
}
.imageGalleryContainerSurr span.nextBtn {
	left:868px;
}
.imageGalleryContainerSurr span.nextBtn a {
	background: url(/web/design/img/prevNextButtons.png) no-repeat -35px 0;	
}
.imageGalleryContainerSurr span.nextBtn a:hover {
	background: url(/web/design/img/prevNextButtons.png) no-repeat -35px -31px;
}
.imageGalleryContainerSurr span.nextBtn,
.imageGalleryContainerSurr span.prevBtn
{
	position: absolute;
	display: block;
	width: 31px;
	height: 31px;	
	top:286px;
	float:left;
}
.imageGalleryContainerSurr span.nextBtn a,
.imageGalleryContainerSurr span.prevBtn a
{
	cursor:pointer;
	text-indent: -9999px;
	display: block;
	width: 31px;
	height: 31px;
	padding: 0;
}
.mainCopy ul li
{
	letter-spacing:normal;
	color:#4C4C4C;
	font:11px/160% Verdana,Geneva,sans-serif;
}
.errorWrapper
{
	border:1px solid #0A3343;
	width:80%;
	text-align:center;
	margin:30px auto;
	float:none;
}
.errorSuggestions
{
	width:70%;
}
.errorSuggestions ul
{
	margin-left:150px;
}
.errorSuggestions ul li
{
	text-align:left;
}
/* FOOTER */
a.footerLink
{
	color:#fff;
	text-decoration:none;
}
a.footerLink:hover
{
	text-decoration:underline;
}
.topPage {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 10px 10px;
}
.topPageWrapper
{
	background-repeat: no-repeat;
	background-position: center top;
	width:100%;
	background-image:url(/web/design/img/bg-bot-dropshadow-libertas.jpg);
}
.win.webkit .topPageWrapper
{
   margin-left:-1px;
}
.topPage a {
	color:#42ABEA;
	display:inline-block;
	padding-bottom:2px;
	text-decoration:none;
	font-family:Verdana,Geneva,sans-serif;
}
.topPage a {
	color:#58595b;
	font-size:11px;
	padding-left:20px;
	font-weight:normal;	
}
.topPage a:hover {
	text-decoration: underline;
}
.flashMapCont {
	display: none;
	width: 960px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
}
a.locationMapLink {
	display: none;
}

