/* Overall HTML Styles */
html {
	height: 100%;
}
body {
	margin: 0;
    padding: 0;
}
table, tr, td, p {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    color: #666666;
    line-height: 1.3em;
}
p {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    color: #666666;    
    margin-bottom: 16px;
}

/* DotNetNuke Framework Classes */
.Head {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial;
    font-size: 18px;
    color: #4b4b4b;
    line-height: 1.3em;
	
}
.SubHead {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial;
    font-size: 14px;
    color: #4b4b4b;
    line-height: 1.3em;
}
.SubSubHead {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color: #666666;
    line-height: 1.3em;
}
.Normal {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    color: #666666;
    line-height: 1.3em;
}
.NormalBold {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    line-height: 1.3em;
}
.NormalRed {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    color: red;
    line-height: 1.3em;

}
.NormalTextBox {
}
.CommandButton {
}


/* General Skin Classes */
.cutopia-skin
{
	text-align: center;	
}
.horizontal-spacer 
{
	padding: 0; 
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}


/* Begin Header Section */
.header-section-table
{
	width: 100%;
	height: 49px;
	background-image: url('images/top-border.gif');
    background-repeat: repeat-x; 	
	border-collapse: collapse;
}
.header-section-cell
{
    text-align: center;
    padding: 0px;    
}
.header-section-inner-table
{
	width: 980px;
	height: 49px;
    margin-left: auto;
    margin-right: auto;	  
	border-collapse: collapse;      
}
.header-section-left-cell
{
	width: 315px;
	vertical-align: bottom;
    padding: 0px;		
}
.header-section-right-cell
{
	width: 460px;
	text-align: right;
}
/* End Header Section */


/* Begin Logo Section */
.logo-section-table
{
	width: 980px;
	height: 84px;
    margin-left: auto;
    margin-right: auto;	
	border-collapse: collapse;
}
.logo-section-left-cell
{
	width: 315px;
	text-align: center;
    padding: 0px;		
}
.logo-section-center-cell
{
	width: 1px;
	background-image: url('images/logo-divider.gif');
	background-repeat: repeat-y; 
	padding: 0px;	
}
.logo-section-right-cell
{
	width: 459px;
	text-align: left;
    padding: 0px;		
}
/* End Logo Section */


/* Begin Menu Section */
.menu-section-table
{
	width: 980px;    
    height: 26px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;	
	border-collapse: collapse;    
}
.menu-section-left-cell
{
    width: 3px;
    background: url('images/menu-cap-left.gif');
    padding: 0;
}
.menu-section-center-cell
{
    width: 769px;
    background: url('images/menu-background.gif');
	background-repeat: repeat-x;
	padding: 0;
	
}
.menu-section-right-cell
{
    width: 3px;
    background: url('images/menu-cap-right.gif');    
    padding: 0;
}
/* End Menu Section */


/* Begin Breadcrumb Section */
.breadcrumb-section-table 
{
    padding: 0;
    margin-left: auto;
    margin-right: auto;
	height: 30px;
	width: 980px;
	background-image: url('images/breadcrumb-background.gif');
}
.breadcrumb-section-cell {
    padding: 0;
	padding-left: 14px;
	vertical-align: middle;
}
/* End Breadcrumb Section */


/* Begin Content Section */
.content-section-header-table
{
	width: 980px;
	height: 3px;	
    margin-left: auto;
    margin-right: auto;
	border-collapse: collapse;
}    

.content-section-header-left-cell
{
	width: 3px;
	height: 3px;
	padding: 0;
	background-image: url('images/main-top-left-elbow.gif');	
}

.content-section-header-center-cell
{
	width: 769px;
	height: 3px;	
	padding: 0;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #b6b6b6;
	background-color: #f2f2f2;
}

.content-section-header-right-cell
{
	width: 3px;
	height: 3px;
	padding: 0;
	background-image: url('images/main-top-right-elbow.gif');	
}

.content-section-table
{
	width: 980px;
    margin-left: auto;
    margin-right: auto;
	border-left: 1px;
	border-left-style: solid;
	border-left-color: #b6b6b6;    
	border-right: 1px;
	border-right-style: solid;
	border-right-color: #b6b6b6;
    background-image: url('images/content-background.gif');
    background-repeat: repeat-x;
	border-collapse: collapse;     
}
.content-section-cell
{
	padding-left: 18px; 
	padding-right: 18px; 
	padding-top: 18px; 
	padding-bottom: 18px;
}
/* End Content Section */


/* Begin Legal Section */
.legal-section-table
{
	width: 980px;    
	height: 28px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
.legal-section-outer-left-cell
{
    width: 3px;
    padding: 0;
    background-image: url('images/footer-cap-left.gif');
    background-repeat: no-repeat;    
}
.legal-section-inner-left-cell
{
    width: 384px;
    padding: 0;
    text-align: left;
    vertical-align: middle;
    background-image: url('images/footer-background.gif');
    background-repeat: repeat-x;    
}
.legal-section-inner-right-cell
{
    width: 385px;
    padding: 0;
    text-align: right;
    vertical-align: middle;    
    background-image: url('images/footer-background.gif');
    background-repeat: repeat-x;    
}
.legal-section-outer-right-cell
{
    width: 3px;
    padding: 0;
    background-image: url('images/footer-cap-right.gif');
    background-repeat: no-repeat;    
}
/* End Legal Section */


/* Begin Footer Section */
.footer-section-table
{
	width: 980px;    
    margin-left: auto;
    margin-right: auto;     
}
/* End Footer Section */


/* Misc Skin Object Classes */
.LoginText, a.LoginText:link, a.LoginText:visited, a.LoginText:active {
    color: #FFFFFF; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 10px; 
    font-weight: bold; 
    font-style: normal; 
    text-decoration: none;
}
.BreadcrumbText, a.BreadcrumbText:link, a.BreadcrumbText:visited, a.BreadcrumbText:active {
    color: #614A18; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 11px; 
    font-weight: bold; 
    font-style: normal; 
    text-decoration: none;
}
a.LoginText:hover {
    text-decoration: underline;
}
.CopyrightText, a.CopyrightText:link, a.CopyrightText:visited, a.CopyrightText:active {
    color: #FFFFFF; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 10px; 
    font-weight: bold; 
    font-style: normal; 
    text-decoration: none;
}
a.CopyrightText:hover {
    text-decoration: underline;
}
.PrivacyText, a.PrivacyText:link, a.PrivacyText:visited, a.PrivacyText:active {
    color: #FFFFFF; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 10px; 
    font-weight: bold; 
    font-style: normal; 
    text-decoration: none;
}
a.PrivacyText:hover {
    text-decoration: underline;
}
a.TermsText:link, a.TermsText:visited, a.TermsText:active {
    color: #FFFFFF; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 10px; 
    font-weight: bold; 
    font-style: normal; 
    text-decoration: none;
}
a.TermsText:hover {
    text-decoration: underline;
}
a.UserText:link, a.UserText:visited, a.UserText:active {
    color: #FFFFFF; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 10px; 
    font-weight: bold; 
    font-style: normal; 
    text-decoration: none;
}
a.UserText:hover {
    text-decoration: underline;
}


/* SOLPARTMENU Classes
 * This section contains the classes for the SOLPARTMENU skin object. The prefix
 * has been changed from the default "MainMenu" in order to isolate all CSS settings 
 * to this single CSS file, making it easier to change and support. 
 */

/* This styles the main menu container for the root menu items. */
.SolPartMenu_MenuContainer {
	background: transparent; 
	margin: 0;
	padding: 0;
}

/* This style sets the height of the menu bar section. */
.SolPartMenu_MenuBar {
	background: transparent; 
	margin: 0;
	padding: 0;
}

/* This styles the icons on the left hand side of the menu. */
.SolPartMenu_MenuIcon 
{
	display: none;    
}

/* Sets the styling for the main menu items. */
.SolPartMenu_MenuItem {
	height: 26px;
	background: #E9E9E9;
	text-align: center;
    cursor: pointer; 
    color: #969696; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 11px; 
    font-weight: bold; 
    font-style: normal; 
    padding-left: 5px; 
    padding-right: 5px;	
	margin: 0;
}
	
/* Styles the menu item when hovering over a menu item with the mouse. */
.SolPartMenu_MenuItemSelected {
	height: 26px;
	background: #B6B6B6;
	text-align: center;
    cursor: pointer; 
    color: #969696; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 11px; 
    font-weight: bold; 
    font-style: normal; 
    padding-left: 5px; 
    padding-right: 5px;	
	margin: 0;
}

/* Styles the break section between the menu items. */
.SolPartMenu_MenuBreak {
}

/* Styles the area around the menu arrow. The arrow is displayed to the right of a sub-menu item whenever there is a sub-sub-menu item. */
.SolPartMenu_MenuArrow 
{
	display: none;    
}

/* Styles the area around the root menu arrow. The arrow is displayed to the right of a root menu item whenever there is a sub-menu item. */
.SolPartMenu_RootMenuArrow 
{
	display: none;    
}

/* Styles the root menu items. */
.SolPartMenu_RootMenuItem {
	height: 26px;
	background: transparent;
	text-align: center;
    cursor: pointer; 
    color: #969696; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 11px; 
    font-weight: bold; 
    font-style: normal; 
    padding-left: 5px; 
    padding-right: 5px;	
	margin: 0;
}

/* Styles the root menu items when you hover over the item with the mouse. */
.SolPartMenu_RootMenuItemSelected {
	height: 26px;
	background: transparent;
	text-align: center;
    cursor: pointer; 
    color: #969696; 
    font-family: Tahoma, Arial, Helvetica; 
    font-size: 11px; 
    font-weight: bold; 
    font-style: normal; 
    padding-left: 5px; 
    padding-right: 5px;	
	margin: 0;
}

/* Styles the root menu item for the currently selected page. */
.SolPartMenu_RootMenuItemActive {
}

/* Styles the root menu item related to the breadcrumb list. */
.SolPartMenu_RootMenuItemBreadcrumb {
}

/* This styles the main menu and sub-menu boxes. */
.SolPartMenu_SubMenu 
{
	margin: 1px 0px 0px 0px;    
}

/* Styles the sub-menu items when you hover over the item with the mouse. */
.SolPartMenu_SubMenuItemSelected {
}

/* Styles the sub-menu item for the currently selected page. */
.SolPartMenu_SubMenuItemActive {
}

/* Styles the sub-menu item related to the breadcrumb list. */
.SolPartMenu_SubMenuItemBreadcrumb {
}

/* Styles the separator between the root level menu items. */
.SolPartMenu_Separator {
	height: 26px;
	width: 3px;
	background: url('images/menu-separator.gif');
	padding: 0px;
	margin: 0px;
}

/* Styles the separator used just before a root level menu item. A use for this might be a left edge of a tab image. */
.SolPartMenu_LeftSeparator {
}

/* Styles the separator used just after a root level menu item. A use for this might be a right edge of a tab image. */
.SolPartMenu_RightSeparator {
}

/* Styles the separator used just before an active root level menu item. */
.SolPartMenu_LeftSeparatorActive {
}

/* Styles the separator used just after an active root level menu item. */
.SolPartMenu_RightSeparatorActive {
}

/* Styles the separator used just before a root level menu item found in the breadcrumb array list. */
.SolPartMenu_LeftSeparatorBreadcrumb {
}

/* Styles the separator used just after a root level menu item found in the breadcrumb array list. */
.SolPartMenu_RightSeparatorBreadcrumb {
}