/* HEADER CONTAINER*/
.LogoContainer {
	padding: 0px 10px 0px 10px;
	border-width : 0px;
	border-color : #000000;
	border-style : solid;
}
.HeaderContainer {
	width: 770px;
	background-image: url(../logo/home-bg.gif);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", sans-serif;
	font-weight: bold;
}
.HomeTagLine {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: right;
	padding: 5px 10px 0px 0px;
}
/* SEARCH CONTAINER */
.SearchContainer {
	background-color: #FF690B;
	width: 770px;
	padding-top: 60px;
	padding-bottom: 10px;
}
/* Overide the common case for the home pages*/
.HeaderButtons {
    font-size : 11px;
    padding-right : 5px;
    padding-top : 5px;
    margin: 0px;
    background-color: #FF690B;
    text-align: right;
    z-index : 10;
}

.SearchBox {
	background-color: #FF690B;
}
.SearchBoxHidden {
	display: none;
}
.SearchContainer a:hover {
	color: #333333;
}
.MenuItemActive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.MenuItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}

/* CATEGORY CONTAINER */
/* Defines the horizontal container for the application menu */
#ActionContainer {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	font-size: 11px;
	text-align: left;
	padding: 20px 0px 20px 0px;
}
/* Defines the link style for a category link */
#ActionContainer a {
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-decoration: none;
	color: #6699CC;
}
#ActionContainer a:hover {
	text-decoration: underline;
}
/* Defines the standard style for category text */
#ActionContainer p {
	color: #666666;
	font-size: 11px;
}


/* FEATURE CONTAINER */
/* Defines the horizontal container for the feature bar */
#FeatureContainer {
	padding: 20px 0px 20px 0px;
}

/* APPLICATION DEFINITIONS */
/* Defines the horizontal container for the application menu */
#AppContainer {
	position: relative;
	height: 35px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 20px;
}
/* Defines an absolutely positioned box for the menu items */
#AppMenu {
	left: 0px;
	bottom: -1px;
	position: absolute;
	height: 21px;
	margin-right: 20px;
	margin-left: 20px;
}
/* Workaround: bypass IE6, to pull menu items up 2px on NS, SF */
html>body #AppMenu { bottom: 0px }
/* Defines the link style for an application menu item link */
#AppMenu A {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left:5px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
/* Adds the underline on hover to the application menu item link */
#AppMenu A:hover {
	text-decoration: underline
}
/* Makes the selected application menu item link emphasized */
#AppMenu .MenuItemActive a {
	color: #000000;
}
/* Defines the application menu item square tab */
#AppMenu .MenuItem {
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 5px;
	height: 16px;
	background-color: #eaf2ff;
	border: 1px solid #CCCCCC;
}
/* Defines the active application menu item square tab, with matching body background and bottom border */
#AppMenu .MenuItemActive {
	float: left;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 5px;
	height: 16px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-bottom-color: #FFFFFF;
}


/* CONTENT HEADING DEFINITIONS */
/* CORE CONTENT BLOCK*/
.Content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* Top level heading, use only once on a page */
.Content h1 {
	padding: 0px;
	margin: 0px;
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
}
/* Second level heading, use as a major section separator */
.Content h2 {
	padding: 0px;
	margin: 10px 0px 5px 0px;
	color: #666666;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/* Third level heading, use this as the common heading and sub-heading to major sections */
.Content h3 {
	padding: 0px;
	margin: 0px;
	color: #333333;
	font-size: 14px;
	line-height: 16px;
}
/* Fourth level heading, used as a sub-heading for minor sections */
.Content h4 {
	padding: 0px;
	margin: 0px;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
}
/* Fifth level heading, use as a subtle heading  */
.Content h5 {
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}
/* Sixth level heading, use as a subtle heading  */
.Content h6 {
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-weight: bold;
	font-size: 10px;
}

/* CONTENT LIST DEFINITIONS */
/* Defines spacing for a content un-ordered list  */
.Content ul {
	padding: 0px;
	margin: 0px;
}
/* Defines an individual content list item  */
.Content li {
	padding: 2px 0px 2px 5px;
	list-style-type: square;
	list-style-position: inside;
	color: #333333;
}
/* Defines the drill-down or breadcrumb trail of links */
.Content .Breadcrumb {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	color: #333333;
}
/* Defines the category items in the list of categories */
.CatItem {
	padding: 5px 0px 5px 0px;
	font-size: 11px;
	color: #333333;
}
.CatItem a {
	font-size: 12px;
}

.CBlock {
	width: 760px;
	padding: 0px 20px 0px 20px;
}
/* Workaround: bypass IE6, to set proper width of category layout block */
html>body .CBlock { width: 730px }

/* CATEGORY COLUMN LAYOUT*/
.CatContainer {
	position: relative;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 20px;
}
.CatMenu {
	left: 0px;
    right: 0px;
    width: 100%;
    vertical-align: top;
}
.CatMenu .MenuItem {
	float: left;
    width: 210px;
    text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	height: 60px;
	font-size: 11px;
	color: #333333;
}
.CatMenu .MenuItem a {
	font-size: 12px;
}

/* Second level heading, use as a major section separator */
h2 {
	padding: 0px;
	margin: 10px 0px 5px 0px;
	color: #666666;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}



/* Second level heading, use as a major section separator */
h1 {
	padding: 10px 10px 3px 20px;
	margin: 0px 0px 20px 0px;
	color: #FF6600;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}


.CityMenu {
    position: relative;
	left: 20px;
    right: 20px;
    width: 720px;
    vertical-align: top;
    text-align: left;
}
.CityMenu .MenuItem {
	float: left;
    width: 210px;
    text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
	height: 60px;
	font-size: 11px;
	color: #333333;
}
.CityMenu .MenuItem a {
	font-size: 12px;
}

#ActionContainer .CityMenu .MenuItem a {
	padding: 0px 0px 0px 0px;
	color: #666666;
	font-weight: normal;
}
#ActionContainer .CityMenu .MenuItem .city {
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color: #6699CC;

}