/* 
================================
Skin styles for DotNetNuke
================================
*/

td {
}
.pagemaster
{
    width: 100%;
    height: 100%;
}
.pagemastertop
{
    background-image:url("top.gif");
    background-repeat:repeat-x;
}
.pagemasterbottom
{
    background-image:url("bottom.gif");
    background-repeat:repeat-x;
    background-position:bottom;
}
.skinmaster
{
    height: 100%;
    background-color: Transparent;
    font-family:Verdana;
}
.header
{
    background-image:url("header.gif");
    background-repeat:no-repeat;
}
.headertop
{
}
.headertopright
{
    padding: 2px 6px 2px 6px;
}
/*
======================
Date, Breadcrumb and Login row
======================
*/
.headermenu
{
    background-color: #040;
    padding: 2px 6px 2px 6px;
}
.headerbreadcrumb
{
    background-color:#fff;
    padding: 3px 6px 3px 6px;
    font-size: 10px;
    font-family: verdana;
    height:20px;
}
/*
======================
Copyright, term, privacy
======================
*/
.footer
{
}
/*
======================
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;
}
.rightspacer
{
    width: 50px;
    background-color: Transparent;
    border-left:solid 4px #bbb;
}
.contentpane
{
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 6px 6px 6px 6px;
}
.bottompane
{
    width: 100%;
    background-color: white;
    padding: 6px 6px 6px 6px;
}
.leftcolumn
{
    background-image:url("menu.gif");
    background-repeat:repeat-y;
    background-color:Transparent;
}
.leftpane
{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
}
.rightpane
{
    background-color:whitesmoke;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
td.footerlinks
{
    height: 30px;
    padding-left: 6px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.footerLinks, a.footerLinks:link, a.footerLinks:active, a.footerLinks:visited
{
    font-family: verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}
.search
{
    color: #fff;
}
a.search:link, a.search:active, a.search:visited
{
    color: #ffa;
    text-decoration: none;
}
a.search:hover
{
    color: yellow;
}

.MainMenu_MenuContainer
{
    background-color:transparent;
    padding-left: 45px;
    padding-right: 2px;
    border: 0px solid White;
}
.MainMenu_MenuBar
{
    cursor: pointer;
    cursor: hand;
    background-color: Transparent;
    height: 24px;
}

.MainMenu_MenuItem
{
    border-width: 0;
    cursor: pointer;
    cursor: hand;
    color: white;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    background-color:#000;
    font-family: Verdana;
}
.MainMenu_MenuIcon
{
    background-color:#330;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 1px;
}
.MainMenu_SubMenu
{
    background-color: Transparent;
    border-width: 0;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    filter: progid:DXImageTransform.Microsoft.Shadow(color= '#696969' , Direction=135, Strength=3);
}
.MainMenu_MenuBreak
{
    height: 1px;
}
.MainMenu_MenuItemSel
{
    border-width: 0;
    background-color:#444;
    cursor: pointer;
    cursor: hand;
    color: yellow;
    font-family: Verdana;
    font-size: 12px;
    font-weight:bold;
    font-style: normal;
    height: 24px;
}
.MainMenu_MenuArrow
{
    border-width: 0;
    font-family: webdings;
    font-size: 12px;
    cursor: pointer;
    cursor: hand;
}
.MainMenu_RootMenuArrow
{
    font-family: webdings;
    font-size: 12px;
    cursor: pointer;
    cursor: hand;
}

.StandardButton
{
    background-color: #000;
    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: #333;
}
/* ================================
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: #333;
    font-family: verdana, arial;
    font-weight: normal;
    font-size: 12px;
}
/* ===============================
default text style used for announcements, etc 
================================== */
.NormalSmall
{
    color: #333;
    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, arial;
    font-size: 12px;
    font-weight: bold;
    color: black;
}
/* ==============================
 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
{
    font-family: Verdana, arial;
    font-weight: bold;
    font-size: 10px;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
}
A.SkinItem:hover
{
}
/* This is the Date eg. any items that are not links */
.footeritem
{
    font-family: Verdana, arial;
    font-weight: normal;
    font-size: 11px;
}
/* This sets the style for all skin items that are links */
A.footeritem:link, A.footeritem:visited, A.footeritem:active
{
}
A.footeritem:hover
{
}
/* =======================
 HTML Tag Styles 
=========================== */
H1
{
    color: #333;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    padding-top:10px;
}

H2
{    
    padding-top:10px;
    color: #333;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}

H3
{    
    color:#000;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
}
H4
{    
    color:#000;
    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:#0000CD;
}

A, A:hover
{
    text-decoration: underline;
    color:#00F;
}
.EventList
{
    font-family: verdana;
}
.EventListTitleLink
{
    font-weight:bold;
    font-size: 13px;
}
.EventListTitle
{
    color:#000;
    font-weight:bold;
    font-size: 13px;
}
.EventListDate
{
    font-weight:normal;
    font-size: 12px;
}
.EventListLocation
{
    font-size: 12px;
}
.EventListDesc
{
    font-size: 12px;
    color: #333;
}
.EventListTitleLinkSmall
{
    font-size: 11px;
}
.EventListDateSmall
{
    font-size: 11px;
}
.Listings
{
    font-family: verdana;
    font-size: 12px;
}
.ListingTitleLink
{
    font-weight:bold;
    font-size: 13px;
}
.ListingTitle
{
    color:#000;
    font-weight:bold;
    font-size: 13px;
}
.ListingDate
{
    font-weight:normal;
    font-size: 12px;
}
.ListingLocation
{
    font-size: 12px;
}
.ListingDesc
{
    font-size: 12px;
    color: #333;
}
.ListingsSmall
{
    font-family: verdana;
    font-size: 10px;
}
.ListingTitleSmall
{
    color:#000;
    font-weight:bold;
    font-size: 10px;
}
.ListingTitleLinkSmall
{
    font-size: 10px;
}
.ListingDateSmall
{
    font-size: 10px;
}

#topnavi
{
	position: relative;
	width:  600px;
	height: 109px;
	top:     13px;
	z-index: 5;
}

#button_01 a
{
	position: absolute;
	left:    0px;
	/*top:     26px; */
	width:   89px;
	height: 109px;
	z-index: 20;
	background: url(images/button_01.gif) top left no-repeat;
}

#button_01 a:hover 
{
	background-position: bottom left;
}

#button_02 a
{
	position: absolute;
	left:   90px;
	width:   89px;
	height: 109px;
	z-index: 20;
	background: url(images/button_02.gif) top left no-repeat;
}

#button_02 a:hover 
{
	background-position: bottom left;
}

#button_03 a
{
	position: absolute;
	left:   180px;
	width:   89px;
	height: 109px;
	z-index: 20;
	background: url(images/button_03.gif) top left no-repeat;
}

#button_03 a:hover 
{
	background-position: bottom left;
}

#button_04 a
{
	position: absolute;
	left:   270px;
	width:   89px;
	height: 109px;
	z-index: 20;
	background: url(images/button_04.gif) top left no-repeat;
}

#button_04 a:hover 
{
	background-position: bottom left;
}

#button_05 a
{
	position: absolute;
	left:   360px;
	width:   89px;
	height: 109px;
	z-index: 20;
	background: url(images/button_05.gif) top left no-repeat;
}

#button_05 a:hover 
{
	background-position: bottom left;
}

#button_06 a
{
	position: absolute;
	left:   467px;
	width:   89px;
	height: 109px;
	z-index: 26;
	background: url(images/button_06.gif) top left no-repeat;
}

#button_06 a:hover 
{
	background-position: bottom left;
}