/* -----------------------------------------
Site: 			websitename.com
Author: 		Chris Satterthwaite
Updated: 		January.24.2010
Updated By: 	Chris Satterthwaite
--------------------------------------------
TABLE OF CONTENTS
--------------------------------------------
Reset:
Body:
Wrapper:
Typography:
Header Section:
Navigation Section:
Content Section:
Footer Section:
Hacks/Fixes:
--------------------------------------------
STYLE RULES
--------------------------------------------
Box
			hieght
			width
			background
			border
			margin
			padding
			display

Position
			position
			top
			left
			float
			clear
			z-index

Font
			color
			font family
			font size
			line hieght
----------------------------------------- */
/* CSS Constants (works in IE6+, FF2+, Opera, Safari and CSS1+)
 * ------------------------------------------------------------
 * Variables like: $variable = 'value';
 * Import this css as:
 * <style type="text/css">
 *		@import '{path-to-cssconst.php}cssconst.php?c={path-to-this-css-file}&{var1}={value1}...';
 * </style>
 * Comment out constants: replace $ with #

#colour2 = '#2f9a9e';

*/

/*----------------- Reset --------------- */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 				0px;
	padding:                0px;
	border: 				0px;
	outline: 				0px;
	font-size: 				100%;
	vertical-align: 		baseline;
	background: 			transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: 			none;
}
blockquote, q {
	quotes: 				none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: 				'';
	content: 				none;
}

/* remember to define focus styles! */
:focus {
	outline: 				0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 		none;
}
del {
	text-decoration: 		line-through;
}

/*----------------- Body ---------------- */
body {
	background:				#FFF url(../images/backgrounds/bg-main.jpg) no-repeat top center;
	margin: 				0px;
	padding: 	    	  	0px;
	font: 					14px/16px Arial, Helvetica, sans-serif;
}
/*-------------- Wrapper ---------------- */
#wrapper {
	width:					1011px;
	margin:         		0px auto;
	padding:          	    0px;
	position:       		relative;
	z-index:				10;
}
/*-------------- Typography ------------- */
@font-face {
 font-family: 'Info';
 src: url(../fonts/info_semibold.eot);
 src: local('Info'), url(../fonts/Info_SemiBold.ttf) format('opentype');
}
h1 {
	margin-bottom:			20px;
	font-size:				24px;
	font-weight:			normal;
	color:					#000;
	text-align:				left;
	line-height:			28px;
}
.page-parent {
	color:					#000000;
	display:				block;
}
.page-location {
	color:					#f6933d;
	font-size:				20px;
	display:				block;
}

h2 {
	margin-bottom:			20px;
	font-size:				18px;
	font-weight:			normal;
	color:					#000;
}

h3 {
	margin-bottom:			20px;
	font-size:				16px;
	color:					#f6933d;
}

p {
	margin-bottom:			20px;
	color:					#000;
	font-size:				14px;
}

ul {
	margin-bottom:			20px;
	margin-left:			40px;
	list-style:				disc;
	color:					#000;
}

ol {
	margin-bottom:			20px;
	margin-left:			40px;
	list-style:				decimal;
	color:					#000;
}

a {
	color:					#f6933d;
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}

img[align=right] {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

.img[align=left] {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

.img-left {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

.img-right {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}
/*-------------- Header Section --------- */
#header {
	height:					357px;
	width:					auto;
	margin-top:				39px;
	margin-bottom:			7px;
	display:				block;
	position:				relative;
	z-index:				500;
}
#header-frame {
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					1011px;
	height:					357px;
	background:				url(../images/backgrounds/bg-header.png) no-repeat;
	z-index:				40;
}
#header-images ul {
	position:				absolute;
	top:					8px;
	left:					30px;
	z-index:				1;
	list-style:				none;
	margin:					0px;
}
#logo {
	height:					138px;
	width:					207px;
	position:				absolute;
	top:					9px;
	left:					29px;
	z-index:				50;
}
#facebook {
	height:					18px;
	width:					128px;
	position:				absolute;
	top:					-25px;
	right:					33px;
	background:				url(../images/interface/facebook.png) no-repeat;
	display:				block;
	cursor:					pointer;
	text-decoration:		none;
}
#facebook:hover {
	background:				url(../images/interface/facebook.png) no-repeat 0px -18px;
}
#twitter {
	height:					18px;
	width:					148px;
	position:				absolute;
	top:					-25px;
	right:					165px;
	background:				url(../images/interface/twitter.png) no-repeat;
	display:				block;
	cursor:					pointer;
	text-decoration:		none;
}
#twitter:hover {
	background:				url(../images/interface/twitter.png) no-repeat 0px -18px;
}
#send-to-friend {
	height:					16px;
	width:					108px;
	position:				absolute;
	top:					-25px;
	left:					150px;
	background:				url(../images/interface/send-to-friend.png) no-repeat;
	display:				block;
	cursor:					pointer;
	text-decoration:		none;
}
#send-to-friend:hover {
	background:				url(../images/interface/send-to-friend.png) no-repeat 0px -16px;
}
#add-to-favourites {
	height:					16px;
	width:					121px;
	position:				absolute;
	top:					-25px;
	left:					20px;
	background:				url(../images/interface/add-to-favourites.png) no-repeat;
	display:				block;
	cursor:					pointer;
	text-decoration:		none;
}
#add-to-favourites:hover {
	background:				url(../images/interface/add-to-favourites.png) no-repeat 0px -16px;
}
/*----------- Navigation Section -------- */
#nav {
	height:					35px;
	width:					715px;
	background:				url(../images/interface/navigation.png) no-repeat;
	z-index:				50;
	position:				absolute;
	left:					25px;
	bottom:					4px;
}
#nav ul {
	height:					35px;
	width:					715px;
	display:				block;
}
#nav ul li {
	margin:					0px;
	padding:          		0px;
	position:				absolute;
	float:					left;
	list-style-type:		none;
}
#nav ul li span {
	display:				none;
}
#nav ul li a {
	height: 				35px;
	display: 				block;
}
.about {
	left:29px;
	width:59px;
}
.info {
	left:108px;
	width:115px;
}
.help {
	left:242px;
	width:79px;
}
.shop {
	left:338px;
	width:30px;
}
.funding {
	left:387px;
	width:109px;
}
.planned {
	left:517px;
	width:90px;
}
.contact {
	left:627px;
	width:64px;
}
.about a:hover, .about .selected {
	color:#FFF;
	background:transparent url(../images/interface/navigation.png) -29px -35px no-repeat;
}
.info a:hover, .info .selected {
	color:#FFF;
	background:transparent url(../images/interface/navigation.png) -108px -35px no-repeat;
}
.help a:hover, .help .selected {
	color:#FFF;
	background:transparent url(../images/interface/navigation.png) -242px -35px no-repeat;
}
.shop a:hover, .shop .selected {
	color:#FFF;
	background:transparent url(../images/interface/navigation.png) -338px -35px no-repeat;
}
.funding a:hover, .funding .selected {
	color:#FFF;
	background:transparent url(../images/interface/navigation.png) -387px -35px no-repeat;
}
.planned a:hover, .planned .selected {
	color:#FFF;
	background:transparent url(../images/interface/navigation.png) -517px -35px no-repeat;
}
.contact a:hover, .contact .selected {
	color:#FFF;
	background:transparent url(../images/interface/navigation.png) -627px -35px no-repeat;
}
/*--Nav Drop Downs--*/
#nav li ul {
	width:					200px;
	height:					auto;
	position:				absolute;
	top:					33px;
	left:					-54px;
	display:				none;
	/*-moz-box-shadow:		0px 0px 10px #000;
	-webkit-box-shadow:		0px 0px 10px #000;*/
}
#nav li ul .bottom-nav {
	background:				url(../images/backgrounds/drop-down-bottom.png);
	border: 				none;
	width:					200px;
	height:					11px;
}
#nav li ul li {
	float:					left;
	/*border-bottom:			2px solid #FFF;*/
	position:				relative;
	left:					0;
	text-align:				center;
	background:				url(../images/backgrounds/drop-down-bg.png);
}
#nav li ul li a {
	width: 					180px;
	padding:                5px 10px;
	height:					15px;
	color: 					#FFFFFF;
	text-decoration: 		none;
	text-align:				left;
	font-size:				12px;
	font-weight: 			normal;
	display: 				block;
	background:				none;
}

#nav li ul li a:hover {
	color:					#f6933d;
	height:					15px;
	background:				url(../images/backgrounds/drop-down-bg.png);
}
#nav li:hover ul, #nav li.over ul {
	display: 				block;
}
#nav li:hover ul, li.over ul {
	display: 				block;
}
/* Third Level Nav
--------------------------------------------------------------------------------------- */
#nav li ul li ul {
	display:				none !important;
	width:					200px;
	height: 				auto;
	position:				absolute;
	top:					0px;
	left:					160px;
	z-index:				500;
}

#nav li ul li ul li{
	float: left;
	height: auto;
	z-index: 500;
	background:				url(../images/backgrounds/drop-down-bg.png);
}

#nav li ul li ul .bottom-nav {
	background:				url(../images/backgrounds/drop-down-bottom.png);
	border: 				none;
	width:					200px;
	height:					11px;
}

#nav li ul li ul .top-nav {
	background:				url(../images/backgrounds/drop-down-top.png);
	border: 				none;
	width:					200px;
	height:					11px;
}

#nav li ul li ul li a {
	width: 					180px;
	padding:                5px 10px;
	height:					15px;
	color: 					#FFFFFF;
	text-decoration: 		none;
	text-align:				left;
	font-size:				12px;
	font-weight: 			normal;
	display: 				block;
	background:				none;
	z-index:				500;
}
#nav li ul li ul li a:hover {
	color:					#f6933d;
	height:					15px;
	background:				url(../images/backgrounds/drop-down-bg.png);
}

#nav li ul li:hover ul, #nav li ul li.over ul {
	display: 				block !important;
}
#nav li ul li:hover ul, li ul li.over ul {
	display: 				block !important;
}
/*-------------- Content Section -------- */
#content {
	height:					auto;
	width:					742px;
	min-height:				323px;
	height:					auto !important;
	height:					323px;
	float:					left;
	position:				relative;
}
#content .top {
	width:					742px;
	height:					27px;
	background:				url(../images/backgrounds/content-top.png) no-repeat right;
	margin:					0px;
}
#content .mid {
	background:				url(../images/backgrounds/content-mid.png) repeat-y right top;
	width:					593px;
	min-height:             365px;
	height:					auto !important;
	height:					365px;
	padding:                0px 90px 10px 59px;
	margin:					0px;
}
#content .bottom {
	width:					742px;
	height:					20px;
	background:				url(../images/backgrounds/content-bottom.png) no-repeat right;
	clear: 					both;
}
#content .popup1 {
	position: absolute;
	width: 37px;
	height: 34px;
	background: #e6d574;
	left: 695px;
	top: 53px;
}
#content .popup1 a {
	display: block;
	width: 100%;
	height: 100%;
}
#content .popup2 {
	position: absolute;
	width: 37px;
	height: 34px;
	background: #9da84a;
	left: 649px;
	top: 53px;
}
#content .popup2 a {
	display: block;
	width: 100%;
	height: 100%;
}
#content .popup3 {
	position: absolute;
	width: 37px;
	height: 34px;
	background: #f6933d;
	left: 649px;
	top: 10px;
}
#content .popup3 a {
	display: block;
	width: 100%;
	height: 100%;
}
#content .popup4 {
	position: absolute;
	width: 37px;
	height: 34px;
	left: 695px;
	top: 95px;
	background:url(../images/gallery/thumbs/1.jpg);
}
#content .popup4:hover {
	width: 50px;
	height: 50px;
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	position: absolute;
	left: 685px;
	top: 85px;
	background:url(../images/gallery/thumbs/1-hover.jpg);
}
#content .popup4 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#content .popup5 {
	position: absolute;
	width: 37px;
	height: 34px;
	left: 602px;
	top: 10px;
	background:url(../images/gallery/thumbs/2.jpg);
}
#content .popup5:hover {
	width: 50px;
	height: 50px;
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	position: absolute;
	left: 592px;
	top: 5px;
	background:url(../images/gallery/thumbs/2-hover.jpg);
}
#content .popup5 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#content .popup6 {
	position: absolute;
	width: 37px;
	height: 34px;
	left: 695px;
	top: 10px;
	background:url(../images/gallery/thumbs/3.jpg);
}
#content .popup6:hover {
	width: 50px;
	height: 50px;
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	position: absolute;
	left: 685px;
	top: 5px;
	background:url(../images/gallery/thumbs/3-hover.jpg);
}
#content .popup6 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#popup {
	width: 100%;
	height: auto;
}

.popup-image {
	float: left;
	width: 330px;
	height: 265px;
	display: block;
	overflow: hidden;
}

.popup-description {
	float: right;
	width: 330px;
	height: 265px;
	display: block;
	font-size: 14px;
}

/*-------------- Side Navigation -------- */

#side {
	width: 268px;
	height: auto;
	float: right;
}

#side .side-top {
	width: 268px;
	height: 24px;
	background:url(../images/interface/side-top.png) no-repeat;
}

#side .side-mid {
	width: 241px;
	height: auto;
	background:url(../images/interface/side-mid.png) repeat-y;
	padding: 0px 30px 0px 5px;
	text-align: center;
}

#side .side-bottom {
	width: 268px;
	height: 21px;
	background:url(../images/interface/side-bottom.png) no-repeat;
	margin-bottom: 20px;
}

#side #specials-side {
	width: 268px;
	height: 216px;
	background:url(../images/backgrounds/bg-side.png) no-repeat;
	margin-bottom: 17px;
	position: relative;
	text-align: center;
	font-family: "Info", Myriad Pro;
}

#side #specials-side .specials-content {
	width: 200px;
	height: 170px;
	position: absolute;
	left: 25px;
	top: 30px;
	font-weight: bold;
	color: #333;
}

#side #specials-side .specials-title {
	font-size: 28px;
	font-weight: bold;
	color: #f27628;
	margin-bottom: 20px;
	display: block;
	line-height: 24px;
}

#side #specials-side p {
	font-size: 18px;
	color: #333;
}

#side #specials-side a {
	color: #f27628;
	font-size: 14px;
	text-decoration: none;
}

#side #specials-side a:hover {
	color: #333;
}

/*#side ul {
	line-height: 36px;
	margin: 0px 0px 0px 20px;
	list-style: none;
}

#side ul li {
	list-style:url(../images/interface/side-nav-arrow.gif);
}

#side a {
	color: #000;
	text-decoration: none;
}

#side a:hover {
	color: #f27628;
}*/

/*-------------- Callouts -------- */
#side .donate {
	height: 111px;
	width: 258px;
	background:url(../images/interface/donate.png) no-repeat;
	display: block;
	cursor: pointer;
	float: right;
	text-decoration: none;
}
#side .donate:hover {
	background:url(../images/interface/donate.png) 0px -111px no-repeat;
	text-decoration: none;
}
#side .stories {
	height: 121px;
	width: 258px;
	background:url(../images/interface/stories.png) no-repeat;
	display: block;
	cursor: pointer;
	float: right;
	text-decoration: none;
}
#side .stories:hover {
	background:url(../images/interface/stories.png) 0px -121px no-repeat;
	text-decoration: none;
}
#side .stay-informed {
	height: 108px;
	width: 258px;
	background:url(../images/interface/stay-informed.png) no-repeat;
	display: block;
	cursor: pointer;
	float: right;
	text-decoration: none;
}
#side .stay-informed:hover {
	background:url(../images/interface/stay-informed.png) 0px -108px no-repeat;
	text-decoration: none;
}
/*------------ Stories ---------- */

.story {
	width: 610px;
	height: 130px;
	background:url(../images/backgrounds/stories.png) no-repeat;
	display: block;
	position: relative;
	padding: 10px 20px;
}

.story .story-title {
	float:left;
	width: 455px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: left;
	color: #000;
	font-weight:bold;
}

.story .story-img{
	float: left;
	margin-right: 12px;
	width: 140px;
	height: 106px;
	display: block;
}

.story .story-description {
	width: 455px;
	float: left;
	height: auto;
	font-size: 14px;
	text-align: left;
	color: #000;
}

.story .story-read-more {
	position: absolute;
	right: 20px;
	bottom: 15px;
}

.story .story-date, .story-details .story-date  {
color:#F6933D;
float:right;
font-size:14px;
font-weight:bold;
padding:0 10px 0 0;
text-align:left;
}

.story-details .story-title {
	float:left;
	font-size: 14px;
	color: #000;
	font-weight:bold;
}

.story-details .story-details-content {
	clear:both;
}

.story-details .story-bottom-contents {
	width: 100%;
	position: relative;
	bottom: 0px;
	left: 0px;
}

.story-details .details-images {
	width: 500px;
	height: auto;
	margin: auto;
}

.story-details .details-images li {
	width: 150px;
	height: 100px;
	display: block;
	float: left;
	margin-right: 12px;
}

.story-details .details-images li a {
	width: 150px;
	height: 100px;
	display: block;
	cursor: pointer;
}
/*------------ News and Media ---------- */


.calendar-nav-wrapper {
	width: 100%;
	height: auto;
	margin: 0px auto 14px 0px;
	position: relative;
	left: 40px;
}

.calendar-nav {
	position: relative;
	width: 400px;
	height: 20px;
	margin: auto;
	padding: 15px;
	text-align: center;
}

.calendar-nav .current-month {
	font-size: 24px;
	color: #000;
	font-family: Arial;
}

.calendar-nav .previous-month {
	width: 90px;
	height: 17px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	left: -13px;
	top: 15px;
	color: #333;
	padding-top: 3px;
	font-weight: bold;
}
.calendar-nav .previous-month:hover {
	color: #f6933d;
}
.calendar-nav .next-month {
	width: 90px;
	height: 17px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	right: 20px;
	top: 15px;
	color: #333;
	padding-top: 3px;
	font-weight: bold;
}
.calendar-nav .next-month:hover {
	color: #f6933d;
}
.calendar-nav-wrapper ul {
	margin: 0px auto;
	width: 450px;
}
.calendar-nav-wrapper li {
	float: left;
	list-style: none;
	display: block;
	width: 30px;
	height: 23px;
	background:url(../images/interface/calendar-btn.gif) no-repeat;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 14px;
	padding-top: 7px;
}
.calendar-nav-wrapper li a {
	display: block;
	width: 30px;
	height: 30px;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}
.calendar-nav-wrapper li a:hover {
	color: #f6933d;
}

.news {
	width: 610px;
	height: 130px;
	background:url(../images/backgrounds/stories.png) no-repeat;
	display: block;
	position: relative;
	padding: 10px 20px;
}

.news .news-img{
	float: left;
	width: 140px;
	height: 106px;
	display: block;
}
.news .news-title {
	float:left;
	margin-left:15px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: left;
	color: #000;
	font-weight:bold;
}
.news-details .news-title {
	float:left;
	font-size: 14px;
	color: #000;
	font-weight:bold;
}

.news-details .news-details-content {
	clear:both;
}


.news-details .details-images {
	width: 500px;
	height: auto;
	margin: auto;
}

.news-details .details-images li {
	width: 150px;
	height: 100px;
	display: block;
	float: left;
	margin-right: 12px;
}

.news-details .details-images li a {
	width: 150px;
	height: 100px;
	display: block;
	cursor: pointer;
}

.news .news-date,.news-details .news-date {
	float:right;
	font-size: 14px;
	text-align: left;
	color: #f6933d;
	font-weight:bold;
	padding: 0px 10px 0px 0px;
}
.news .news-description {
	width: 455px;
	float: right;
	height: auto;
	font-size: 14px;
	text-align: left;
	color: #000;
}

.news .news-read-more {
	position: absolute;
	right: 20px;
	bottom: 15px;
}


/*------------ Events ---------- */

.events-full-wrapper .events-date {
	float:right;
	font-size: 14px;
	text-align: left;
	color: #f6933d;
	font-weight:bold;
	padding: 0px 10px 0px 0px;
}

.events-full-wrapper .events-top {
	width: 100%;
	height: auto;
}

.events-full-wrapper .events-title {
	float:left;
	font-size: 14px;
	color: #000;
	font-weight:bold;
}

.events-full-wrapper .events-readmore {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.events-full-wrapper dl,
.events-full-wrapper dt,
.events-full-wrapper dd {
	margin:					0px 0px 5px 0px;
	padding:                0px;
	line-height:			14px;
	font-family: 			Arial;
}
.events-full-wrapper dl {
	padding:                15px 0px 0px 0px;
}
.events-full-wrapper dt {
	margin-right:			5px;
	float:					left;
	font-weight:			bold;
	color:					#f6933d;
	font-size: 				12px;
}

.events-full-wrapper dd {
	color:					#000;
	font-size:				12px;
}

.events-full-wrapper dd a {
	margin-left:			10px;
	font-weight:			bold;
}


/*------------ Sprite Buttons ---------- */

.read-more-btn {
	width: 120px;
	height: 34px;
	background:url(../images/interface/read-more.gif) no-repeat;
	display: block;
	cursor: pointer;
	text-decoration: none;
}

.read-more-btn:hover {
	background:url(../images/interface/read-more.gif) no-repeat 0px -34px;
	text-decoration: none;
}

.back-btn {
	width: 77px;
	height: 34px;
	background:url(../images/interface/back.gif) no-repeat;
	display: block;
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	right: 150px;
	top: 10px;
}

.back-btn:hover {
	background:url(../images/interface/back.gif) no-repeat 0px -34px;
	text-decoration: none;
}

.archives-btn {
	width: 77px;
	height: 34px;
	background:url(../images/interface/archives.gif) no-repeat;
	display: block;
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	right: 150px;
	top: 10px;
}

.archives-btn:hover {
	background:url(../images/interface/archives.gif) no-repeat 0px -34px;
	text-decoration: none;
}

.pdf-btn {
	width: 160px;
	height: 49px;
	background:url(../images/interface/pdf.gif) no-repeat;
	display: block;
	cursor: pointer;
	float: right;
}

.pdf-btn:hover {
	background:url(../images/interface/pdf.gif) no-repeat 0px -49px;
	text-decoration: none;
}

/*------------ Paging ---------- */

.paging {
	margin-bottom: 20px;
	font-size: 11px;
	width: auto;
}

.paging strong {
	color: #9da84a;
}

.paging ul{
	margin: 0px 0px 0px 10px;
	width: auto;
	float: left;
}
.paging ul li {
	float: left;
	list-style: none;
	display: block;
	width: 30px;
	height: 23px;
	background:url(../images/interface/calendar-btn.gif) no-repeat;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 14px;
	padding-top: 7px;
	vertical-align: middle;
}
.paging ul li a {
	display: block;
	width: 30px;
	height: 30px;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}
.paging ul li a:hover {
	color: #f6933d;
}


/*-------------- Contact Section -------- */

.contact-form {
	width: 515px;
	margin: 0px auto;
	font-size: 12px;
}

.contact-row {
	width: 510px;
	height: 25px;
	margin-bottom: 14px;
	display: block;
	font-size: 12px;
}

.contact-left {
	float: left;
	width: 90px;
	text-align: right;
}

.contact-mid {
	float: left;
	width: 25px;
	text-align: center;
	font-family: Arial;
	font-size: 24px;
	color: #d41026;
	line-height: 30px;
}

.contact-right {
	float: left;
	width: 372px;
	text-align: left;
	display: block;
}

.submit-right {
	float: left;
	width: 373px;
	text-align: right;
	display: block;
}

.required {
	font-family: Arial;
	font-size: 24px;
	line-height: 30px;
	color: #d41026;
	vertical-align: middle;
}

.contact-message {
	width: 510px;
	height: 100px;
	margin-bottom: 14px;
}

.contact-captcha {
	width: 510px;
	height: 140px;
	margin-bottom: 14px;
}

.submit-row {
	width: 510px;
	height: 40px;
	margin-bottom: 14px;
}

form {
	margin-bottom: 20px;
}

input {
	background: #FFF;
	border: 1px solid #c9dfe0;
	width: 369px;
	height: 25px;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

textarea {
	background: #FFF;
	border: 1px solid #c9dfe0;
	width: 365px;
	height: 100px;
	font-size: 14px;
	overflow: hidden;
	font-family: Segoe UI, Myriad Pro, Arial;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.tax-calculator {
	width: 100px;
}

.tax-calculator-button {
	width: 75px;
}

.submit {
	background: url(../images/interface/submit.gif);
	cursor: pointer;
	width: 76px;
	height: 34px;
	border: none;
	
	float: right;
}
.submit:hover {
	background: url(../images/interface/submit.gif) 0px -34px;
}
.over {
	border: 2px solid #c9dfe0;
	width: auto;
	-moz-box-shadow: 0px 0px 5px #c9dfe0;
	-webkit-box-shadow: 0px 0px 5px #c9dfe0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.over input {
	border: none;
}

/*-------------- Photo Gallery -------- */

#photo-gallery {
	width: 100%;
	height: auto;
	position: relative;
	left: 45px;
}

#photo-gallery li {
	width: 150px;
	height: 138px;
	border: #bebebe;
	float: left;
	margin: 0px 5px 5px 0px;
	list-style: none;
	position: relative;
	z-index: 50;
}

#photo-gallery li .photo-frame {
	width: 150px;
	height: 108px;
	background:url(../images/backgrounds/photo-gallery-bg.png) no-repeat;
	position: absolute;
	top: 20px;
	left: 3px;
	z-index: -1;
}

#photo-gallery li .photo-gallery-img {
	width: 130px;
	height: 100px;
	background: #000;
	position: absolute;
	top: 25px;
	left: 12px;
	border: 1px solid #e6e6e6;
	z-index: -10;
}

#photo-gallery li .photo-gallery-title {
	width: 150px;
	height: auto;
	text-align: center;
	position: absolute;
	bottom: -5px;
	left: 0px;
	font-size: 14px;
	letter-spacing: 2px;
	font-family: Info, Arial;
	color: #333;
}

#photo-gallery a {
	width: 120px;
	height: 86px;
	margin: 5px auto 0px auto;
	display: block;
	cursor: pointer;
	position: relative;
	z-index: 1000;
}

/*------------- Advisors Section ---------- */

.commitee {
	width: 100%; 
	height: auto;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #d1ddde;
}

.commitee .commitee-image {
	width: 160px;
	height: auto;
	float: left;
	margin: 0px 20px 0px 0px;
}

.commitee .commitee-info {
	width: 400px;
	height: auto;
	float: right;
}
/*------------- Footer Section ---------- */
#footer-wrapper {
	height:					40px;
	width:					auto;
	color:					#FFF;
	clear:					both;
	position:				relative;
}
#box-bg {
	width: 100%;
	height: 162px;
	background:url(../images/backgrounds/bg-footer.gif) no-repeat top center;
	position: absolute;
	top: -120px;
	left: 0px;
	z-index: -1;
}
#footer {
	height:					40px;
	width:					1011px;
	margin:         		0px auto;
	padding:        		50px 0px 0px 0px;
	position:       		relative;
	z-index:				20;
}
#copyright {
	width:					337px;
	float:					left;
}
#webdesign {
	width:					337px;
	float:					left;
	text-align:				center;
}
#rss {
	width:					337px;
	float:					left;
	text-align:				right;
}
#rss img {
	vertical-align: 		top;
}
#copyright a, #webdesign a, #rss a {
	color:					#000;
	font-size:        		11px;
	text-decoration:		none;
}

/*------------- Hacks/Fixes ------------- */
/* Fire Fox Float Fix                     */
.clearfix:after {
	height:					0;
	visibility: 			hidden;
	display: 				block;
	clear: 					both;
	content: 				".";
	line-height: 			0;
}
.clearfix {
	display: 				block;
}
html[xmlns] .clearfix {
	display:				block;
}
* html .clearfix {
	height: 				1%;
}

/*------------- Form Security ------------- */
.fsec {
	display: none;
}


div.message{
   margin: 5px;
   margin-bottom: 50px;
   padding: 5px;
   color: #900;
}