﻿/* Palette color codes */
/* Feel free to copy&paste color codes to your application 

.primary-1 { background-color: #6D84B4 }
.primary-2 { background-color: #5F6C87 }
.primary-3 { background-color: #233E75 }
.primary-4 { background-color: #99AEDA }
.primary-5 { background-color: #AAB9DA }

 end */


.g_title p, .g_footer p, .g_description p
{
	margin: 0;
}
/*

  	-- -- -- -- -- -- --
  	Browser Fixes
  	-- -- -- -- -- -- --
  	
  	This file uses CSS filtering methods to fix various
  	layout bugs.

  	Each of the following three imported files is a 
  	separate, browser-specific CSS file that keeps all 
  	hacks out of the main style sheet.
  	
  	Over time, as supporting these browsers no longer
  	remains a priority, cleaning up the hacks is as
  	easy as deleting the @import statement below, or
  	simply no longer linking this file from the HTML.
  	
  */

/* 
    fix ie6 "peekaboo bug" using the "holly hack". 
    Note, this style only gets applied to ie6
  */
html .wrapper
{
	height: 0.1%;
}

/* 
   * IE5 mac - overrides the IE/Win hack 
   */

/*\*//*/

  * html #threecolumn div {
  	height: auto;
  }

  /**/


/* 
   * IE5/Win-specific CSS -ensures #container wraps all content on window resize
   */

@media tty
{
	i
	{
		content: "\";/*" "*/}} * html #container { height: 1%; } /*";
	}
}

/* Styling for editable elements. Eventually, this will be part of the style. */
.editable
{
	border: 1px dashed blue;
}

/* Extra divs hidden by default. The custom CSS can override this though */
.extraDiv1, .extraDiv2, .extraDiv3, .extraDiv4, .extraDiv5, .extraDiv6
{
	display: none;
}

a img, :link img, :visited img
{
	border: none;
}

/** BEGIN CUSTOM SKIN **/
/*

  	-- -- -- -- -- -- --
  	Base CSS
  	-- -- -- -- -- -- --
  	
  	This file simply removes default styling on most HTML elements in 
  	order to reduce the need to later override them.
  	
  */

h1, h2, h3, h4, h5, h6, pre, code, p
{
	font-size: 1em;
}
dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input
{
	margin: 0;
	padding: 0;
}
a img, :link img, :visited img
{
	border: none;
}
address
{
	font-style: normal;
}
a
{
	color: #233E75;
	text-decoration: none !important;
}
a:visited
{
	color: #233E75;
}
a:hover
{
	color: #5F6C87;
	text-decoration: underline;
}
b, strong
{
	font-weight: bold;
}
blockquote
{
	border-left: none;
	margin: 1em 3em;
	padding-left: 1em;
	font-size: 0.9em;
}
blockquote p
{
	line-height: 1.45em;
}
em
{
	font-style: italic;
}
h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	margin: 0 0 0 0;
}
h1
{
	font-size: 2.25em;
	color: #666;
	margin: 0;
}
h2
{
	font-size: 1.5em;
	color: #333;
}
h3
{
	font-size: 1.3em;
}
h4
{
	font-size: 1.15em;
	padding: 8px;
}
h5
{
	font-size: 1em;
}
h6
{
	font-size: 0.8em;
}
p, li
{
	color: #233E75;
	line-height: 1.75em;
	margin: 0 0 1.5em 0;
}
blockquote p, table p, dd p, li p, #header p
{
	margin-bottom: 0.5em;
}
ul, ol
{
	margin: 1em 0;
	padding-left: 1.6em;
	color: #99AEDA;
}
li
{
	margin: 0.25em 0;
	color: Silver;
}
ul li
{
	list-style-type: disc;
}
ol li
{
	list-style-type: decimal;
}
table
{
	border: 1px solid #233E75;
	border-width: 0px 0px 0 0px;
}
table caption
{
	display: block;
	font-style: italic;
	white-space: nowrap;
	margin: 0.5em 1em;
}
table td, table th
{
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
table th
{
	font-weight: bold;
	border-bottom: none;
}
table td
{
	border-bottom: none;
}

dl
{
	margin: 1em;
	line-height: 1.5em;
	list-style-type: disc;
}
dt
{
	font-weight: bold;
	margin-top: 0.5em;
}
dd
{
	margin-left: 2em;
}

.adsense
{
	text-align: center;
}

.footer
{
	margin-top: 2em;
}
.header
{
	border-bottom: 1px solid #233E75;
	margin-bottom: 2em;
}
.sidebar
{
	font-size: 1.0em;
}
.sidebar :first-child
{
	margin-top: 0;
}
.sidebar-alternate
{
	font-size: 1.0em;
}
.sidebar-alternate :first-child
{
	margin-top: 0;
}
.main-content
{
	background: #fff;
}
.main-content h2:first-child
{
	margin-top: 0;
}

@media print
{
	html
	{
		background: #fff !important;
	}
	.container
	{
		border-width: 0px !important;
		padding: 0 !important;
	}
}

/* Tweaks for Three-column layout
  ----------------------------------------------- */
.threecolumn #main-content .wrapper
{
	padding: 0 25px;
}

/* Tweaks for Two-column Left layout
  ----------------------------------------------- */
.twocolumn-left #main-content .wrapper
{
	padding-left: 25px;
}

/* Tweaks for Two-column Right layout
  ----------------------------------------------- */
.twocolumn-right #main-content .wrapper
{
	padding-right: 25px;
}

/* Tweaks for Two-column Liquid layout
  ----------------------------------------------- */
.twocolumn-liquid-right .container
{
	margin: 1em 1em;
}
.twocolumn-liquid-right .main-content .wrapper
{
	padding-right: 25px;
}
.twocolumn-liquid-left .container
{
	margin: 1em 1em;
}
.twocolumn-liquid-left .main-content .wrapper
{
	padding-left: 25px;
}

/* Tweaks for One-column Liquid layout
  ----------------------------------------------- */

/* Tweaks for One-column layout
  ----------------------------------------------- */
.onecolumn .main-content .wrapper
{
	padding-left: 0;
}

/* ie5win */
@media tty
{
	i
	{
		content: "\";/*" "*/}} * html #container { padding: 25px 0px 10px 10px; } /*";
	}
}
/* */

/** END CUSTOM SKIN **/

html
{
}
body
{
	font-family: Arial, "Arial Narrow" , Verdana;
	font-size: smaller;
	font-weight: bold;
	color: #233E75;
	background-color: #6D84B4;
}


.LandingMainTable
{
	border-right: #233E75 1px solid;
	border-top: #233E75 1px solid;
	border-left: #233E75 1px solid;
	border-bottom: #233E75 1px solid;
	background-color: White;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 766px;
	text-align: center;
	left: 0px;
	top: 0px;
	padding: 0;
}

.Footer
{
	text-align: center;
}

.RightSideBar
{
	font-family: Arial, "Arial Narrow" , Verdana;
	color: #AAB9DA;
	font-size: small;
	white-space: nowrap;
}

/*WebPart CSS*/
.PartTitleStyle
{
	background-image: url(Images/BoxMidSection.gif);
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: White;
}
.PartStyle
{
	border-color: #A30B0B;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	background-color: #332828;
}
/*End WebPart CSS*/

.CategoryPlaceHolderTable
{
	width: 100%;
	border: solid 1px #233E75;
	text-align: center;
	background-color: #99AEDA;
}

.CityTitle
{
	font-family: Arial, "Arial Narrow" , Verdana;
	background-color: #99AEDA;
	height: auto;
	font-size: 16px;
	color: White;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	border: solid 1px #233E75;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#233E75,endColorStr=#AAB9DA);
	float: left;
	text-align: center;
}

.CityDescription
{
	font-family: Arial, "Arial Narrow" , Verdana;
	height: auto;
	font-size: 12px;
	color: #233E75;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.CategoryTitle
{
	background-color: White;
	border: solid 1px #233E75;
	text-transform: uppercase;
	vertical-align: middle;
	color: White;
	white-space: nowrap;
	font-family: Arial, "Arial Narrow" , Verdana;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
}


table.CategoryTable
{
	background-color: Black;
	padding: 0px;
	border-bottom: solid 1px #233E75;
	border-top: solid 1px #233E75;
	border-left: solid 1px #233E75;
	border-right: solid 1px #233E75;
	width: 100%;
}
td.CategoryTable
{
	background-color: #AAB9DA;
	padding: 3px;
	font-family: Arial, "Arial Narrow" , Verdana;
	font-size: smaller;
	font-weight: bold;
	color: Gray;
}

.RegionNeighborParent
{
	color: #5F6C87;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

.RegionNeighborChild
{
	color: #5F6C87;
	font-size: 9px;
	text-align: left;
}

/* CSS for the posting listing */
.PostListing table
{
	padding: 6;
	margin: 3;
	border: 0px solid #233E75;
	font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS";
	font-size: 0.9em;
	text-align: left;
}

.PostListing table td, .PostListing table th
{
	padding: 6;
	margin: 3;
	text-align: left;
	vertical-align: middle;
}

.PostListing tr.header
{
	padding: 6;
	margin: 3;
	color: white;
	background-color: #AAB9DA;
	height: 10px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}

.PostListing tr.normal
{
	padding: 6;
	margin: 3;
	color: #AAB9DA;
	background-color: #99AEDA;
	vertical-align: middle;
	text-align: left;
}

.PostListing tr.alternate
{
	padding: 6;
	margin: 3;
	color: White;
	background-color: #AAB9DA;
	vertical-align: middle;
	text-align: left;
}

.PostListing tr.normal:hover, .PostListing tr.alternate:hover
{
	padding: 6;
	margin: 3;
	background-color: #6D84B4;
	color: #AAB9DA;
	font-weight: bold;
}
.PaddingMargin
{
	margin: 15px;
	padding: 15px;
}
/*  END CSS for the posting listing */
.Watermark
{
	color: Gray;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: White;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 500px;
}

.UserCreateControl
{
	font-family: Verdana;
	font-size: 100%;
	width: 90%;
	padding: 5px;
	vertical-align: middle;
}
.UserCreateControlHeader
{
	color: White;
	background-color: #233E75;
	font-weight: bold;
}

.ErrorLabel
{
	color: Red;
}

.Container
{
	width: 100%;
	color: #AAB9DA;
	text-align: left;
	border: solid 1px gray;
}

.ContainerHeader
{
	background-color: #5F6C87;
	border: solid 1px #233E75;
	text-transform: uppercase;
	vertical-align: middle;
	color: White;
}

.ContainerContents
{
	text-align: left;
	background-color: #6D84B4;
}

.TextLogo
{
	background-color: #6D84B4;
	border: dashed 1px #233E75;
	font-family: Arial Narrow, Verdana, Arial;
	font-size: large;
	color: #5F6C87;
	text-transform: uppercase;
	text-align: center;
	height: 100px;
	width: 100%;
}

.ReciprocalLinkList
{
	padding: 5px;
	margin: 5px;
	text-align: center;
	border: solid 1px #233E75;
}

.ReciprocalLinkListHeader
{
	text-align: center;
	border: solid 1px #233E75; 
	background-color: #99AEDA;
}

.DisclaimerText 
{
	text-align: center; 
	color: White;	
}