/*========================================================*/
/*   Cascading Style Sheet for New Bern DotNetNuke Skin   */
/*              created by Tyler Fawcett                  */
/*                                                        */
/*              http://tf.johndcooper.com                 */
/*                 tf@tylerfawcett.com                    */
/*========================================================*/

/*========================================================*/
/*                  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 {
	font-family: tahoma;
	font-size: 11px;
	line-height: 1.3em;
}

span.control * span.SubHead
{
	font-size:10pt;
}


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


body {margin: 0; background: #E8C8D7;}
.ShadowLeft {width: 10px; background: url(left_shadow.jpg) repeat-y;}
.ShadowRight {width: 10px; background: url(right_shadow.jpg) repeat-y;}
.MasterCellTop {text-align: center; background: #fff; height: 1px;}
.MasterCellMiddle {text-align: center; background: #fff;}
.MasterCellBottom {text-align: center; background: #fff; height: 1px;}
.WHIC_logo {width: 193px; height: 107px; background: url(WHIC_logo.jpg) top left no-repeat;}
.MenuTop {width: 193px; height: 2px; background: url(menu_top.jpg) top left no-repeat;}
.SearchBar {width: 551px; height: 27px; background: url(bg_breadcrumb.jpg) top left no-repeat; text-align: right; padding: 0; color: #4C5C73; font-weight: bold;}
.SearchBX {margin: 0px 8px 0px 0px;}
.WHIC_Banner {width: 551px; height: 107px; background: url(WHIC_Banner.jpg) top left no-repeat; text-align: right;}
.LogoBX {margin: 10px 10px 0 0;}
.BreadcrumbUL {width: 536px; height: 48px; background: url(breadcrumb_ul.gif) top center no-repeat;}
.BCBox {margin: 12px 14px 0 14px; font-weight: bold; color: #4C5C73;}
.SideBG {width: 193px; background: url(bg_sidebar.jpg) top left repeat-y; padding: 0; margin: 0;}
.SideBGDate {width: 193px; background: url(bg_sidebar.jpg) top left repeat-y; padding: 5px 5px 5px 18px;}
.SideBarBX {margin: 10px 10px 10px 14px; width: 168px; overflow: hidden;}
.SideBarBottom {width: 193px; height: 6px; background: url(sidebar_bottom.jpg) bottom left no-repeat;}
.SiteWidth {width: auto;}
.SideBar {width: 193px;}
.ContentArea {width: 521px;}
/* .ContentBX {width: 100%; padding: 5px 15px 15px 15px; bordeR: 3px solid black; position: relative;} */

.Footer {width: 744px; height: 26px; background: url(bg_footer.jpg) bottom left no-repeat; text-align: center;}
.FooterDiv {margin: 8px 10px 5px 0;}

.Separator {width: 12px; background: url(sep_breadcrumb.gif) center no-repeat;}
.SepFooter {width: 12px; background: url(sep_footer.gif) center no-repeat;}

/* Button style */
.GoButton {
	margin: 0;
	padding: 0px 0px 0px 0px;
	border: 0;
}

/* Left content */
.ContentLeft 
{
	padding-left: 5px;
}

.ContentCenter 
{
	padding-left: 5px;
	padding-right: 5px;
}

/* Center content */
.ContentTop {
}


/* Right content */
.ContentRight 
{
	padding-right: 5px;
}


/* Bottom content */
.ContentBottom 
{
	padding-left: 10px;
	padding-right: 5px;
	width: 100%;
}



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


/* Applies to the login/logout and register/username links */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active  {
    text-decoration: underline;
    color: #4C5C73;
    font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
margin: 0px 0px 8px 0px;
}
.LoginLink
{
 color: #4C5C73;
    font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
margin: 0px 0px 8px 0px;
}

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

/* Applies to the footer links */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active  {
    text-decoration: underline;
    color: #fff;
	font-weight: bold;
}


a.FooterLink: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: #B05080;	
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}


a.CommandButton:hover {
	color: #B05080;	
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}


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

a.Normal:hover {
	color: #B05080;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}



/* Default link syle */
a:link, a:visited, a:active {
	color: #B05080;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a:hover {
	color: #B05080;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}



/* Applies to the breadcrumb links */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active  {
    text-decoration: underline;
    color: #4C5C73;
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
}
.BreadcrumbLink   {
	color:#4C5C73;
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
}

a.BreadcrumbLink:hover    {
    text-decoration: none;
    color: #4C5C73;
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
}





/*========================================================*/
/*  4. Text                                               */
/*========================================================*/


/* Specifies style of date text */
.CurrentDate {
	color: #999;
	font-size: 11px;
	font-family: tahoma;
	font-weight: normal;
	white-space: nowrap;
}

.PinkTitle {
	font-size: 16px;
	color: B05080;
	font-family: Verdana;
	font-weight: bold;
}

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


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


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


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


/* 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: tahoma;
	font-weight: normal;
	font-size: 11px;
}


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






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


/* Container for main menu */
.MainMenu_MenuContainer {	
	background: transparent;
	padding: 0px;
	width: 100%;
	
}


/* Menu bar */
.MainMenu_MenuBar {
	padding: 0px; 
	background: transparent;
	width: 100%;
}


/* Applies to idle state of submenu items */
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #555;
	font-size: 11px;
	font-weight: bold;  
	border-left: #CADAF1 1px solid;
	border-right: #CADAF1 1px solid;
	border-top: #C8D8EF 1px solid;
	border-bottom: #CADAF1 1px solid;
	padding: 1px 4px 2px 1px;
	margin: 1px 1px 1px 1px;
}


/* Container for submenu */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	margin: 1px 1px 1px 1px;
	background: #CADAF1;
	border-left: #96A5BC 2px solid;
	border-bottom: #96A5BC 1px solid;
	border-top: #C8D8EF 1px solid;
	padding: 1px;
}


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




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



/* Idle state for main menu items */
.MainMenu_Idle {
	height: 20px;
	padding: 2px 2px 2px 0;
	background: url(menu_bg_off.jpg) top left no-repeat transparent;
	color: #4C5C73;
	width: 193px;
	height: 25px;
}


/* Hover state for main menu items */
.MainMenu_Selected {
	height: 20px;
	padding: 2px 2px 2px 0;
	background: url(menu_bg_on.jpg) top left no-repeat transparent;
	color: #555;
	width: 193px;
	height: 25px;
}


/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	height: 20px;
	padding: 2px 2px 2px 0;
	background: url(menu_bg_on.jpg) top left no-repeat transparent;
	color: #555;
	width: 193px;
	height: 25px;
}











/*========================================================*/
/*  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; 
	filter: none; 
	border: #999 1px solid;
	padding: 1px;
}


/* 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;
}


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




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