﻿/* Global Resetting */
body {
	width: 100%;
	height: 100%;
	text-align: left;
    overflow:auto;
}
* {
	padding: 0;
	margin: 0;
	font-family: ,Arial,Helvetica,sans-serif;
	list-style: none;
}

a img{
	border:0;
}

.clear {
	clear:both;
}

ul {
margin-bottom: 10px;
}

.container1 {
width: 850px;
padding: 25px auto;
text-align: left;
position: relative;

}

.container2 {
width: 850px;
padding: 15px auto;
text-align: left;
position: relative;

}

.bodytext {
margin-top: 20px;
}

#header {
background: url(/v4/images/bg_header_4.png) 10% 0% repeat-x;
border-top: 1px solid #fff;
height: 180px;
margin-bottom: 00px;

}

#main_nav {
padding: 0px 0px 0px 0px;
float: right;
width: auto;
height: 35px;
text-transform:uppercase;

}

#main_nav ul li {
display: inline;
float: left;
width: 120px;
margin: 0px 0px 0px 0px;
background: none;
padding: 0px;
}

#main_nav ul li a.link, #main_nav ul li a.section {
display: block;
width: 120px;
height: 15px;
color: #333;
text-align: center;
line-height: 25px;
font-size: 80%;
font-weight: bold; 
padding: 0px 0px 0px 0px;
/*background: url(/images/other_tab.png) 0% 100% no-repeat; */
text-decoration: none;

}

#main_nav ul li a.section {
/*background: url(/images/current_tab.png) 0px 0px no-repeat;*/
color: #333;
line-height: 25px;
height: 15px;
padding-top: 0px;
font-weight: bold;

}

#main_nav ul li a:hover {
/*background: url(/images/hover_tab.png) 0px 0px no-repeat;*/
color: #e8e8e8;
line-height: 25px;
height: 15px;
display: block;
width: 120px;
padding-top: 0px;
text-decoration: underline;
}


#sub_nav {
margin: 0px auto 10px auto;
height: 40px;
padding: 0px 0px 0px 50px;
line-height: 40px;
background: #586262;
}

#sub_nav ul li {
float: left;
width: auto;
margin: 0px 5px;
background: none;
padding: 0px;
background: none;
}


/* Body headers */
.body_header {
text-align: left;
padding-top:0;
}

.body_header_long img.nopadding {
margin: 0px -15px 20px -15px;
}

#main {
width: 490px;
float: left;
margin-top: 0px;
}


#leftcolumn, .leftcolumn, #leftcolumn1 {
float: left;
width: 405px;
margin-left: 5px;
}


#leftcolumn2 {
float: left;
width: 552px;
}

#leftcolumnblog, #leftcolumntour {
float: left;
width: 630px;
}


#leftcolumn3 {
float: left;
width: 590px;
}

#rightcolumn, .rightcolumn {
float: right;
width: 405px;
}

#rightcolumn1 {
float: right;
width: 269px;
}

#rightcolumn2 {
float: right;
width: 263px;
}

#rightcolumnblog, #rightcolumntour {
float: right;
width: 220px;
}

.quotes {
margin: 0px 0px 10px 20px;
border-bottom: 1px dashed #ccc;
padding-bottom: 20px;
}

#homepagecontent {
margin-top: 10px;
}


.privacy {
background: url("/images/security_bg.png") 0px 0px no-repeat;
padding: 25px;
width: 355px;
margin-bottom: 20px;
}

#commentbox {
background: #F5F5F5;
border-top: 5px solid #efefef;
border-bottom: 5px solid #efefef;
margin: 25px 0px;
padding: 5px;
font-size: 90%;
}

#PageComments_holder h4 {
color: #999;
font-weight: normal;
font-size: 140%;
line-height: 140%;
margin-bottom: 5px;
}

fieldset {
border: 0px;
}
.left {
float: left;
width: auto;
margin: 5px;
}
label.left {

float: none;
font-weight: bold;
margin: 0px;
}

#Comment textarea, #Name input.text {
width: 440px;
}
input.text, textarea {
margin: 3px;
padding: 2px;
}

input.action {

}

img.right {
border: 3px solid #ccc;
margin: 3px;
}

.right {
float: right;
width: auto;
}

.left_column {
}

.right_column {
padding: 10px;
float: right;
width: 40%;
background: #FFF1F1;
font-size: 95%;
margin: 0px 0px 10px 20px;
}

.left_column_narrow {
padding-right: 10px;
float: left;
width: 40%;
border-right: 1px solid #ccc;
}

.right_column_narrow {
padding-left: 10px;
float: right;
width: 52%;
}

.blog-entry, .single {
margin-bottom: 20px;
padding-bottom: 20px;
}

.blog-entry {
margin: 0px 5px;
}

.blogimages img {
background: #fff;
padding: 7px;
border: 1px solid #ccc;
}

img.center {
display: block;
width: auto;
margin: 0px auto;
}

.single {
border-bottom: 0px;
}


.blog-entry h3 {
font-size: 140%;
margin: 5px 0px;
color: #666;
}

.blog-date {
background: #3E494A;
padding: 8px 5px 4px 5px;
width: 92px;
height: 40px;
margin: 5px 15px 0px 0px;
float: left;
text-align: center;
color: #fff;
font-size: 18px;
}

.blog-date .dayofweek {
font-size: 18px;
color: #fff;
}

.blog-date .weekandmonth {
font-size: 31px;
color: #fff;
line-height: 31px;
}

.blog-content {

}

.recentlyspotted {
text-align: center;
border: 1px solid #ccc;
padding: 3px;
}

ul#PageComments li.odd, ul#PageComments li.even {
padding: 10px;
background: #efefef none;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
color: #333;
}
ul#PageComments li.even {
border: 0px;
background: none;
}
ul#PageComments .info {
font-size: 110%;
color: #999;
}

.signupform {
border: 10px solid #FFFFD9;
background: #FFFFEC;
padding: 5px 20px;
margin-bottom: 15px;
}



.signupform div.button {
width: 26px;
float: right;
margin: 147px 0px 0px 0px;
}

.subscribe_button {
background: url("/images/button.png") 0px 0px no-repeat;
border: 0px;
width: 26px;
height: 26px;
}

.signupform label {
font: 12px arial;
}

.leftform {
float: left;
width: 160px;
}

.profile {
float: left;
width:  272px;
padding: 15px 0px 0px 0px;
text-align: center;
margin: 0px 15px 10px 0px;
}


.profile_header .teamphoto {
float: left;
width: 214px;

}
.profile h3 {
color: #333;
font-size: 120%;
font-weight: bold;
font-family: arial;
}

ul li {
background: url("/images/bullet.png") 0px 6px no-repeat;
list-style: none;
padding-left: 12px;
margin-bottom: 10px;
}


.background {
background: #ECECEC;
padding: 10px;
}

#footer {

font-size: 75%;
text-align: left;
background: url(/v4/images/bg_footer_4.png) 0% 0% repeat-x;
padding: 7px 0px;
margin: 25px 0px 0px 0px;
color: #333;
}

#footer .container1 {
background: none;
position: relative;
}

#footer #footer_nav ul {
float: right;
width: auto;
margin: 0px -25px 0px 0px;
}

#footer #footer_nav ul li {
float: left;
width: auto;
margin: 0px;
background: none;
padding: 0px 0px 0px 20px;
}

#footer_nav ul li a.link, #footer_nav ul li a.section, #footer a {
color: #fff;
font-size: 9px;
}

#footer_nav ul li a.section {
font-weight: normal;
text-decoration: none;
background: none;
}

/** Form messages **/
.message {
margin: 1em 0;
padding: 5px;
border: 1px black solid;
display: block;
font-size: 95%;
width: 200px;
}


.sub_nav_list li {
background: none;
padding-left: 0px;
}

/* comments */
#commentbox {
background: #F3FEE7;
border: 5px solid #E1FDC4;
margin: 25px 0px;
padding: 10px;
}

fieldset {
border: 0px;
}

.casestudy {
background: #FFFBF7;
border: 1px solid #FDE7B7;
padding: 15px;
margin-bottom: 15px;
}


.casestudy .photo {
float: right;
width: 88px;
margin: 0px 0px 0px 10px;
padding: 5px;
text-align: center;
height: 88px;
background: url("/images/image_bg.png") 0px 0px no-repeat;
}

.casestudy .photo img {
width: 65px;
margin: 0px;
padding: 0px 15px 0px 0px;
}


label {
font-weight: bold;

float: left;
margin-top: 5px;
color: #666;
}

/* notification of events */
.notice {
  border-bottom: solid #3F97B0 2px;
  border-top: solid #3F97B0 2px;
  background: #D5E8F9;
  padding: 7px;
  margin-bottom: 10px;
    }


