/* File: skin.css.  
   Written by Carl Raymond, Feb. 18 2006


  DotNetNuke processes multiple stylesheets in sequence to generate a page:

  [DNN root]/portals/_default/default.css
	Host-wide default stylesheet.  All portals (websites) running from the
same DNN installation load default.css first.  Since this stylesheet is used
by every site, making changes to it directly is not recommended.  To change the
default styles used by a site, override them in skin.css.

  [DNN root]/portals/n/Skins/[skin package name]/skin.css
	Applies to all page styles in the skin package.  A good place to
override any default styles in default.css, and the place for layout common
to all pages in a site, like banners and logos.  Text styling defaults
are also specified here.

  [DNN root]/portals/n/Skins/[skin package name]/[skin page layout name].css
	Each named skin file (either an .html file or an .ascx file) has a
corresponding stylesheet.  This is the place to put page layout logic, and to
define defaults to apply to all containers used on this page.

  [DNN root]/portals/n/Containers/[skin package name]/container.css
	Applies to all containers in the skin package.  Place styles which are
common to all containers, regardless of the skin file (page layout) chosen.

  [DNN root]/portals/n/Containers/[skin package name]/[skin container name].css
	Each named container file (either an .html or an .ascx file) has a
corresponding stylesheet.  When multiple containers appear on the same page,
the corresponding stylesheets are loaded in sequence.  It is important that
the style names used in the containers are all unique, so that styles used in
later containers do not override earlier containers.

	[DNN root]/portals/_default/portal.css
	As the final stylesheet processed by every page, any style defined here
will override any previous definition, and be applied to every page in a site,
regardless of the skin and container styles used.  By default, this file
defines all the styles used in default.css, but with empty style definitions.

*/

html
{
	margin: 0;
	padding: 0;
}
body
{
	background: #cfcfcf url(images/body_bg.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	color: #000;
}

/* Top Section */
#top
{
	width: 973px;
	height: 34px;
	margin: 0 auto;
	padding: 0;
}
#topleft
{
	float: left;
	font-size: 70%;
	margin: 4px;
}
#topleft ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
}
#topleft ul li
{
	margin: 0;
	padding: 3px 5px 0px 5px;
	list-style: none;
	text-transform: uppercase;
	float: left;
	font-size: 100%;
	line-height: 30px;
}
#topleft ul li.last
{
	border: none;
	padding: 3px 5px 0 5px;
}
#topleft ul li.last a.search
{
	padding: 0 0 0 5px;
	position: absolute;
}
#topleft ul li.last img
{
}
#topleft ul li.last input
{
	vertical-align: top;
}
#topleft ul li a, #topleft ul li a:link, #topleft ul li a:visited, #topleft ul li a:hover, #topleft ul li a:focus, #topleft ul li a:active
{
	color: #000;
}
#topright
{
	float: right;
}
#topright img
{
	border: none;
	margin: 5px;
}

/* Main Container */
#main
{
	width: 973px;
	margin: 20px auto 0 auto;
	padding: 0;
	border: 1px solid #fff;
	background: #f1f1f1;
}

/* Layout and positioning for page banner and horizontal menu bar common to all skins.  Layout for the page content areas is handled in the separate page skin stylesheets. */
#banner
{
	padding: 0;
	margin: 0;
	height: 193px;
	width: 973px;
}
#bottombanner
{
	width: 973px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	height: 48px;
}

/* Main Navigation */
#adminnav
{
	position: relative;
	float: right;
	margin: -40px 0 0 0;
	z-index: 999;
	padding: 0;
}

#mainnav
{
	width: 973px;
	margin: 10px 0;
	height: 35px;
	padding: 0;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
}

#nav
{
	width: auto;
	float: right;
	list-style: none; /*line-height: 1.5em;*/
	background: #f1f1f1;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#nav ul
{
	float: left;
	width: 185px;
	list-style: none;
	line-height: 1.5em;
	background: #f1f1f1;
	font-weight: bold;
	padding: 0;
	border: none;
	border-collapse: collapse;
	margin: 0;
}

#nav a
{
	display: block;
	width: auto;
	color: #5e7005;
	text-decoration: none;
	padding: 5px 15px;
	margin: 0;
	white-space: nowrap;
}

#nav li li a.hasChildren
{
}

#nav li
{
	list-style: none;
	float: left;
	display: block;
	height: 35px;
	position: relative;
	top: 0;
	line-height: 2.0em;
	padding: 0;
	margin: 0;
	width: auto;
}

#nav li ul
{
	position: absolute;
	display: block;
	z-index: 999;
	left: -999em;
	height: auto;
	width: auto;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#nav li li
{
	float: none;
	position: relative;
	z-index: 999;
	vertical-align: middle;
	top: 0;
	line-height: 2.0em;
	display: block;
	list-style: none;
	background: #f1f1f1;
	height: auto;
	padding: 0;
	margin: 0;
	border: 1px solid #5e7005;
	border-collapse: collapse;
	width: 185px;
	text-align: center;
}

#nav li ul a
{
	width: auto;
	padding: 5px 0;
	margin: 0;
}

#nav li:hover, #nav li.hover
{
	background: #e3e7ce;
	margin: 0;
	padding: 0;
}


#nav li ul ul
{
	margin: 0 0 0 185px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.hover ul ul, #nav li.hover ul ul ul, #nav li.hover ul ul ul ul
{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.hover ul, #nav li li.hover ul, #nav li li li.hover ul, #nav li li li li.hover ul
{
	left: auto;
}














#menubar
{
	height: 14pt;
	font-size: 10pt;
	background: #384A82;
	color: White;
}
#menubar .CommandButton, #menubar .SkinObject, #menubar .Normal, #menubar .NormalBold
{
	color: White;
	font-size: 10pt;
}
#menubar-left
{
	margin-left: 10px;
}
#menubar-right
{
	float: right;
	margin-right: 10px;
}
#menubar-left .menubar-item
{
	padding-right: 10px;
}
#menubar-right .menubar-item
{
	padding-left: 10px;
}
#menubar a, #menubar a:link, #menubar a:visited
{
	color: white;
	text-decoration: none;
	font-size: 10pt;
}
#menubar a:hover, #menubar a:active, #menubar a:focus
{
	color: white;
	text-decoration: underline;
	font-size: 10pt;
}

#pageBody > *
{
	padding: 0 5px;
	width: 973px;
	font-size: 100%;
}

address
{
	font-style: normal;
}

/* Overrides of DotNetNuke default host and portal styles */
.Normal, .SkinObject, .CommandButton
{
	font-size: 100%;
	font-weight: normal;
	color: #000;
}
.NormalBold
{
	font-size: 100%;
	font-weight: bold;
	color: #000;
}
.NormalDisabled
{
	color: Silver;
}

a, a:link, a:visited, a:focus, a:hover, a:active, a.CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:focus, a.CommandButton:hover, a.CommandButton:active
{
	color: #5e7005;
	text-decoration: underline;
}

/* SOLPARTMENU overrides.  SOLPARTMENU is rendered with nested tables. This is the outermost table.  This sets the overall size. */
.MainMenu_MenuContainer
{
	margin: 0;
	width: 973px;
	height: auto;
}
/* Each menu item is rendered as a 1-by-1 table within the outer table. This style is applied to the <tr> element containing the item.  Since the menu items do not wrap across lines, the menu size uses absolute font sizes so that they don't scale with the rest of the page. */
.MainMenu_MenuBar
{
	font-size: 9pt !important;
	font-style: normal;
	font-weight: bold;
	line-height: 20pt;
}
/*	This <td> contains the text of the menu item.  Padding must go here. */
.MainMenu_MenuBar td
{
	padding-right: 20px;
}
/*	Dynamically applied to menu items which are not under the mouse. */
.MainMenu_MenuItem
{
	color: #5e7005;
	text-decoration: none;
	text-transform: capitalize;
}
/*	Dynamically applied to the menu item under the mouse. */
.MainMenu_MenuItemSel
{
	background: #e3e7ce;
	color: #5e7005;
	text-decoration: none;
	text-transform: capitalize;
}

/* Statically applied to menu items corresponding to other pages. */
.RootMenu_MenuItem
{
	color: #5e7005;
	text-transform: capitalize;
}

/* Statically applied to the root menu item corresponding to an ancector of the current page. */
.RootMenu_MenuItemAncestor
{
	/*background-image: url(images/MainMenuChildPageWide.png); background-position: right center; background-repeat: no-repeat;*/
}

/* Statically applied to the root menu item corresponding to the current page. */
.RootMenu_MenuItemActive
{
	/*background-image: url(images/MainMenuSelectedWide.png); background-position: right center; background-repeat: no-repeat; */
}

/* Dynamically applied to the root menu item under the mouse. */
.RootMenu_MenuItemHover
{
	/*background-image: url(images/MainMenuHoverWide.png); background-position: right center; background-repeat: no-repeat; */
	background: #e3e7ce;
}

.MainMenu_MenuIcon
{
	cursor: pointer;
	cursor: hand;
	background-color: #f0f0f0;
	text-align: center;
	width: 15;
}
.MainMenu_SubMenuHover
{
	background: #e3e7ce;
}
.MainMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	background: #fff;
	border: 1px solid #5e7005;
}
.ModuleTitle_MenuContainer
{
	width: auto;
}
.ModuleTitle_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	background: #fff;
	border: 1px solid #5e7005;
}
.ModuleTitle_SubMenu .ModuleTitle_MenuItem, .ModuleTitle_SubMenu .ModuleTitle_MenuItemSel
{
	border: none;
}
.MainMenu_MenuBreak, .ModuleTitle_MenuBreak
{
	border-bottom: 1px solid #5e7005;
	background: #5e7005;
	height: 0;
}
.ModuleTitle_MenuItemSel
{
	cursor: pointer;
	cursor: hand;
	color: white;
	background: #5e7005;
}
.MainMenu_MenuArrow, .ModuleTitle_MenuArrow
{
	font-family: webdings;
	font-size: 100%;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	color: #5e7005;
}
.MainMenu_RootMenuArrow, .ModuleTitle_RootMenuArrow
{
	font-family: webdings;
	font-size: 100%;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

/* Menu for administering modules */
/* .ModuleTitle_MenuContainer { background-color: #cdd1df; border: #384a82 1px solid; } */


/* The module title within the container title area.  Font size and weight
are defined in skin-specific stylesheets so that the various panes can
declare default styles for each module within them.  The container-specific
stylesheet can override these.
*/
.module-title
{
	color: #000;
	font-size: 100%;
	font-weight: bold;
}
.highlightcolor1
{
	color: #5e7005;
}
.highlightcolor2
{
	color: #d55517;
}

/* Text style defaults for ContentPane.  Every page skin defines ContentPane.  Font color is defined in container.css and may be overridden in a container-specific stylesheet. */
#contentArea
{
	color: #000;
	font-size: 100%;
}
#contentArea .container-title
{
	text-transform: capitalize;
	margin: 10px 0;
	width: auto;
	text-align: left;
	color: #000;
	font-size: 125%;
}
#leftArea .container-title, #rightArea .container-title
{
	margin: 10px 0;
	width: auto;
	text-align: left;
	color: #000;
	font-size: 125%;
}
#leftArea .Normal, #rightArea .Normal, #leftArea .SkinObject, #rightArea .SkinObject, #leftArea p, #rightArea p
{
	font-size: 100%;
	margin: 0 0 10px 0;
}
#leftArea .NormalBold, #rightArea .NormalBold
{
	font-size: 100%;
	font-weight: bold;
}

/* Text style defaults for TopArea, BottomArea, and the footer */
#bottomArea
{
	font-size: 100%;
}
#bottomArea .Normal, #bottomArea .SkinObject, #bottomArea p
{
}
#bottomArea .NormalBold
{
	font-weight: bold;
}

/* Floating Boxes */
div.rfloater
{
	float: right;
	background: #fff;
	border: 1px solid #5e7005;
	padding: 10px;
	width: 250px;
	margin: 10px;
}
div.lfloater
{
	float: left;
	background: #fff;
	border: 1px solid #5e7005;
	padding: 10px;
	width: 250px;
	margin: 10px;
}

/* Floating Images */
img.rfloat
{
	float: right;
	margin: 3px 0 5px 5px;
}
img.lfloat
{
	float: left;
	margin: 3px 5px 5px 0;
}

/* Miscellaneous Top Level Tags */
h1
{
	color: #000;
	font-size: 150%;
	margin: 0;
}
h2
{
	color: #000;
	font-size: 140%;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h3
{
	color: #d55517;
	font-size: 130%;
	font-weight: bold;
	margin: 30px 0 10px 0;
}
h4
{
	color: #333;
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0;
}
h5
{
	color: #333;
	font-size: 100%;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
h6
{
	color: #d55517;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	margin: 20px 0 0 0;
}
p, blockquote
{
	margin: 0 0 8px 0;
	line-height: 1.4em;
}
ul, ul li
{
	font-size: 100%;
	list-style: disc;
}
ul li ul, ul li ul li
{
	font-size: 100%;
	list-style: circle;
}
ul li ul li ul, ul li ul li ul li
{
	font-size: 100%;
	list-style: square;
}
ol, ol li
{
	font-size: 100%;
	list-style: decimal;
}
ol li ol, ol li ol li
{
	font-size: 100%;
	list-style: lower-alpha;
}
ol li ol li ol, ol li ol li ol li
{
	font-size: 100%;
	list-style: decimal;
}
ul li
{
	line-height: 1.5em;
	margin: 0 20px;
}
ul li ul
{
	margin: 10px 20px;
}
ul li ul li
{
	line-height: 1.5em;
}
ul li ul li ul
{
	margin: 10px 20px;
}
ul li ul li ul li
{
	line-height: 1.5em;
}
ol li
{
	line-height: 1.5em;
	margin: 0 20px;
}
ol li ol
{
	margin: 10px 20px;
}
ol li ol li
{
	line-height: 1.5em;
}
ol li ol li ol
{
	margin: 10px 20px;
}
ol li ol li ol li
{
	line-height: 1.5em;
}
img
{
	border: none;
}
form, input, textarea
{
	font-size: 100%;
}
.clear
{
	clear: both;
}
.hide
{
	width: 20em;
	left: -999em;
	position: absolute;
}

/* Background Stretch fix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
/* End hide from IE-mac */

/*Footer */
#footer
{
	width: 975px;
	margin: 0 auto;
}
#footer .Normal, #footer .SkinObject
{
	font-weight: normal;
	font-size: 70%;
	color: #000;
}
#footer p
{
	color: #000;
	margin: 6px;
	padding: 0 0 20px 0;
	text-align: left;
}
#footer p .SkinObject, #footer p .Normal, #footer p .NormalBold
{
	font-size: 100%;
}
#footer .NormalBold
{
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

/* Bread Crumb Global */
#breadcrumbs
{
	margin: 15px 0;
	padding: 0 0 3px 0;
	text-align: left;
}

/* Featured profiles */
#profiles
{
	margin: 0;
	padding: 0;
}
#profiles img
{
	margin: 10px 10px 10px 0;
	padding: 0;
	border: 1px solid #9e9e9e;
}

/* This file is appended to skin.css in a debug build */
body
{
}

#banner
{
}

#main
{
}

#pagebody
{
}

.MainMenu_MenuContainer
{
}

h1
{
}