/* 
================================
Skin styles for DotNetNuke
================================
*/

.pagemaster
{
    width: 100%;
    height: 100%;
    background-color: #eee;
}
.skinmaster
{
    background-color: Transparent;
    height: 100px;
}
.header
{
    background-color: #dcdcdc;
}
a.headerbranch:link, a.headerbranch:visited
{
    font-family: verdana, Verdana, arial;
    font-weight: bold;
    font-size: 14px;
    color: Red;
    text-decoration: none;
}
a.headerbranch:hover, a.headerbranch:active
{
    font-family: verdana, Verdana, arial;
    font-weight: bold;
    font-size: 14px;
    color: crimson;
    text-decoration: underline;
}
.headerlink
{
    background-color: #dcdcdc;
    font-family: verdana, Verdana, arial;
    font-weight: normal;
    font-size: 10px;
}
.headersearch
{
    background-image: url(images/green2.jpg);
    font-family: verdana, Verdana, arial;
    font-weight: bold;
    font-size: 10px;
    color: White;
}
/*
======================
Date, Breadcrumb and Login row
======================
*/
.headermenu
{
    height: 26px;
    background-image: url(images/blue2.jpg);
}
/*
======================
Date, Breadcrumb and Login row
======================
*/
.breadcrumb
{
    height:15px;
    background-color:#fff;
    padding: 3px 3px 6px 3px;
}
/*
======================
Copyright, term, privacy
======================
*/
.footer
{
    background-color: #f93;
}
/*
======================
Gradient for the links at the bottom of the page
======================
*/
.skingradient
{
    background-color: #FFFFFF;
    height: 30px;
    border: 1px solid #FF9900;
}
.controlpanel
{
    width: 100%;
    background-color: white;
    height:1px;
}
.contentpane, .contentpanehome
{
    background-color: white;
    padding: 6px 6px 6px 6px;
    height:100%;
}
.contentpanehome
{
    width:35%;
}
.leftpane, .leftpanehome
{
    background-color: #CCC;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
}
.leftpanehome
{
    width:30%;
}
.rightpane, .rightpanehome
{
    background-color: #ddd;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.rightpanehome
{
    width:35%;
}
.bottompane
{
    width: 100%;
    background-color: white;
    padding: 6px 6px 6px 6px;
}
.toppanese
{
    width: 100%;
    background-color: white;
}
.homeleftpane
{
    width: 30%;
    background-image: url(images/blue2.jpg);
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.homerightpane
{
    width: 30%;
    background-color: green;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

.footerLinks, a.footerLinks:link, a.footerLinks:active, a.footerLinks:visited
{
    font-family: verdana;
    font-size: 11px;
    color: #3333CC;
    text-decoration: none;
    font-weight: normal;
    background-color: #fff;
}
a.footerLinks:hover
{
    color: blue;
    text-decoration: none;
    font-weight: normal;
}

.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #fff; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	text-align:center;
	cursor: hand; 
	color: #fff; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 10px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	color:#ff0;
}

.main_dnnmenu_itemhover td {  
	color:#ff0;
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 1px; 
	height: 100%;
}
.main_dnnmenu_submenu {
    background-image: url(images/blue2.jpg);
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

.StandardButton
{
    background-image: url(images/blue2.jpg);
    color: white;
    font-family: verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
/* ================================
style for module titles
================================ */
.Head
{
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: bold;
    color: Black;
}
/* ================================
style for module titles
================================ */
.HeadWhite
{
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
/* ===============================
Admin Content Pane Titles and Control Panel text
================================== */
.SubHead
{
    color: Black;
}
/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module 
================================== */
.Normal
{
    color: #000;
    font-family: verdana, Verdana, arial;
    font-weight: normal;
    font-size: 12px;
}
/* ===============================
default text style used in table cell 
================================== */
td
{
    font-family: verdana, Verdana, arial;
    font-size: 12px;
}
/* ===============================
default text style used for announcements, etc 
================================== */
.NormalSmall
{
    color: #000;
    font-family: verdana, Verdana, arial;
    font-weight: normal;
    font-size: 10px;
}

/* ==============================
text style used for textboxes in the admin and edit pages
================================= */
.NormalTextBox
{
    font-family: verdana, Verdana, arial;
    font-weight: normal;
    font-size: 12px;
    color: black;
}
.NormalRed
{
    color: red;
    font-family: verdana, Verdana, arial;
    font-weight: bold;
    font-size: 12px;
}
.NormalOrange
{
    color: DarkOrange;
    font-family: verdana, Verdana, arial;
    font-weight: bold;
    font-size: 12px;
}
.NormalBold
{
    font-family: verdana, Verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: black;
}
.newstitle
{
    font-family: verdana, Verdana, arial;
    font-size: 12px;
    font-weight: bold;
}
a.newstitle:link, a.newstitle:active
{
    color: navy;
}
a.newstitle:hover
{
    color: blue;
}
/* ==============================
 Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
- SkinItems -  Login and Register links, Breadcrumb, Copyright, Date,
- Help, Hostname, Privacy, Terms, Search
================================== */

/* This is the Date eg. any items that are not links */
.SkinItem
{
    color:#fff;
    font-family: Verdana, arial;
    font-weight: bold;
    font-size: 11px;
}
/* This sets the style for all skin items that are links */
a.SkinItem:link, a.SkinItem:visited, a.SkinItem:active
{
    color:#fff
}
a.SkinItem:hover
{
    color:lightyellow;
}
/* This is the Date eg. any items that are not links */
.footeritem
{
    color: white;
    font-family: Verdana, arial;
    font-weight: normal;
    font-size: 11px;
}
/* This sets the style for all skin items that are links */
A.footeritem:link
{
    color: lightyellow;
    font-family: verdana, arial;
    font-weight: normal;
    font-size: 11px;
}

A.footeritem:visited
{
    color: lightyellow;
    font-family: verdana, arial;
    font-weight: normal;
    font-size: 11px;
}

A.footeritem:active
{
    color: yellow;
    font-family: verdana, Verdana, arial;
    font-weight: normal;
    font-size: 11px;
}

A.footeritem:hover
{
    color: yellow;
    font-family: verdana, Verdana, arial;
    font-weight: normal;
    font-size: 11px;
}
.fingertip
{
    font-family:verdana;
    font-size:13px;
}
td.fingertip
{
    height:35px;
}
a.fingertiplink:link, a.fingertiplink:visited, a.fingertiplink:active, a.fingertiplink:hover
{
    font-weight:bold;
    text-decoration:underline;
}
.essentials1, .essentials2, .essentials3, .essentials4
{
    font-family:verdana;
    font-size:13px;
}
td.essentials1, td.essentials2, td.essentials3, td.essentials4
{
    height:100px;
    padding-left:60px;
    background-repeat:no-repeat;
    background-position:left;
}
a.essentialslink:link, a.essentialslink:visited, a.essentialslink:active, a.essentialslink:hover
{
    color:White;
    font-weight:bold;
    text-decoration:underline;
}
td.essentials1
{
    background-image: url(images/HomeButtonCatalogue.jpg);
    background-color:#007CC2;
}
td.essentials2
{
    background-image: url(images/HomeButtonDatabase.jpg);
    background-color:#56AE40;
}
td.essentials3
{
    background-image: url(images/HomeButtonHeritage.jpg);
    background-color:#007CC2;
}
td.essentials4
{
    background-image: url(images/HomeButtonKids.jpg);
    background-color:#56AE40;
}
.EventList
{
    font-family: verdana;
}
.EventListTitleLink
{
    font-weight:bold;
    font-size: 13px;
}
.EventListTitle
{
    font-weight:bold;
    font-size: 13px;
}
.EventListDate
{
    font-weight:normal;
    font-size: 12px;
}
.EventListLocation
{
    font-size: 12px;
}
.EventListDesc
{
    font-size: 12px;
}
.EventListTitleSmall
{
    font-size: 11px;
     font-weight:bold;
}
.EventListDateSmall
{
    font-size: 11px;
}


/* =======================
 HTML Tag Styles 
=========================== */
H1
{
    color: #3399CC;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    height: 22px;
    text-align: left;
}

H2
{
    color: #3399CC;
    font-family: Verdana, Arial;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    text-align: left;
}

H3
{
    color: #3399CC;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    text-align: left;
}

H4
{
    color: Black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
}

H5, DT
{
    color: Black;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
}

H6
{
    font-family: verdana, Verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: Black;
}
A:link, A:visited
{
    text-decoration: none;
    color: DarkSlateBlue;
}

A, A:hover
{
    text-decoration: underline;
    color: Blue;
}
