﻿@font-face {
    font-family: 'TwCenMTRegular';
    src: url("fonts/tcm-webfont.eot");
    src: local("Tw Cen MT"),
	 url("fonts/tcm-webfont.eot?#iefix") format("embedded-opentype"),
         url("fonts/tcm-webfont.woff") format("woff"),
         url("fonts/tcm-webfont.ttf") format("truetype"),
         url("fonts/tcm-webfont.svg#TwCenMTRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

form {
	margin:0px;
}
body {
	margin:10px 0px; 
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	/*text-align:center;  Hack for IE5/Win */
	background: #fafaf8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000;
}


@media (max-width: 481px) {
    body {
		margin:0px; 
	}
}

.ErrorContainer
{
	background-color:White;
}

table.bordered {
	border-collapse: collapse;
}
p {	
}

.ResponseMessage, .ResponseErrorMessage, .ErrorMessage
{
	padding:15px;
	background-color:#DEEFFA;
	font-weight:bold;
	margin: 10px 0px 10px 0px;
	text-align:left;
}

.ResponseMessage, .ResponseErrorMessage
{
	display:none;
}

.ResponseMessage
{
	background: url("../img/thumb_bg.png") repeat-x scroll left bottom #D9E7EA;
}

.ResponseErrorMessage, .ErrorMessage
{
	background-color:#FFDFDE;	
}

.AccessibleAlert
{
	display:none;
}

.AccessibilityInfo {
	font-size:1px;
	text-indent:-9000px;
}

.sortArrow
{
	padding: 0 4px 0 4px;
}

.AdminTable
{
	margin:10px 0 0 10px;
	width:680px;
	font-size:.94em;
}

.GroupUserTable
{
	width:710px;
}

.AdminHeaderRow
{
	background: #7e8f91;	
	height:21px;
}

.AdminHeaderRow th
{
	text-align:left;
	color:#fff;
}

.AdminHeaderRow a, .AdminHeaderRow a:active, .AdminHeaderRow a:visited
{
	color:#fff;
	text-decoration:none;
}

.AdminHeaderRow a:hover
{
	color:#fff;
	text-decoration:none;
}

.AdminTable td
{
	padding: 0 2px 0 2px;
	vertical-align:middle;
	height:21px;
}

.GroupActive, .GroupDisabled
{
	background-image: url('/img/web_user.gif');
	background-repeat:no-repeat;
	background-position:left center;
	height:29px;
	padding-left:24px;
	vertical-align:middle;
}

.GroupDisabled
{
	background-image: url('/img/web_user_off.gif');
	
}

.AdminTable .First
{
	text-align:left;
	padding-left:15px;
}

.AdminTable .Last
{
	text-align:right;
	padding-right:4px;
}

.AdminTable tr.RowOn
{
	background: #fff;
}

.AdminTable tr.RowOff
{
	background: #e8e9e9;	
}

.RowOn
{
	background: #fff;
}

.RowOff
{
	background: #e8e9e9;	
}


li 
{
	padding:2px 0px 0px 0px;
	/*font-size: 95%;*/
}

ol li
{
	list-style-image:none;
}

.clear {
	clear:both;
	height:0px;
	
}

.clearboth {
	clear:both;	
}

.floatleft {
	float: left;
}
.floatright {
	float:right;
}

.MainOuterContainer {
	max-width: 981px;
	width:100%;
	position: static;
	margin: 0px auto;
	text-align: left; /* Counteract to IE5/Win Hack */	
	border:none;
	border-collapse:collapse;
	padding: 0px;
	background-color: #fafaf8;
	z-index: 0;
}
	

.HeaderContainer
{
		
}

H1.PrimaryHeader 
{
	color:#fff;
	padding:0px;
	margin:-11px 0 0 0;
	float:left;
	text-indent:-9000px;
	font-size:1px;
	position:absolute;
	z-index:2;
}

@media (max-width:801px){
	H1.PrimaryHeader 
	{
		display:none;
	}
}

.PrimaryHeader #SiteName
{
	background:transparent url('../img/housecartoon.png') no-repeat;
	width:257px;
	height:177px;
	text-indent:-9000px;
	font-size:1px;
	display:block;
	/*margin:0 auto 9px;*/
	
}

#SiteNameContainer 
{
	width:659px;
	height:33px;
	background:transparent url('../img/oldtownhome-header.png') no-repeat;
	text-indent:-9000px;
	font-size:1px;
	display:block;
	margin:8px auto;
}

#SiteBannerContainer
{
	width:257px;
	display: block;
}

.HeaderContainer #PhotoListContainer
{
	width:721px;
	float:right;
	margin: 0;
}

@media (max-width:801px){
	.HeaderContainer #PhotoListContainer {
		width: 100%;
		float:none;
		padding: 1px 0;
	}
}

.HeaderContainer #PhotoListInnerContainer
{
	margin:2px auto;
	width: 703px;
}
.HeaderContainer #PhotoList
{
	margin: 0 auto;
	list-style-type:none;
	display:inline-block;
	padding: 0;
	
}

#PhotoList li a span
{
	display: block;
	height:102px;
	width:102px;
	text-indent:-9000px;
	font-size:1px;
}
	
.HeaderContainer #PhotoList li.firstThumb 
{
	margin-left:7px;
}
			
.HeaderContainer #PhotoList li.lastThumb
{
	margin-right:8px;
}

#PhotoList .PhotoItem 
{
	border:2px solid #fafaf8;
}			

#PhotoList .PhotoItem div 
{
	border:1px solid #beced0;
	background-color:#fafaf8;
	height:102px;
	width:102px;
	background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}			
			
.HeaderContainer #PhotoList li
{
	list-style-type:none;
	float:left;
	margin: 0 4px 5px;
	padding:0;
	background-color:#fafaf8;
	display:inline-block;
	position:relative;
	z-index:200;
	
}

.PrimaryHeader #tagline
{
	background:transparent url('../img/blood_sweat_tears.png') no-repeat;
	width:210px;
	height:18px;
	font-size:1px;
	text-indent:-9000px;
	display:block;
	/*margin:0 auto;*/
}

.BannerLink
{
	color:#fff;
}

.TopBannerContainer
{
	color:#fff;
	float:left;	
	font-size: 85%;
    padding: 3px 0 0 12px;
}

.BannerMain 
{
	width:100%;
	min-height:100px;
	/*overflow: auto;*/
}



#SiteLogo
{
	height: 180px;
    	margin: -12px 0 0;
    	position: absolute;
    
}

@media (max-width: 481px) {
    .BannerMain {
		display:none;
	}
	
	#SiteLogo {
		display:none;
	}
}

.AdminContainer {
	display:block;
	float:left;
	width:705px;
	margin-left:20px;
	
}

.AdminSubNavContainer, .SubNavContainer
{
	display:block;
	width:140px;
	float:left;
	margin:0px 15px 0px 5px;
	display:block;
	height:auto;
	
}

.AdminSubNavContainer .NavItems
{
	margin: 0px;
}

.AdminSubNavContainer .NavItems li
{
	list-style-type:square;
	border-bottom:solid 1px #dfdfdf;
	font-size:.9em;
	margin-left:-15px;
}

.AdminSubNavContainer .NavTitle
{
	font-weight:bold;
	font-size: .95em;
	background:#dfdfdf url('/img/contentareabg.png') repeat-x;
	*background:#dbdbdb url('/img/contentareabg.png') repeat-x;
	padding:3px 0px 3px 6px;
}

.WorkingContainer
{
	text-align:center;
	padding-top:20px;
}


.PageHeader, .CorePageHeader {
    color: #827c6f;
    font-size: 1.5em;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: left;
    
}


.OwnerNavContainer
{
	float:left;
	display:block;
}




.CoreControlContainer 
{
	margin:0 12px;
}

.CorePageHeader
{
	padding-bottom:4px;
    border-bottom:3px solid #e7ebed;
}

.BodyContainer
{
	
}

.FooterMain
{
	background:#D9CEB2;
	text-align:center;
	color:#fff;	
	vertical-align:bottom;
	width:100%;
}

.FooterCopyright
{
	padding:6px;
}


/*Nav Styles*/

div.NavSetTitle
{
	position:relative;
	float:left;
	background:#f8ef31 url('/img/NavTitleBgAlt.png') repeat-x !important;
	border:solid 1px #f8ef31;
	width:100px;
	color:Black;
	font-weight:bold;
	font-family: "Trebuchet MS", sans-serif;
	font-variant:small-caps;
	margin:-30px 0px 0px -11px !important;
	margin /**/:-27px 0px 0px -11px;
	padding:0px 0px 0px 10px;
	line-height:23px !important;
	line-height /**/:19px;
	z-index:-1;
}
/*End Nav Styles*/

a.skipnav {
	height : 0px;
	width : 0px;
	display : block;
	position : absolute;
	text-indent : -9000px;
}

/**** Begin utility links ****/
.topnav_mainv3 {	
	font-size: 95%;
	text-align:right;
	margin: 4px 4px 10px 4px;
}
a {	
	color: #7e8f91;	
	text-decoration: none
}
a:hover {	
	text-decoration: underline
}
a:visited {	
	
}

a.topnav_mainv3 {
	color: #333;
	text-decoration: none;
}
a.topnav_mainv3:hover {
	color: #333;
	text-decoration: underline;
}
a.topnav_mainv3:visited {
	color: #999;
}
/**** End utility links ****/
h1 {
	font-size: 160%;
}

h2 
{
	font-size:140%;
}

/* For styles of bannered H2's please refer to styles_h2.css */

h3 {	
	margin-top: 5px;
	font-size: 120%;
	color: #25323d;
	/*border-bottom: solid 1px #ccc;*/
}
h4 {
	font-size: 120%;	
	color: #c96;
}
h5 {
	font-size: 115%;	
	color: #69c;
}
h6 {
	font-size: 100%;	
	color: #333;
}

.usingSecondaryNavigation {
	margin-left: 190px;
	
}


hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

ul.NoIndent 
{
	margin: 0px 0px 0px -25px !important;
	margin /**/: 0px 0px 0px 10px;
	list-style-position:outside;
}

/*** START SUB PAGE STYLES ***/


div#NavBar
{
	float:left;
	position: relative;
	margin: -83px 0px 0px 120px;
	width:882px;
	line-height:normal;
}



/***START NAVIGATION CSS***/

#MainNavContainer
{
	clear:both;
	width:100%;
	max-width: 981px;
	background-color:#beced0;
	border-bottom:2px solid #beced0;
	border-top:2px solid #beced0;
    z-index: 600;
	
}

#MainNavInnerContainer
{
	clear:both;
	border-bottom:2px solid #fafaf8;
	border-top:2px solid #fafaf8;
	width:100%;
	max-width: 981px;
}

ul#Navigation
{
	
	position: relative;
	padding: 0px;
	border: 0px;
	height: 29px;
	list-style:none;
	text-decoration:none;
	margin:0 auto;
	z-index:40;	
	display:table;
}

ul#Navigation li
{
	list-style-image:none;
	float: left;
	padding: 0;
	height:22px;
	margin: 4px 18px 0;
	text-align:center;
	
}

ul#Navigation li.first
{
	/*margin-left: 60px;*/
	
}
ul#Navigation li.last
{
	/*margin-right: 60px;*/
}
@media (max-width:801px){
	ul#Navigation li
	{
		margin: 8px 10px 0;
		text-align:center;
	}

	ul#Navigation li.first
	{
		/*margin-left: 20px;*/
		
	}
	ul#Navigation li.last
	{
		/*margin-right: 20px;*/
	}
}

ul#Navigation li a 
{
	text-decoration:none;
}

ul#Navigation li a span {
	color: #706B60; 
	text-align: center;
	padding: 2px 12px 4px 12px;
	text-decoration:none;
	font-size:1.6em;
	*font-size:1.4em;
	font-family: "TwCenMTRegular",Futura,Tahoma,Helvetica,sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
}

@media (max-width:981px){
	ul#Navigation li a span
	{
		font-size:140%;
		padding: 0px 4px;
	}
}

ul#Navigation li.current a span {
	/*color: #FAFAF8;*/
}

ul#Navigation li:hover
{
	/*
	float: left;
	height:24px;
	border-top:2px solid #827c6f;
	margin:2px 30px -2px;
	*/
}
ul#Navigation li.first:hover
{
	/*margin-left: 60px;*/
}

ul#Navigation li.last:hover
{
	/*margin-right: 60px;*/
}

/***END NAVIGATION CSS***/


/***START CONTENT HOLDER CSS***/
div.ContentBox
{
	position:relative;
	display:block;
	padding:0px 0px 0px 4px;
	margin:0px 4px 8px;
	overflow:auto;
		
}

div.ContentBody
{
	display:block;
	padding:8px 0px 4px 0px;
		
}

div.ContentBorder
{

}

div.ContentBar 
{
	padding-top:3px;
	padding-bottom:10px;
}

.ContentTitle
{
	background: #E7EAEC;
	color: #183045;
	position:relative;
	font-family: Helvetica;
	margin:0;
	padding:4px 10px;
	line-height:19px;
}

.ContentArea
{
	position:relative;
	display:block;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin:8px 10px 8px 10px;
}


div.ContentArea div.ContentBanner
{
	position:absolute;
	display:block;
	height:8px;
	width: 100%;
	*width: inherit;
	margin:-1px 0px 0px 0px;
	*margin: 0px -4px 0px 0px;
}

.ContentLinks
{
	padding:0px 10px 0px 0px;
	position:relative;
	display:block;
	float:right;

}

li.UserDropItem {
	float:left;
	line-height:14px;
	margin:0;
	padding:0 5px 0 0;
	width:140px;
	list-style-type:none;
	list-style-image:none;
}

.UserDropRow, .UserDropHeader
{
	display:inline-block;
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
	width:100%;
}

li.EmailAttachmentItem {
	float:left;
	line-height:24px;
	margin:0;
	padding:0 5px 0 0;
	width:140px;
	list-style-type:none;
	list-style-image:none;
}

li.Filename
{
	width:250px;
	padding-left:5px;
}

li.Size
{
	width:65px;
}

li.Action
{
	vertical-align:middle;
	text-align:right;
	width:30px;
}

.AttachmentsContainer 
{
	margin: -20px 0px 0px 130px;
}

div.ElementDiv .EmailAttachmentRow, div.ElementDiv .EmailAttachmentHeader
{
	display:inline-block;
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
	width:380px;
}

span.progressBarStatus
{
	display:block;
}
span.UploadButtonContainer
{
	display:block;
}

.EmailAttachment
{
	overflow:auto;
	width:auto;
	height:auto;
}

.SortofHidden 
{
	width:0px;
	height:0px;
	overflow:hidden;
}

/***END CONTENT HOLDER CSS***/

/*** UPLOAD TEMPLATE ***/

.SecondaryContentArea
{
	float:left;
	display:block;
	width:240px;
	padding-left:10px;
}
.UploadContainer 
{
	display:block;
	float:left;
	width:730px;
	padding-left:10px;
}

ul.ControlPanelNavList
{
	list-style:none;
	margin-left:-29px;
}

ul.ControlPanelNavList li
{
	list-style:none;
}

/*** END UPLOAD TEMPLATE ***/

.GenericTableWrapper
{
	font-size:95%;
	border:1px solid #E6EAED;
}

.GenericTableWrapper table
{
	width:100%;
	text-align:left;
}

.FileHistoryWrapper
{
	clear:both;
	margin-top:10px;
	width:534px;
	float:right;
	display:block;
}

.AuthorListWrapper
{
	width:534px;
}

.GenericTableItem {
	line-height:14px;
	margin:0;
	padding:2px 5px 2px 3px;
}

.GenericTableHeader .GenericTableItem
{
	border-bottom:1px solid #5F9F6E;
}
	

.AuthorDisplayItem {
	
}
	


.AuthorDisplayHeader .Username {
	width:200px;
}

.AuthorDisplayHeader .Email {
	text-align:left;
}

.GenericDisplayRow, .GenericTableHeader
{
	margin:0;
	padding:0;
	width:100%;
}


.GenericTableHeader
{
	background:#a5caaa url('../img/genericTableHeaderBg.png') repeat-x;
	text-align:center;
	padding: 3px 2px 3px;
}

.AuthorDisplayRow, .AuthorDisplayHeader
{
	
}

.AuthorDisplayHeader
{
	
}

/* TAG CLASSES */

ul.FileUploadTagList li
{
	float: left;
    list-style-image: none;
    list-style-type: none;
    margin: 0 14px 0 -14px;
}

.TagContainer 
{
	background:#fafaf8 url('../img/tag_bg.png') repeat-x 0 0;
	-moz-border-radius: 2px;
    border: 1px solid #99b2b7;
    color: #FFFFFF;
    display: inline-block;
    line-height: 18px;
    margin: 5px 3px 3px 0;
    padding: 0 6px;
    text-decoration: none;
    text-align:center;
}

.TagContainer:hover
{
	background:#d9e7ea url('../img/tag_bg.png') repeat-x 0 -18px;
	border: 1px solid #61838a;
    
    
}

.TagRemoveButton
{
	font-size:1px;
	text-indent:-9000px;
	display:inline-block;
	height:20px;
	width:20px;
	background: url("/img/remove.png") no-repeat scroll right center transparent;
	vertical-align: top;
}

.DraftLastSaved 
{
	display: inline-block;
	font-size:95%;
	margin: 7px 10px 0px 0px;
}

.BgFlashDefault
{
	background-color:#FFF;
}

.BgFlash
{
	background-color:#A5CAAA;
}

/* FILE SPECIFIC STYLES */

div.ImageAttachmentOuterContainer
{
	position:relative;
	display:block;
	padding:0px 0px 0px 4px;
	margin:0px 4px 8px;
	-moz-box-shadow: 3px 3px 4px #CCC;
	-webkit-box-shadow: 3px 3px 4px #CCC;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC');
	border:1px solid #e7ebed; 
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome */
	float:left;

		
}

.ImageAttachmentsContainer
{
	overflow:auto;
	max-height:420px;
	width: 535px;
}

.ImageAttachmentContainer
{	
	width:150px;
	height:125px;
	float:left;
	padding:3px;
	margin-left:-3px;
}

.FileAttachmentsContainer
{
	width: 535px;
}

.ThumbnailContainer
{
	height:108px;
	text-align:center;
	
}
.TypePrimaryImage
{	
	background-color:#96BF9C
}

.ThumbLink:hover
{
	overflow:visible;
	z-index:1000;
	border:none;		
}

.RemoveImage
{
	position:absolute;
	margin-left:137px;
}

.PrimaryImageLabel
{
	font-size:1px;
	text-indent:-9000px;
	position:absolute;
}

.PrimaryContainer
{
	position:absolute;
	margin: -3px 0 0 -5px;
}

a.ThumbnailLink
{
	
}

img.ThumbnailPreview {
    display: block;
    margin: 0 auto;
 }


h2.FacebookWelcome
{
	background-image:url('../img/Facebook-high-detail-32.png');
	background-repeat:no-repeat;
	padding-left:34px;
	height:32px;
	border-bottom:2px solid #D2D2D0;
}

.FacebookProfilePhotoContainer, .GravatarProfilePhotoContainer
{
	display:block;
	/*float:right;*/
	margin:1px 3px;
	
	
}

.FacebookProfilePhotoContainer span.FacebookProfilePhoto, .GravatarProfilePhotoContainer span.GravatarProfilePhoto
{
	display:inline-block;
	width:50px;
	height:50px;
}

.FacebookProfilePhotoContainer .FacebookPhotoOverlay
{
	background: transparent url('../img/smallFacebookOverlay.png') no-repeat right bottom;
	width:inherit;
	height:inherit;
	display:block;
}


/* POPUP LOGIN CONTAINER */

#PopupLoginContainer div#CoreLoginForm .OuterLoginContainer 
{
	border:none;
	width:auto;
	-moz-border-radius:0px;
}
#PopupLoginContainer div#CoreLoginForm
{
	margin:0px;
	padding:0px;
}
		
#PopupLoginContainer div.FormSet
{
	margin:0px;
	padding:0px;
}
		
#PopupLoginContainer .CoreForm
{
	margin:0px;
			
}
		
#PopupLoginContainer div#CoreLoginForm .CoreFormLoginHeader
{
	font-size:120%;
	padding:15px 0;
}
		
#PopupLoginContainer div#CoreLoginForm .LoginFormContainer, #PopupLoginContainer div#CoreLoginForm .FacebookConnectContainer
{
	width:255px;
}
		
#PopupLoginContainer div#CoreLoginForm div.CoreFormElement
{
	width:160px;
}
		
#PopupLoginContainer div#CoreLoginForm .CoreFormContainer label.StandrdFormLabel
{
	width:70px;
}
		
#PopupLoginContainer .FormButtonsContainer
{
	width:100%;
	padding:0px;
}

.MediaContainer
{
	text-align:center;
	margin:0 auto;
	position:relative;
}

.MediaContainer img
{
	border:none;
	vertical-align:middle;
}

.PhotoContainer img
{
	border:none;
	vertical-align:middle;
	height:100%;
	width:100%;
}

.GalleryPhoto
{
	display:inline-block;
	width: 48%;
	padding:5px 0;
}

.AdContainer
{
	text-align:center;
}

.ToolItem
{
	float:right;
	display:block;
	margin:15px;
}

.PagesContainer 
{
	
}
.PagesContainer .PageNumberContainer 
{

}

.Paging .PagesPreContainer, .Paging .PagesPostContainer
{
	display: inline-block;
    width: 120px;
}

.PagesContainer .PageNumberContainer a 
{
	padding: 3px 8px;	
	border: 1px solid #888888;
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0px 4px;
	font-size:120%;
	text-decoration:none;
	
}

.PagesContainer .CurrentPage a
{
	background: none repeat scroll 0 0 #AAAAAA;
	color:#FFF;
}

.PagesContainer .PageNumberContainer a:hover
{
		
	background: none repeat scroll 0 0 #DDDDDD;
	color:#61838A;
}

/* Projects Styles */

#FullProjectsContainer 
{
	font-size:100%;
	/*line-height:1em;*/
}


.ProjectsOuterContainer
	{
		margin: 25px 0px;
	}
	.ProjectsHeader
	{
		
		font-family: "TwCenMTRegular",Futura, Tahoma, Arial;
		text-align: left;
		color: #706B60;
		border-top: 2px solid #D9E7EA;
		border-right: 2px solid #D9E7EA;
		border-left: 2px solid #D9E7EA;
		background: #FAFAF8;
		padding:1px 1px 0px 1px;
	}
	
	.ProjectsHeader > .ProjectsHeaderInnerContainer
	{
		padding: 6px 0px 6px 12px;
		display: block;		
		background: #D9E7EA;
		overflow:auto;
	}
	
	.ProjectsHeader a span
	{
		color: #706B60;
	}
	
	.ProjectsHeader > .ProjectsHeaderInnerContainer > a > span.ProjectHeaderLink
	{
		text-transform: uppercase;
		letter-spacing: 7px;
		font-size: 2em;
		padding-top: 3px;
		display: inline-block;
		max-width: 460px;
	}
	
	.ProjectsHeader span.MoreLink,.ProjectsHeader span.BackLink
	{
		text-transform: uppercase;
		float:right;
		padding:4px;
		border: 1px solid #FAFAF8;
		margin: 4px 8px 0px 0px;
		display:none;
	}
	
	
	.ProjectsHeader span.MoreLink:hover
	{
		background-color: #FAFAF8;
	}
	
	.ProjectMore span
	{
		color: #706B60;
		display:block;
	}
	
	.ProjectsInnerContainer
	{
		border-bottom: 2px solid #D9E7EA;
		border-right: 2px solid #D9E7EA;
		border-left: 2px solid #D9E7EA;
		background: #FAFAF8;
		padding: 0px 1px 1px 1px;
		margin: 0px 0px 2px;
	}
	
	.ProjectsInnerContainer > ul
	{
		list-style-type:none;
		overflow:auto;
		margin:0px;
		padding:0px;
		border: 1px solid #D9E7EA;
		display:none;
	}
	
	.ProjectsInnerContainer > ul > li
	{
		float:left;
		display:block;
		list-style-type:none;
		background: #FAFAF8;
		width:33.3%;
		margin:0px;
		padding:0px;
	}
	
	#OuterJumpContainer 
	{
		text-align:center;
	}

	#JumpContainer
	{
		display:inline-block;
		text-align: left;
	}
	
	.ProjectJump
	{
		list-style-type: none;
		display:inline-block;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
	}
	
	.ProjectJump > li
	{
		list-style-type:none;
		margin: 4px 2px;
		padding:0px;
		background-color: #E4E4E2;
		min-width: 200px;
		font-family: "TwCenMTRegular",Futura,Tahoma,Helvetica,sans-serif;
		font-size: 1.2em;		
	}
	
	.ProjectJump > li > a > span
	{
		display: inline-block;
		min-width: 200px;
		padding: 5px 10px;		
	}

	.ProjectJump > li span.arrows
	{
		display:none;
	}

	.ProjectJump > li:hover
	{
		background-color: #D9E7EA;
		color: #706B60;
	}

	.ProjectJump > li:hover a
	{
		color: #706B60;
		text-decoration:none;		
	}
	
	
	.ProjectInnerContainer > div.ProjectImage
	{
		border: 2px solid #D9E7EA;
		display:block;
		margin:16px auto;
		min-width: 150px;
		width:150px;
	}
	
	.ProjectInnerContainer > div.ProjectLabel
	{
		display:block;
	}
	
	.ProjectInnerContainer > div.ProjectLabel span
	{
		text-align:center;
		padding: 0px 20px 5px;
		display:block;
		min-height: 30px;
		height: 30px;
	}	
	
	.ProjectsInnerContainer div.ProjectsLoadingContainer
	{
		text-align:center;
		padding: 50px 0px 0px;
		border: 1px solid #D9E7EA;
		min-height: 394px;
	}
	
	.ProjectsInnerContainer div.ProjectsLoadingContainer > span
	{
		text-align:center;
		padding:20px 0px;
		font-family: "TwCenMTRegular",Futura, Tahoma, Arial;
		text-transform:uppercase;
		letter-spacing:7px;
		font-size:1.5em;
		display:block;
	}
	
/* end Projects Styles */

#ResponseBanner {
    font-family:Arial,Helvetica,sans-serif;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:700;
    text-align:center;
    font-size:100%;
    color:#000;
    padding:10px 0px 10px 0px;
	background-color:#ecf8ff;
	background-color: rgba(236, 248, 255, 0.94);   
}

#ResponseBanner #pageBannerTitle {
	font-family: Droid Serif,Arial,Helvetica,sans-serif;
	font-size: 1.4em; 
	text-transform: uppercase; 
	color: #2e2e2e;
}
#ResponseBanner #pageBannerTitle.noteTitle{
	color: #2e2e2e;
}
#ResponseBanner #pageBannerTitle.warningTitle{
	color: #d89307;
}
#ResponseBanner #pageBannerTitle.errorTitle{
	color: #d41f16;
}
#ResponseBanner.bannerNote {
	background-color:#ecf8ff;
	background-color: rgba(236, 248, 255, 0.94);    
}

#ResponseBanner.bannerWarning {
	background-color:#EEDD82;
	background-color: rgba(255, 246, 201, 0.94);   
}

#ResponseBanner.bannerError {
	background-color:#FFDFDE;
	background-color: rgba(255, 241, 241, 0.94);   
}

#ResponseBanner span, #ResponseBanner ul {
    text-align: center;
}

#ResponseBanner ul {
	list-style:none;
	margin : 0;
	padding:0;
}

#ResponseBanner .closeNotify {
    white-space: nowrap;
    position:absolute;
    color:#959595;
    text-decoration:none;
    border:0;
    display: inline-block;
	top: 14px;
	right: 14px;
}

#ResponseBanner .closeNotifyIcon {
    height:16px;
	width:16px;
	background-image: url('../img/icoClose.png');
	background-repeat:no-repeat;
	margin:0 0 0 4px;
	float:right;
}

#ResponseBanner .closeNotify a {
    color: #959595;
	text-decoration:none;
}

div#CoreLoginForm .OuterLoginContainer 
{
	margin: 0 auto;
}
div#CoreLoginForm .CoreFormLoginHeader 
{
	font-size: 130%;
	font-weight: normal;
	padding: 30px 0;
}

div#CoreLoginForm .LoginFormContainer
{
	display:block; 
	margin: 0 auto; 
	float:left; 
	position:relative; 
	text-align:center;
}
div#CoreLoginForm div.CoreFormContainer {display:block; position:relative; padding: 5px; font-weight: bold;width:100%; }		
div#CoreLoginForm div.CoreFormElement { display:block; position:relative; text-align: left; padding: 5px; width:170px;}
div#CoreLoginForm div.CoreFormElement .textbox {width: 120px;}
div#CoreLoginForm p {padding: 5px;}
div#CoreLoginForm p.WarningBannerContainer {text-align:left;}
div#CoreLoginForm .CoreFormContainer label {margin:6px 0px 0px 0px; padding:0px 5px 0px 0px;}
div#CoreLoginForm .CoreFormContainer label.StandrdFormLabel {width:90px;text-align: right;}
div#CoreLoginForm .LoginHeaderContent {}

div#CoreLoginForm .CoreLoginFormSeperator 
{
	background: url("../img/seperatorline.gif") repeat-y scroll 12px 0 transparent;
	float: left;
	height: 240px;
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
	width: 25px;
}
div#CoreLoginForm .LoginFormSeperatorText 
{
	background: none repeat scroll 0 0 #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	position: relative;
	text-align: center;
	top: 100px;
	width: 25px;	
}
div#CoreLoginForm .FacebookConnectContainer 
{
	float:left;
	display:block;
	text-align:center;
}

#NewComment {
	padding-bottom:15px;
	position:relative;
}	

#NewComment input, #NewComment textarea, #NewComment select, .CommentEdit input, .CommentEdit textarea, .CommentEdit select {
	border: 1px solid;
	padding: 1px 4px;
}

#NewComment input[type="text"], .CommentEdit input[type="text"], #NewComment select, .CommentEdit select {
	height: 21px;
}

#NewComment input.formValidLabel, #NewComment input.formErrorLabel,.CommentEdit textarea.formValidLabel, .CommentEdit textarea.formErrorLabel{
	border: 1px solid green;
}

#NewComment textarea + label,.CommentEdit textarea + label {
	display:block;
	width: 324px;
	margin:0;
}

#NewComment input.formErrorLabel, #NewComment textarea.formErrorLabel, .CommentEdit input.formErrorLabel, .CommentEdit textarea.formErrorLabel{
	border-color: #d41f16;
}

label.formValidLabel, label.formErrorLabel{
	display:inline-block;
	padding: 4px 10px 4px 24px;
	background-repeat:no-repeat;
	background-position: 4px 6px;
	background-image: url('../img/valid.png');
	color: green;
	font-weight: bold;
}

 label.formErrorLabel{
	color: #d41f16;
	background-image: url('../img/invalid.png');
}