@charset "UTF-8";
/* CSS Document */

@charset "utf-8";

img,div
{
/* behavior:url('/png.htc'); */
border:0;
}

html
{
padding:0;
margin:0;
}

.bg-default
{
	margin:0;
	padding:0;
	font:0.75em arial,sans-serif;
	background-image: url(images/alternate_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}

.bg-colour
{
margin:0;
padding:0;
font:0.75em arial,sans-serif;
background:url(/_img/_bg/1.gif) no-repeat top center;
}

p
{
	padding:0;
	margin:0;
	font-size:100%;
	line-height:160%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

h2
{
font-size:150%;
color:#21419A;
margin:14px 0 4px 0;
padding:0;
}

span.no-bold
{
font-weight:normal;
}

ul.err-list
{
float:left;
list-style-type:none;
text-align:left;
}

ul.err-list li
{
margin:0 0 4px 0;
padding:0 0 0 12px;
color:red;
background:url(/_img/_bg/bullet-red.gif) 0 4px no-repeat;
}

#wrap
{
width:879px;
margin:0 auto;
}

#container
{
width:851px;
margin:14px;
float:left;
}

#top
{
	float:left;
	margin:0;
	padding:0;
	width:851px;
	height:120px;
	overflow:hidden;
}

#logo
{
	float:left;
	width:300px;
	height:109px;
	overflow:hidden;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#spacer
{
	float:right;
	width:520px;
	height:20px;
	padding:0;
	overflow:hidden;
	margin-top: 65px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#nav1 ul
{
float:right;
padding:0;
margin:0 0 0 16px;
list-style-type:none;
}

#nav1 li
{
float:left;
display:inline;
padding:0 12px 0 8px;
margin:0;
background:url(/_img/_nav/nav-sep-1.gif) right 1px no-repeat;
}

#nav1 li a,#nav li a:visited
{
color:#FFF;
text-decoration:none;	
}

#nav1 li a:hover
{
color:#FFF;
text-decoration:none;
}

#nav1 li.f
{
float:left;
display:inline;
padding:0 14px 0 0;
margin:0;
background:url(/_img/_nav/nav-sep-1.gif) right 3px no-repeat;
}

#nav1 li.l
{
float:left;
display:inline;
padding:0 0 0 8px;
margin:0;
background:0;
}


#navbar{
	width:388px;
	display:block;
	height:30px;
	padding: 0px;
	float: right;
	margin-top: 0px;
}

#navbar ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navbar ul li
{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#navbar a {
	float : left;
	margin : 0;
	height : 0;
	height : 30px;
	overflow : hidden;
	width: 0px;
	 }
#home a {
	width : 60px;
	height : 30px;
	text-decoration : none;
	padding: 0px;
	background-image: url(images/home_up.jpg);
	background-repeat: no-repeat;
}

#home a:hover {
	width : 60px;
	height : 30px;
	text-decoration : none;
	padding: 0px;
	background-image: url(images/home_down.jpg);
	background-repeat: no-repeat;
}
#call a {
	width : 125px;
	height :30px;
	text-decoration : none;
	background-repeat: no-repeat;
	background-image: url(images/call_up.jpg);
	padding: 0px;
}
#call a:hover {
	width : 125px;
	height :30px;
	text-decoration : none;
	background-repeat: no-repeat;
	background-image: url(images/call_down.jpg);
}
#apply a {
	width : 48px;
	height :30px;
	text-decoration : none;
	background-repeat: no-repeat;
	background-image: url(images/apply_up.jpg);
	padding: 0px;
}
#apply a:hover {
	width : 48px;
	height :30px;
	text-decoration : none;
	background-repeat: no-repeat;
	background-image: url(images/apply_down.jpg);
}
#brochure a {
	width : 125px;
	height :30px;
	text-decoration : none;
	background-repeat: no-repeat;
	background-image: url(images/brochure_up.jpg);
	padding: 0px;
}
#brochure a:hover {
	width : 125px;
	height :30px;
	text-decoration : none;
	background-repeat: no-repeat;
	background-image: url(images/brochure_down.jpg);
}
#maps a {
	width : 60px;
	height : 30px;
	text-decoration : none;
	background-image: url(images/maps_up.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}

#maps a:hover {
	width : 60px;
	height : 30px;
	text-decoration : none;
	background-image: url(images/maps_down.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}

#contact a {
	width : 70px;
	height :30px;
	text-decoration : none;
	background-repeat: no-repeat;
	background-image: url(images/contact_up.jpg);
	padding: 0px;
}
#contact a:hover {
	width : 70px;
	height :30px;
	text-decoration : none;
	background-repeat: no-repeat;
	background-image: url(images/contact_down.jpg);
}



#nav2 ul
{
float:right;
padding:0;
margin:0 0 0 16px;
list-style-type:none;
}

#nav2 li
{
float:left;
display:inline;
padding:0 14px 0 8px;
margin:0;
background:url(/_img/_nav/nav-sep-2.gif) right 1px no-repeat;
}

#nav2 li a,#nav li a:visited
{
color:#FFF;
text-decoration:none;	
}

#nav2 li a:hover
{
color:#FFF;
text-decoration:none;
}

#nav2 li.f
{
float:left;
display:inline;
padding:0 14px 0 0;
margin:0;
background:url(/_img/_nav/nav-sep-2.gif) right 3px no-repeat;
}

#nav2 li.l
{
float:left;
display:inline;
padding:0 0 0 8px;
margin:0;
background:0;
}

#main-home
{
position:relative;
float:left;
margin:0;
width:851px;
height:358px;
overflow:hidden;
}

#main-gallery
{
	position:absolute;
	left:0px;
	top:0px;
	width:851px;
	height:358px;
	overflow:hidden;
	z-index:1;
}

#main-content
{
	float:right;
	width:350px;
	margin-top: 50px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

#main-content.gallery
{
	float:none;
	position:absolute;
	right:6px;
	z-index:2;
	top: -15px;
}

#main-content-img
{
	text-align:right;
	float:right;
	width:400px;
	display:block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	height: 155px;
	padding-top: 0;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 0;
}

#main-content-p
{
	text-align:right;
	width:255px;
	padding:0;
	margin:0;
	font-size:100%;
	color:#999999;
	line-height:160%;
	font-family:Arial, Helvetica, sans-serif;
}

#panels-home
{
	float:left;
	text-align:left;
	width:851px;
	height:260px;
	overflow:hidden;
	padding:0;
	border-bottom:1px solid #dbd8d7;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.panel
{
float:left;
width:206px;
height:260px;
overflow:hidden;
margin:0 12px 0 0;
padding:0;
border-right:1px solid #dbd8d7;
}

.panel-last
{
	float:left;
	width:194px;
	height:260px;
	overflow:hidden;
	margin:0;
	padding:0;
}

.panel-img
{
float:left;
width:194px;
margin:0 0 14px 0;
padding:0;
display:block;
}

.panel-title
{
float:left;
width:194px;
margin:0 0 8px 0;
padding:0;
display:block;
}

.panel-copy
{
	float:left;
	width:194px;
	margin:0 0 10px 0;
	color:#999999;
}

.panel a,a:visited
{
font-weight:bold;
text-decoration:none;
color:#786e69;
}

.panel-last a,a:visited
{
font-weight:bold;
text-decoration:none;
color:#786e69;
}
#footer
{
	float:left;
	width:851px;
	height:30px;
}


.clearboth { clear: both; }

th {
	letter-spacing: 2px;
	text-align: left;	
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	background: #fff;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


td.alt {
	color: #333333;
	background-color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

th.spec {
}

td.optalt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
#copy
{
float:left;
margin:0;
padding:0 16px 0 0;
width:526px;
}

#copy p
{
margin:10px 0 0 0;
padding:0;
color:#515050;
}

#copy ul
{
 padding:0;
 margin:10px 0;
 list-style-type:none;
}

#copy li
{
 padding:1px 0 0 18px;
 margin:4px 0 0 0;
 color:#515050;
 font-size:100%;
 line-height:150%;
 background:url('/_img/_bg/bullet.gif') 0 6px no-repeat;
}

.copy-title
{
float:left;
margin:16px 0 16px 0;
padding:0;
width:500px;
}

#right
{
float:left;
margin:0;
padding:5px 0 0 0;
width:310px;
}

#footer
{
float:left;
width:851px;
height:100px;
padding:0;
overflow:hidden;
margin:100px 0 50px 0;
}


#footer-copy
{
	float:left;
	width:851px;
	margin:0px;
	line-height:90%;
	font-size:95%;
}

/* Filter */

#main-filter
{
float:left;
margin:0 0 15px 0;
width:851px;
height:21px;
overflow:hidden;

}

#filter-left
{
float:left;
margin:0 14px 0 0;
width:505px;
height:21px;
overflow:hidden;
}

#filter-right
{
float:left;
width:332px;
height:21px;
overflow:hidden;
text-align:right;
}

#filter-right p
{
float:right;
}

#filter-right img
{
float:right;
margin:0 0 0 6px;
}

#filter-right select
{
float:right;
padding:0;
margin:0 0 0 6px;
border:1px solid #A4ADB4;
color:#816F6F;
font-size:100%;
height:21px;
}













#main-static
{
float:left;
margin:0;
width:851px;
height:307px;
overflow:hidden;
}

#panels-static
{
float:right;
text-align:left;
width:426px;
height:536px;
overflow:hidden;
margin:14px 0 28px 0;
padding:0;
}

.panels-right-container
{
float:left;
width:426px;
height:260px;
overflow:hidden;
margin:0 0 14px 0;
padding:0;
border-bottom:1px solid #dbd8d7;
}

.panel-right
{
float:left;
width:194px;
height:272px;
overflow:hidden;
margin:0 12px 0 0;
padding:0 0 0 12px;
border-left:1px solid #dbd8d7;
}

.panel-right a,a:visited
{
font-weight:bold;
text-decoration:none;
color:#786e69;
}

.panel-right-right
{
float:left;
width:194px;
height:272px;
overflow:hidden;
margin:0;
padding:0 0 0 12px;
border-left:1px solid #dbd8d7;
}

.panel-right-right a,a:visited
{
font-weight:bold;
text-decoration:none;
color:#786e69;
}

/* Static */

#static-copy
{
	float:left;
	width:820px;
	color:#786e69;
	margin-top: 28px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 14px;
}

#static-copy p
{
margin-bottom:15px;
}

#static-copy a
{
	color: #B3B35A;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#static-copy a:hover
{
	color: #F0F079;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
p span { display: block; clear: both; }
p .essay {
	margin-left: 3em;
	font-style: normal;
	margin-right: 3em;
	font-weight: bold;
} 
p .titling {
	text-align: left;
	color: #727b4d;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
} 




#leftnav p { margin: 0 0 1em 0; }

.thumbnail {
	float: right;
	border: 1px solid #333333;
	padding: 2px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}


.imgRight {
	float: right;
	padding: 5px;
	margin-left: 8px;
	background-color: #ffffff;
	border: 1px solid #666666;
	margin-bottom: 2px;
	margin-top: 8px;
}
.clearboth { clear: both; }