/********************************************************************
	Start: CSS Browser Reset
********************************************************************/
*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,thead,th,tr,td,tbody{margin:0;padding:0;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:100%;}
a{text-decoration:none;color:black;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl,dd,dt{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:bold;padding:0;margin:0;}
q:before,q:after{content:'';}
abbr,acronym,.help{cursor:help;text-decoration:none;border:0;border-bottom:1px #0f91b5 dotted;}
/*****************************
	End: CSS Browser Reset
*****************************/



/********************************************************************
	Start: Site-Specific Base Styles
********************************************************************/
body {font-size:10px;background: url("../images/body_bg_subpage.jpg") repeat-x #e1f1f7;}
body.home {background: url("../images/body_bg.jpg") repeat-x #e1f1f7;}
h1,h2,h3,h4,h5,h6 {color:#0f91b5;margin-bottom:5px;text-align:left;}
a{color:#0f91b5;}
a:hover {text-decoration:underline;}
h1 {font-size:2.2em}
h2 {font-size:2.0em}
h3 {font-size:1.8em}
h4 {font-size:1.6em}
h5 {font-size:1.4em}
h6 {font-size:1.2em}
ol.numbered {margin-left:30px;}
ol.numbered li {list-style:decimal;}
ul.bullets, .displayItem ul {margin-left:15px;}
ul.bullets li, .displayItem ul li {list-style:disc;}
ul.indent {margin-left:25px;}
li {margin-bottom: 5px;}
p,dl,ul,ol {margin-bottom: 10px;}
/*****************************
	End: Site-Specific Base Styles
*****************************/

#Wrapper {
    width:1000px;
    margin:auto;
    margin-bottom:50px;
    background: url("../images/wrapper_bg.gif") repeat-y #fff;
}
#Header,
#Masthead,
#Footer {
    padding: 0 25px 0 25px;
    clear:both;
}

#Header {
    height:123px;
    position:relative;
}
    #HeaderLogo {
        position:relative;
        top:40px;
        left:20px;
    }
    #HeaderNav {
        font-size:1.3em;
        text-align:right;
        padding-right:20px;
    }
    #HeaderNav a {
        margin-left: 15px;
    }
    #HeaderNav a:hover {
        text-decoration:none;
        color:#333;
    }
    #HeaderContactUs {
    	position:absolute;
    	top:10px;
    	right:45px;
    	text-align:right;
    	font-size:12px;
    }
    #HeaderContactUs span {
    	font-size:13px;
    	font-weight:bold;
    }


#Masthead {
    height:101px;
    background: url("../images/masthead_subpage.jpg") no-repeat;
    position:relative;
}
	#Masthead.home {
	    height:236px;
	    background: url("../images/masthead-winter.jpg") no-repeat;
	    position:relative;
	}
    #Masthead span {
        display:none;
    }

#Content {
    font-size:1.1em;
    padding: 25px 40px 40px 40px;
    background: url("../images/content_footer_bg.jpg") bottom left no-repeat;
    color:#333;
    position:relative;
	clear:both;
}

#Footer {
    background: #e1f1f7;
    color:#333;
}
    #Footer .columns {
        padding-left:15px;
        padding-right:15px;
    }
    #Footer hr {
        clear:both;
        border:0;
        border-bottom:2px solid #3399cc;
        position:relative;
        top:-5px;
    }
    #Footer a {
        color:#333;
        text-decoration:underline;
    }
    #Footer a:hover {
        color:#111;
    }




.actionLinks a {
    margin-right:20px;
}
.sidebarGrey {
    width:355px;
    margin:auto;
    padding: 5px 20px 5px 20px;
    background: url("../images/sidebar_top.gif") top center no-repeat #f2f2f2;
}
    .sidebarGrey.footer {
        height:10px;
        width:395px;
        padding:0px;
        clear:both;
        background: url("../images/sidebar_bottom.gif") bottom center no-repeat #f2f2f2;
    }




/********************************************************************
	Start: Column Styles
********************************************************************/
/* USE: class="columns {unevenCols, evenCols, singleCol}" > class="{leftColumn, rightColumn, column}" */
.columns {
	position:relative;
	clear:both;

}
	.columns.singleCol .column {
		width: 100%;
		clear:both;
	}
	.columns.threeCols .leftColumn,
	.columns.threeCols .centerColumn,
	.columns.threeCols .rightColumn {
		width: 32%;
	}
		* html .columns.threeCols .leftColumn,
		* html .columns.threeCols .centerColumn,
		* html .columns.threeCols .rightColumn {
			width: 30%;
		}
	.columns.evenCols .leftColumn,
	.columns.evenCols .rightColumn {
		width: 450px;
	}
	.columns.unevenCols .leftColumn {
		width: 500px;
	}
	.columns.unevenCols .rightColumn {
		width: 400px;
	}
	.columns .leftColumn {
		float:left;
		clear:both;
	}
	.columns .rightColumn,
	.columns .centerColumn {
           float:right;
	}
	.columns dl dt {
            width:50px;
            padding-right: 5px;
            display:block;
            float:left;
            clear:both;
            font-weight:bold;
	}
	.columns dl dd {
            display: block;
            margin-left: 55px;
	}
	.columns p {
            text-align: justify;
	}
	.columns .section {
	    margin-bottom:20px;
	}
	.columns  {
            text-align: justify;
            font-size: 1.1em;
	}
ul.two-column li {width:49.99999%;float:left;}
/*****************************
	End: Column Styles
*****************************/




/********************************************************************
	Start: Page Styles
********************************************************************/


#GalleryWrapper {
	width: 700px;
	margin: auto;
	background: url(../images/gallery_bg_repeater.png) repeat-y;
	position:relative;
}
#Gallery {
	background: url(../images/gallery_bg.png) no-repeat;
	position:relative;
}
#Gallery .header {
	height: 30px;
	position:relative;
}
	#Gallery .header h5 {
		text-align:center;
		padding-top:3px;
		margin-left:40px;
		margin-right:40px;
	}
	#Gallery .header .prev,
	#Gallery .header .next {
		width:40px;
		height:30px;
		position:absolute;
		top:0;
	}
		#Gallery .header .prev {
			left:0;
		}
		#Gallery .header .next {
			right:0;
		}
#Gallery .displayItem  {
	padding:15px;
	padding-bottom:0;
	position:relative;
}
	#Gallery .displayItem .mainImg {
		padding-bottom:0;
		float:right;
		position:relative;
	}
	#Gallery .displayItem div img {
		padding:3px;
		border: 1px solid #b3dae3;
		position:relative;
	}
	#Gallery .displayItem div {
		width:375px;
		float:right;
		text-align:right;
		position:relative;
	}
#Gallery .thumbs {
	min-height:50px;
	padding-top:25px;
	padding-bottom:15px;
	background: url(../images/gallery_bg_footer.png) bottom no-repeat;
	position:relative;
}
#Gallery .thumbs p {
	margin: 0 15px;
	position:relative;
}
#Gallery .thumbs p a {
	margin-left:7px;
	margin-bottom:10px;
	position:relative;
}
#GallerySideList {
	width:205px;
	text-align:left;
}
#GallerySideList .galleryListScrollUp,
#GallerySideList .galleryListScrollDown,
#GallerySideList .galleryListScrollUp img,
#GallerySideList .galleryListScrollDown img {
	cursor:pointer;
	text-align:center;
	border:0;
	padding:1px;
	margin:0;
}
#GalleryListWrapper {
	height:328px;
	overflow:hidden;
}
#GallerySideList img,
#GalleryBottomList img,
#Gallery .thumbs p img {
	padding:3px;
	background:white;
	border: 1px solid #b3dae3;
}
#GallerySideList p.current img,
#GalleryBottomList p.current img {
	border: 1px solid #47ABBF;
}
#GallerySideList p,
#GalleryBottomList p {
	padding:5px 3px 0 3px;
	margin-bottom:0;
	text-align:left;
}
#GallerySideList p.left,
#GalleryBottomList p.left {
	float:left;
	text-align:left;
}
#GallerySideList p.right,
#GalleryBottomList p.right {
	float:right;
	text-align:right;
}
#GallerySideList .even,
#GalleryBottomList .even {
	background:#EFFBFF;
}
#GallerySideList small,
#GalleryBottomList small {
	font-size:10px;
	color:#999;
}
#GallerySideList p.current small,
#GalleryBottomList p.current small {
	color:#0F91B5;
	font-weight:bold;
}
#MiscGallery h4,
#MiscGallery p,
#MiscGallery {
	text-align:left;
}
#MiscGallery img {
	padding: 3px;
	border:1px solid #D1E9EF;
}
#MiscGallery a:hover img {
	border: 1px solid #0F91B5;
}

#ContactForm form p {
	position:relative;
}
#ContactForm form label {
	position:absolute;
	left:0;
}
#ContactForm form input,
#ContactForm form textarea,
#ContactForm form select,
#ContactForm form button {
	margin-left:75px;
	vertical-align:top;
	padding:2px;
}
#ContactForm form input,
#ContactForm form textarea,
#ContactForm form select {
	width:260px;
	border:1px solid #BBB;
	background:white;
}
#ContactForm form textarea {
	height:75px;
}
.StaffList {
	width:100%;
}
.StaffList th,
.StaffList td {
	padding:5px 5px 5px 0;
}
.StaffList td {
	border-bottom:1px dotted #CFF5FF;
}
.StaffList th {
	padding-top:15px;
	font-weight:bold;
	text-align:left;
	color:#0f91b5;
}
/*****************************
	End: Page Styles
*****************************/


.errors {
	background:#FFEFEF !important;
	color:#7F2727 !important;
	border:1px solid #7F2727;
	text-align:left;
	padding:5px;
	margin-bottom:10px;
}
/* Shortcuts */
.float.left {
	float:left;
}
.float.right {
	float:right;
}
.clear {clear:both;}
span.clear {display:block;height:0;padding:0;margin:0;line-height:0;font-size:0;overflow:hidden;}
.indent {margin-left:15px;}
.align-left {text-align:left !important;}
.align-right {text-align:right !important;}
.align-center {text-align:center !important;}

.home-careers-showcase .heading {font-family:serif;font-size:25px;color:#3399CC;}
.home-careers-showcase .heading span {font-size:11px;vertical-align:3px;font-weight:normal;color:white;padding:2px 4px;background:#18B50F;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.home-careers-showcase p {margin-bottom:5px;}