/* 01/20/10 M Gundel for easy access */

/***
* NOTE: To adjust for different size logo, 
* include this rule in the stylesheet for the site
* (admin->site settings->stylesheet editor):
* #dnn_TopPane { min-height: XXXpx; }
***/

/* CONTENTS 

- general
- header
- footer
- *****
- homepage
- singlePane
- threePane
- rightSidebar (default) 
- *****
- general shop
- threePaneShop
- rightSidebarShop
- leftSidebarShop

*/

/* GENERAL */
body 
{
    padding: 0px;
    margin: 0px;
	text-align: center;
	font-family:  Verdana, Arial, Tahoma, sans-serif;
	font-size: small;
	background-color: #f0f0f0 !important;
	color: #000000;
}
.bodyWrapper
{
    padding: 5px 0px 0px 0px;
    margin: 0px auto;
    width: 978px;
	text-align: left;
    background: #f0f0f0 url(images/bodyCenter.gif) repeat-y top left;
    border: none;
}

#content /* default */
{
    clear: both;
    margin: 0px auto;
	padding: 0px;
    width: 968px;
	min-height: 400px;
	text-align: left;
    line-height: 1.4em;
    background: #ffffff url(images/redSidebar.gif) repeat-y top right;
	color: #333333;
	border-top: solid 5px #B60F17;
}
#content #dnn_RightPane /* default */
{
    float: right;
    margin: 25px 23px 25px 17px;
    padding: 0px;
    width: 180px; /* 220 - 23 - 17 */
}
#content #dnn_ContentPane /* default */
{
    float: left;
    position: relative;
    margin: 25px 20px 25px 30px;
    padding: 0px;
    width: 680px;
}

.bodyWrapper a:link, 
.bodyWrapper a:active, 
.bodyWrapper a:visited 
{ 
    color: #666666;
    text-decoration: underline; 
}
.bodyWrapper a:hover 
{ 
    color: #000000;
    text-decoration: underline; 
}
.bodyWrapper a.bulletedLink
{
    display: block;
    padding: 0px 0px 0px 16px;
    background: transparent url(images/bullet.jpg) no-repeat 0px 3px;
}
.bodyWrapper ul, 
.bodyWrapper ul li 
{ 
    list-style-type: disc; 
}
.bodyWrapper img 
{ 
    border: 0;
}

.bodyWrapper .hideThis 
{
    display: none; 
}

div.clearFloats /* for Firefox */
{
    clear: both;
    line-height: 0px;
    height: 0px;
    width: 978px;
}

/* HEADER */
#header 
{
    position: relative;
    margin: 0px auto;
    padding: 0px;
	font-size: small;
    text-transform: lowercase;
	width: 968px;
    background: #ffffff url(images/headerFade.gif) repeat-x top left;
	color: #000000;
}

#header #dnn_TopPane
{
    float: right;
    margin: 0px;
    padding: 0px;
    width: 630px;
}

#header #logo #dnn_dnnLOGO_imgLogo
{
    position: absolute;
    top: 12px;
    left: 24px;
}

#header #dnn_MenuPane
{
    clear: both;
    width: 968px;
}

/* DNN Menu Navigation Provider */
.DNN_Menu
{
    float: left;
    padding: 0px 0px 0px 363px;
	margin: 0px;
    width: 605px; /* 968 - 363 */
	font-size: small;
	background: #e1e1e1 url(images/menuBackground.jpg) no-repeat top left;
}
.DNN_Menu span.mi
{
    float: left;
    display: block;
    padding: 0px;
    margin: 0px;
    min-height: 41px;
    white-space: nowrap;
	background: #e1e1e1 url(images/menuItemLeft.jpg) no-repeat top left;
    color: #000000;
}
.DNN_Menu span.mi span.txt
{
    display: block;
    padding: 12px 22px 13px 30px;
    margin: 0px;
	background: transparent url(images/menuItemRight.jpg) no-repeat top right;
}
.DNN_Menu span.sel,
.DNN_Menu span.hov
{
	background: #b60f17 url(images/menuItemLeftHighlite.jpg) no-repeat top left;
    color: #ffffff;
}
.DNN_Menu span.sel span.txt,
.DNN_Menu span.hov span.txt
{
	background: transparent url(images/menuItemRightHighlite.jpg) no-repeat top right;
}

/* FOOTER */
#footer 
{
    clear: both;
    padding: 20px 0px 10px 0px;
    margin: 0px auto;
	width: 978px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: x-small;
    line-height: 1.5em;
    text-align: center;
    background: #f0f0f0 url(images/footerFade.gif) no-repeat -1px 0px;
	color: #000000;
}
#footer a { color: #666666; }
#footer a:hover { color: #000000; }
#footer #lineOne a, #footer #lineOne a:hover,
#footer #lineTwo a, #footer #lineTwo a:hover
{
    padding: 0px 5px;
}

/*********************************************/

/* HOMEPAGE */
#homepageSkin #content 
{ 
    background: white url(images/homeNewsBackground.gif) repeat-y 740px 0px;
    border-top: solid 1px #a4a4a4;
}
#homepageSkin #content #dnn_ContentPane
{
    margin: 0px;
    padding: 0px;
    width: 740px;
    min-height: 100px; /* override min-height set below */
}
#homepageSkin #content #dnn_RightPane
{
    margin: 0px;
    padding: 0px;
    width: 220px;
    min-height: 100px; /* override min-height set below */
}
#homepageSkin #content #dnn_BottomPane
{
    margin: 0px;
    padding: 1px 0px;
    width: 968px; 
    background-color: #ffffff;
    background-image: none;
    border-top: solid 8px #e1e1e1;
}

/* SINGLE PANE */
#singlePaneSkin #content
{ 
    background-color: #ffffff;
    background-image: none;
}
#singlePaneSkin #content #dnn_ContentPane
{
    margin: 25px 30px;
    padding: 0px;
    width: 908px; /* 968 - 30 - 30 */
}

/* RIGHT SIDEBAR - default */

/* THREE PANE */
#threePaneSkin #content
{
    background: #ffffff url(images/threePaneBackground.gif) repeat-y top right;
}
#threePaneSkin #content #dnn_LeftPane
{
    float: left;
    margin: 25px 18px 25px 17px;
    padding: 0px;
    width: 185px; /* 220 - 18 - 17 */
}
#threePaneSkin #content #dnn_ContentPane
{
    width: 460px;
}

/*********************************************/

/* GENERAL SHOP */
.shopSkin #content
{ 
    background-color: #ffffff;
    background-image: none;
}
.shopSkin #content #dnn_BreadcrumbPane
{ 
    margin: 25px 25px 0px 30px;
    padding: 0px;
    width: 913px; /* 968 - 30 - 25 */
}
.shopSkin #content #dnn_RightPane
{
    clear: both;
    margin: 25px 23px 25px 12px;
    width: 185px; /* 220 - 23 - 12 */
}
.shopSkin #content #dnn_LeftPane
{
    float: left;
    margin: 25px 5px 25px 30px;
    padding: 0px;
    width: 185px; /* 220 - 5 - 30 */
}

/* RIGHT SIDEBAR SHOP */
#rightSidebarShopSkin #content #dnn_ContentPane 
{
    margin: 25px 0px 25px 30px;
    width: 700px;
}

/* LEFT SIDEBAR SHOP */
#leftSidebarShopSkin #content #dnn_LeftPane
{
    clear: both;
}
#leftSidebarShopSkin #content #dnn_ContentPane
{
    float: right;
    margin: 25px 25px 25px 10px;
    width: 700px;
}

/* THREE PANE SHOP */
#threePaneShopSkin #content #dnn_ContentPane
{
    margin: 25px 10px 25px 20px;
    width: 490px;
}

/*********************************************/

/* TEMPORARY */
/*
#dnn_MenuPane,
#dnn_TopPane,
#dnn_BreadcrumbPane,
#dnn_RightPane,
#dnn_LeftPane,
#dnn_ContentPane,
#dnn_BottomPane
{
    border: solid 1px blue;
}
*/
#dnn_LeftPane,
#dnn_RightPane,
#dnn_ContentPane
{
    min-height: 400px;
}