@charset "UTF-8";

/*Note:This CSS file may not always be valid according to the W3C standards.
It may contain proprietary/nonstandard or yet unsupported code.
This code is used to fix certain user agent rendering bugs, or to enhance the website/application in the case of more advanced user agents.*/

/*
@website:
@author:andrei stefan
@copyright:andrei.stefan@spotonearth 2008 

1.   general rules
1.1. global reset
1.2. typography
1.3. forms
1.4. tables
1.5. alignment classes
1.6. floats
1.7. misc

2.   layout
2.1. container
2.2. header
2.3. content
2.4. footer
*/

/*************************************
1. General rules
**************************************/

/*---------1.1. global reset-------------*/
*{ 
    margin:0px;
    outline:0; 
    font-size:100%; 
    text-decoration:none;
		text-indent:0px;
		font-style:normal;
		font-family:inherit;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, ul, ol, li, dl, dt, dd, fieldset, form, label, legend, input, select, option, optgroup{
	padding:0px;
}

html{
	width:100%;
	height:100%;
	background:#000519 url(../images/background.jpg) top left repeat-x;
}

body {
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	background:url(../images/body.jpg) top center no-repeat;
}

*:focus::-moz-focus-inner {
    border-color: transparent ! important;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

pre {
	white-space: pre; /* CSS2 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  word-wrap: break-word; /* IE */
	width:100%; /*IE*/
	overflow:auto;
}

pre code{
	display:block;
}

fieldset,
img{
	border:none;
}

ul,
ol{
	padding-left:2em;
	list-style-position:outside;
}

#header ul,
#header ol,
#footer ul,
#footer ol,
#sideContent ul,
#sideContent ol{
	padding:0px;
	list-style:none;
}
/*end*/

/*-------1.2. typography----*/

/*headings and paragraphs*/
h1{}

h2{}

#mainContent h2{
	font-size:1.8em;
	font-weight:lighter;
	color:#1886b9;
	border-bottom:1px solid #a6cce8;
	padding:0px 10px 10px 10px;
	margin:0px 0px 10px 0px;
}

h2 a{
	text-decoration:none;
}

h3{}

.box3 h3{
	font-size:1.8em;
	font-weight:lighter;
	color:#ededed;
	padding:5px 10px 15px 10px;
	margin:0px 0px 15px 0px;
	background:url(../images/border1.gif) bottom left repeat-x;
}

h4{}

.box3 h4{
	color:#fff;
	font-size:115%;
	font-weight:normal;
}

.box3 h4 a{
	text-decoration:none;
}

.box3 h4 a:hover,
.box3 h4 a:focus,
.box3 h4 a:active{
	text-decoration:underline;
}

h5{}

h6{}

p{
	margin-bottom:15px;
	line-height:2em;
	text-align:justify;
}

blockquote{
	font-size:1.2em;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	margin:10px 0px;
}

blockquote p{}

/*links*/
a{
	cursor:pointer;
	color:#0f72ac;
	text-decoration:underline;
}

a:link,
a:visited{}

a:hover, 
a:focus,
a:active{
	text-decoration:none;
}

/*phrase elements*/
strong, b{
	font-weight:bold;
}

em, i{
	font-style:oblique;
}

del, s, strike{
	text-decoration:line-through;
}

ins, u{
	text-decoration:underline;
}

abbr,
acronym{
	speak:spell-out; 
}

abbr[title],
acronym[title],
dfn[title]{
	border-bottom:1px dashed #000;
	cursor:help;
	font-variant:normal;
}

sup{
	vertical-align:text-top;
}

sub{
	vertical-align:text-bottom;
}

dfn{}

cite{}

kbd{
	padding: 0px 2px;
	background:#F7F7F7;
	border-style:solid;
	border-color:#eee;
	border-width: 1px 2px 2px 1px;
}

var{}

code{}

samp{}
/*end*/

/*------------1.3. forms-----------------*/
form{}

form ol,
form ul{
	padding:0px;
	list-style:none;
}

form li{
	margin-bottom:3px;
}

form dl dt{
	float:left;
	clear:left;
	width:50%;
}

form dl dd{
	float:right;
	clear:right;
	width:50%;
}

label{}

label.error{
	color:#ff0000;
}

label.valid{
	color:#00ff00;
}

form li label{
	display:block;
}

form label.desc{
	cursor:default;
}

legend{}

input.textInput{
	border:1px solid #bed9ed;
	background:#EFF6FA url(../images/formField.gif) top left repeat-x;
}

input.textInput:focus,
input.textInput:active{
	border:1px solid #1886B9;
}

input.passwordInput{}

input.fileInput{}

input.hiddenInput{}

input.radioInput{}

input.checkbox{}

input.imageInput{}

input[type="submit"],
input[type="reset"],
input[type="button"]
{
	cursor:pointer;
}

button,
.submitBtn,
.resetBtn { 
  width:auto;
	overflow:visible;
  text-align:center; 
	cursor:pointer;
}

button span { 
  display:block; 
  white-space:nowrap; 
}

.submitBtn{}

.resetBtn{}

.submitBtn:hover,
.submitBtn:focus,
.submitBtn:active,
.resetBtn:hover,
.resetBtn:focus,
.resetBtn:active,
button:hover,
button:focus,
button:active{}

select{}

select:focus,
select:active{}

option{}

optgroup{}

textarea{
	border:1px solid #bed9ed;
	background:#e9f3f9 url(../images/textarea.gif) top left repeat-x;
}

textarea:focus,
textarea:active{
	border:1px solid #1886B9;
}
/*end*/

/*--------------1.4. tables-------------*/
table {
  border:none;
	border-collapse:collapse; 
	border-spacing:0;  /*when set to "0" cellspacing has no effect on tables */
}

tr{}

td{}

th{}

caption{
	text-align:center;
	font-weight:bold;
}
/*end*/

/*-------1.5. alignment classes-------*/
.left{
	text-align:left;
}

img.left{
	float:left;
	clear:left;
}

.center{
	text-align:center;
}

img.center{
	margin:0 auto;
	display:block;
}

.right{
	text-align:right;
}

img.right{
	float:right;
	clear:right;
}
/*end*/

/*-------------1.6. floats-------------*/
.floatLeft{
	float:left;
	clear:left;
}

.floatRight{
	float:right;
	clear:right;
}
/*end*/

/*------1.6.1. clearing floats---------*/
.clearfix:after,
form li:after,
form dl:after,
form dt:after, 
form dd:after,
ul:after,
ol:after,
dl:after,
#content:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*end*/

/*-------1.7. misc------*/
.accessAid{
	position:absolute !important;
	top:-9999em !important;
	left:-9999em !important;
	width:0px !important;
	height:0px !important;
	overflow:hidden !important;
	font-size:0px !important;
	margin:0px !important;
	padding:0px !important;
	background:none !important;
}

.noJSWarning{
	text-align:center;
	color:#FF0000;
}

.pad1{}

.pad2{}

.highlight1{}

.highlight2{}

.tl1{
	background:url(../images/tl1.jpg) top left no-repeat;
}

.tr1{
	background:url(../images/tr1.jpg) top right no-repeat;
}

.bl1{
	background:url(../images/bl1.jpg) bottom left no-repeat;
}

.br1{
	padding:10px;
	background:url(../images/br1.jpg) bottom right no-repeat;
}

.t2{
	background:#fff url(../images/t2.jpg) top left repeat-x;
}

.b2{
	background:url(../images/b2.jpg) bottom left repeat-x;
}

.l2{
	background:url(../images/l2.jpg) top left repeat-y;
}

.r2{
	background:url(../images/r2.jpg) top right repeat-y;
}

.tl2{
	background:url(../images/tl2.jpg) top left no-repeat;
}

.tr2{
	background:url(../images/tr2.jpg) top right no-repeat;
}

.bl2{
	background:url(../images/bl2.jpg) bottom left no-repeat;
}

.br2{
	padding:10px;
	background:url(../images/br2.jpg) bottom right no-repeat;
}

.box3{
	background:#282828 url(../images/box3.jpg) top left repeat-x;
	color:#989898;
}

.t3{
	background:url(../images/t3.jpg) top left repeat-x;
}

.b3{
	background:url(../images/b3.jpg) bottom left repeat-x;
}

.l3{
	background:url(../images/l3.jpg) top left repeat-y;
}

.r3{
	background:url(../images/r3.jpg) top right repeat-y;
}

.tl3{
	background:url(../images/tl3.jpg) top left no-repeat;
}

.tr3{
	background:url(../images/tr3.jpg) top right no-repeat;
}

.bl3{
	background:url(../images/bl3.jpg) bottom left no-repeat;
}

.br3{
	background:url(../images/br3.jpg) bottom right no-repeat;
	padding:10px;
	min-height:190px;
}
/*end*/

/************************************
2. Layout
*************************************/

/*------------2.1. container------------*/
#container{
	width:910px;
	margin:0 auto;
	padding:15px 0px 0px 0px;
	position:relative;
	font-size:1.1em;
	color:#444;
}

#wrapper{
	background:#e7f2f8;
}
/*end*/

/*------------2.2. header---------------*/
#header{
	position:relative;
}

a#logo{
	display:block;
	width:380px;
	height:57px;
	/*width:146px;*/
	/*height:100px;*/
	text-indent:-9999em;
	overflow:hidden;
	position:relative;
	margin-left:-5px;
	/*background:url(../images/logo.jpg) top left no-repeat;*/
    background:url(../images/putnam-sf-service-center-logo.jpg) top left no-repeat;
    /*background:url(../images/logo.jpg) top left no-repeat;*/
    /*left: 110px;*/
}

#bannerArea{
	clear:both;
	position:relative;
	height:260px;
	padding:5px 4px;
	background:url(../images/bannerBg.jpg) top center no-repeat;
}

#bannerOverlay{
	position:absolute;
	bottom:4px;
	right:15px;
	z-index:20;
	width:284px;
	height:131px;
	background:url(../images/bannerOverlay.png) center center no-repeat;
}



/* @ group main navigation */
#mainNav{
	position:relative;
	z-index:10;
	float:right;
	width:530px;
	height:30px;
	margin:0px 0px -5px 0px;
	background:url(../images/mainNav.jpg) top left no-repeat;
}

#mainNav li{
	float:left;
	position:absolute;
	top:0px;
	width:117px;
	height:30px;
}

#mainNav li:hover{
	z-index:20;
}

#mainNav a{
	display:block;
	width:100%;
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
}

#mainNav li.selected a{
	cursor:default;
}

#homeLi{
	left:0px;
}

#homeLi.selected a{
	background:url(../images/mainNav.jpg) 0px -30px no-repeat;
}

#aboutLi{
	left:103px;
}

#aboutLi.selected a{
	background:url(../images/mainNav.jpg) -103px -60px no-repeat;
}

#scheduleLi{
	left:207px;
}

#scheduleLi.selected a{
	background:url(../images/mainNav.jpg) -207px -90px no-repeat;
}

#directionsLi{
	left:310px;
}

#directionsLi.selected a{
	background:url(../images/mainNav.jpg) -310px -120px no-repeat;
}

#blogLi{
	left:413px;
}

#blogLi.selected a{
	background:url(../images/mainNav.jpg) -413px -150px no-repeat;
}
/* @ end */
/*end*/

/*------------2.3. content--------------*/
#content{
	padding:10px 0px 0px 0px;
}

/* @ group main content */
#mainContent{
	float:left;
	width:590px;
}

.mainContentLeft{
	float:left;
	clear:left;
	width:280px;
}

.mainContentRight{
	float:right;
	clear:right;
	width:280px;
}

.entry,
.content{
	padding:0px 15px 20px 10px;
}

.comments{
	float:right;
	padding:2px 18px 3px 0px;
	background:url(../images/comments.gif) center right no-repeat;
}

.comments span{
	color:#0F72AC;
	text-decoration:underline;
}

.meta{
	color:#8b8b8b;
	line-height:2em;
}

.meta a{
	font-style:oblique;
}

.tags{
	text-align:right;
	padding:0px 0px 10px 0px;
	color:#8b8b8b;
}


#appointmentForm .textInput{
	width:282px;
}

#appointmentForm textarea{
	width:282px;
	height:70px;
}

#appointmentForm label{
	float:left;
	width:165px;
	padding:0px 5px 0px 0px;
	text-align:right;
}

#appointmentForm label.error{
	text-align:left;
	padding-left:170px;
	width:auto;
}

#appointmentForm li.buttons{
	padding:20px 0px 0px 170px;
}

#map{
	width:425px;
	height:350px;
	overflow:hidden;
	margin:0px auto 15px auto;
}

#largeMap{
	display:block;
	width:284px;
	height:35px;
	text-indent:-999em;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/largeMap.gif) center center no-repeat;
}
/* @ end */

/* @ side content */
#sideContent{
	float:right;
	width:280px;
}

#sideContent img{
	display:block;
	margin:0 auto;
}

.box3 a{
	color:#fff;
}

.box3 ul{
	padding:0px 10px 10px 10px !important;
	list-style:none
}

.box3 li{
	padding:0px 0px 10px 0px;
}
/* @ end */
/*end*/

/*-----------2.4. footer----------------*/
#footer{
	color:#718dab;
	text-transform:uppercase;
	text-align:right;
	padding:25px 0px;
	background:url(../images/footer.jpg) center bottom repeat-x;
}

#footer p{
	text-align:right;
	margin:0px;
}

/* @ group secondary navigation */
#secNav{
	float:left;
	position:relative;
	margin-left:-10px;
}

#secNav li{
	display:inline;
	padding:0px 10px;
	background:url(../images/separator1.gif) center right no-repeat;
}

#secNav li.last{
	padding-right:0px;
	background:none;
}

#secNav a{
	color:#718dab;
	text-decoration:none;
}

#secNav a:hover,
#secNav a:focus,
#secNav a:active,
#secNav li.selected a{
	color:#fff;
	text-decoration:underline;
}

#secNav li.selected a{
	cursor:default;
}
/* @ end */
/*end*/