/*========================================================*/
/*     Cascading Style Sheet for BRH DotNetNuke Skin      */
/*              created by Tyler Fawcett                  */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. Universal                                          */
/*  2. Containers                                         */
/*  3. Links                                              */
/*  4. Text                                               */
/*  5. Forms                                              */
/*  6. Main Menu                                          */ 
/*  7. Module Menus                                       */
/*========================================================*/

/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Forces browser height of 100% */
html {
	height: 100%;
}


/* Body style */
body {
	margin: 0;
	height: 100%;
}


/* Catch-all to ensure text consistency */
table, tr, td, p {
	line-height: 1.2em;
	font-family: tahoma; 
	font-size: 11px;
}


/* Enlarges text in the content area only */
.ContentCell table, .ContentCell tr, .ContentCell td, .ContentCell p, .ContentCell .Normal {
	line-height: 1.2em;
	font-family: verdana; 
	font-size: 12px;
}




/*========================================================*/
/*  2. Containers                                         */
/*========================================================*/



/* Controls background for site */
.SiteBG {
	background: url(bg.gif);
}


/* Establishes width of site */
.SiteWidth {
	width: 779px;
	background: #fff;
}


/* Creates left drop shadow */
.ShadowLeft {
	width: 10px;
	background: url(shadow_left.gif) repeat-y;
	font-size: 1px;
}


/* Creates left drop shadow */
.ShadowRight {
	width: 10px;
	background: url(shadow_right.gif) repeat-y;
	font-size: 1px;
}



#BRH .Header {
	width: 759px;
	height: 64px;
	background: url(header_brh.gif) top left no-repeat;
}


#TG .Header {
	width: 759px;
	height: 64px;
	background: url(header_tg.gif) top left no-repeat;
}


#Brook .Header {
	width: 759px;
	height: 64px;
	background: url(header_brook.gif) top left no-repeat;
}


/* Contains register/login links */
.LoginCell {
	height: 44px;
	text-align: right;
	padding: 6px 15px 2px 0;
	color: #1F5E4C;
}


/* Contains breadcrumbs */
.BreadcrumbCell {
	padding: 5px 10px 5px 10px;
	height: 30px;
	color: #B1A59B;
	font-weight: bold;
	font-family: georgia;
	text-align: right;
}



/* Contains breadcrumbs */
.BreadcrumbUL {
	height: 9px;
	background: url(breadcrumb_shadow.gif) no-repeat top left;
}



/* side content area */
.SideBar {
	width: 200px;
}


/* Property name graphic */
#BRH .TTL {
	width: 200px;
	height: 53px;
	background: url(ttl_brh.gif) no-repeat top left;
}


/* Property name graphic */
#TG .TTL {
	width: 200px;
	height: 53px;
	background: url(ttl_tg.gif) no-repeat top left;
}


/* Property name graphic */
#Brook .TTL {
	width: 200px;
	height: 53px;
	background: url(ttl_brook.gif) no-repeat top left;
}



/* Walking pic */
.Pic {
	width: 200px;
	height: 272px;
	background: url(side_bg.gif) repeat-y;
}


/* area under pic */
.Brown {
	width: 200px;
	background: url(side_bg.gif) repeat-y;
}

.ContentImage {
}

.ContentBrown {
	padding: 15px 27px 10px 30px;
}


/* side area footer */
.SideFooter {
	width: 200px;
	height: 40px;
	background: url(side_footer.gif) no-repeat top left;
}	



.MenuCell {
	height: 34px;
	background: url(menu_bg.gif) repeat-x ;
	border-right: 2px solid #fff;
	padding: 0;
}

.MainContent {
	padding: 0;
	width: 566px;
}


.ContentCell {
	padding: 15px 20px 15px 15px;
}


/* Left content */
.ContentLeft {
	width: 34%;
	padding-right: 20px;
}


/* Center content */
.ContentCenter {

}


/* Right content */
.ContentRight {
	width: 34%;
	padding-left: 20px;
}


/* Bottom content */
.ContentBottom {}


.MainFooter {
	background: #347462;
	padding: 5px 15px 5px 5px;
	height: 36px;
	border-right: 2px solid #fff;
}


/* Contains Terms link */
.FooterLeft {
	padding: 2px 0 0 5px;
	color: #93B1A9;
}


/* Contains copyright info */
.FooterRight {
	text-align: right;
	padding: 2px 4px 0 0;
}


/* Inset chisel betwee register/login links */
.Separator {
	background: url(sep_b.gif) top left no-repeat;
}





/*========================================================*/
/*  3. Links                                              */
/*========================================================*/


/* Applies to the login/logout and register/username links */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active  {
    text-decoration: none;
    color: #93B1A9;
	font-weight: bold;
}


a.LoginLink:hover    {
    text-decoration: none;
    color: #fff;
	font-weight: bold;
}




/* Applies to the command links (the ones that look like form buttons) */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active, .Button  {
	color: #347462;	
	font-weight: bold;
	text-decoration: underline;
}


a.CommandButton:hover {
	color: #347462;	
	font-weight: bold;
	text-decoration: none;
}


/* Applies to links that DNN has applied the "Normal" class to */
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #347462;
	font-weight: normal;
	text-decoration: underline;
}

a.Normal:hover {
	color: #347462;
	font-weight: normal;
	text-decoration: none;
}


/* Default link syle */
a:link, a:visited, a:active {
	color: #347462;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #347462;
	font-weight: normal;
	text-decoration: none;
}

/* Applies to the breadcrumb links */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active  {
    text-decoration: none;
    color: #544132;
	font-size: 15px;
	font-family: georgia;
	font-weight: bold;
}


a.BreadcrumbLink:hover    {
    text-decoration: underline;
    color: #544132;
	font-size: 15px;
	font-family: georgia;
	font-weight: bold;
}


/*========================================================*/
/*  4 - Text                                              */
/*========================================================*/



/* For form labels, among other things */
.SubHead {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	font-family: verdana;
}


/* Applies to the majority of text in the site */
.Normal {
	color: #333;
	font-family: verdana;
	font-weight: normal;
	font-size: 12px;
}


/* Bold, but still relatively normal, text */
.NormalBold {
	color: #333;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
}


/* Bold red text for alerts and such */
.NormalRed {
	color: #900;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
}


/* Copyright text */
.CopyrightText {
	color: #fff;
	font-weight: normal;
}



/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/


/* For the TDs that contain form fields */
td.NormalTextBox {
	padding: 3px;
	color: #555;
	margin: 0;
	background: transparent;
	visibility: invisible;
}


/* For the form fields themselves */
.NormalTextBox {
	color: #555;
	font-family: verdana;
	font-weight: normal;
	font-size: 12px;
}


/* Catch-all for form elements */
select, input {
	font-family: verdana;
	font-size: 12px;
	color: #555;
}






/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/


/* Container for main menu */
.MainMenu_MenuContainer {	
	background: url(menu_bg.gif) top left repeat-x #fff;
	padding: 0px;
	width: 100%;
	height: 34px;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
}


/* Menu bar */
.MainMenu_MenuBar {
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
	padding: 0px; 
	background: url(menu_bg.gif) top left repeat-x #fff;
	width: 100%;
	height: 34px;
}


/* Applies to idle state of submenu items */
.MainMenu_MenuItem {
	color: #9ABAB1;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
	border: #347462 1px solid;
	padding: 1px 4px 2px 1px;
}


/* Container for submenu */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 0px 0px 0px 2px;
	background: #347462;
	border: #fff 1px solid;
	padding: 1px;
	filter: none;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
}


/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #549080;
	border-left: #9ABAB1 1px solid;
	border-right: #9ABAB1 1px solid;
	padding: 1px 4px 2px 1px;
}




/* Elements we don't really need to see */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  {
	display: none;
}


.MainMenu_MenuBreak {
	display: block;
	font-size: 1px;
	width: 1px;
	padding: 0;
	margin: 0;
	border: 0;
}



/* Idle state for main menu items */
.MainMenu_Idle {
	height: 34px;
	padding: 0px 0px 1px 0;
	background: transparent;
	color: #9ABAB1;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
}


/* Hover state for main menu items */
.MainMenu_Selected {
	height: 34px;
	padding: 0px 0px 1px 0;
	background: transparent;
	color: #fff;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
}


/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	height: 34px;
	padding: 2px 1px 2px 1px;
	background: url(menu_bg_on.gif) top left repeat-x transparent;
	color: #fff;
	border: 1px solid #fff;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
}




/* Left side of tab for deselected main menu items */
.MainMenu_LeftOff {
	padding: 0;
	background: url(menu_bg.gif) top right repeat-x transparent;
	height: 34px;
	font-size: 1px;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
}


/* Left side of tab for selected main menu items */
.MainMenu_LeftOn {
	padding: 0;
	background: url(menu_bg.gif) top right repeat-x transparent;
	height: 34px;
	border-right: 1px solid #fff;
	font-size: 1px;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
}


/* Right side of tab for deselected main menu items */
.MainMenu_RightOff {
	background: url(menu_bg.gif) top right repeat-x transparent;
	height: 34px;
	width: 1px;
	font-size: 1px;
	padding: 0;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
}


/* Right side of tab for selected main menu items */
.MainMenu_RightOn {
	padding: 0;
	background: url(menu_bg.gif) top right repeat-x transparent;
	height: 34px;
	font-size: 1px;
	border-left: 1px solid #fff;
	font-family: tahoma; 
	font-size: 11px;
	font-weight: bold;  
}






/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/

/* Outer container for module submenu */
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}


/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}


/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: tahoma; 
	color: #666;
	font-size: 11px; 
	font-weight: normal; 
	border: #f6f6f6 1px solid;
	padding: 1px 4px 1px 2px;
}


/* Inner, INNER(?) container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px 0px;
	background-color: #f6f6f6;
	border: #999 1px solid;
	padding: 0px;
	filter: none;
}


/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: normal;
	cursor: hand; 
	color: #fff;
	background: #444;
	border: #444 1px solid;
	padding: 1px 4px 1px 2px;
}


.ModuleTitle_MenuIcon {
	padding: 0;
	background: #f6f6f6;
	border: #f6f6f6 1px solid;
}


/* Elements we don't need to see */
.ModuleTitle_MenuArrow,
.ModuleTitle_RootMenuArrow,
.ModuleTitle_MenuBreak {
	display: none;
}




/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/