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

body 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
	text-align: left;
	background-color: #ffffcb;
}

.pagemaster 
{
    position: relative;
    width: 950px;
    margin: auto;
    background-color: #ffffcb;
}

.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}

.logintext
{
    font-size: 1.0em;
    color: #235d8e;
}

/* Module Action Menus */
.ModuleTitle_SubMenu
{
	border:2px solid #235d8e;
}

.ModuleTitle_SubMenu td{
	background-color:#F8FAFF;
	white-space: nowrap;
} 

.ModuleTitle_MenuIcon {
	background-color:#F8FAFF; 
	border:none;
	padding: 0px 2px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	background: #235d8e;
	color: #ffff8b;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}

div#outline
{
    position: relative;
    top: 47px;
    left: 25px;
    width: 900px;
    background-color: #ffc059;
}

div#contentarea
{
    position: relative;
    top: -3px;
    margin: 3px;
    background-color: #ffffff;
    padding: 10px;
}

div#loginarea
{
    width: 100%;
    text-align: right;
}

div#loginarea a:hover
{
    color: #000000;
    background-color: #ffffff;
    text-decoration: underline;
}

div#menu
{
    position: relative;
    float: left;
    min-height: 400px;
}

div#header
{
    position: relative;
    background-color: #ffc059;
    top: 50px;
    width: 900px;
    height: 150px;
    color: White;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: auto;
    text-align: right;
    vertical-align: bottom;
}

div#clubname
{
    position: absolute;
    top: 62px;
    left: 175px;
    width: 600px;
    height: 125px;
    background-image: url('Media/header4.gif');
}

div#monkey
{
    position: absolute;
    top: 25px;
    left: 50px;
    width: 180px;
    height: 181px;
    background-color: Transparent;
    background-image: url('Media/monkeysmaller.gif');
}

div#bottom
{
    clear: both;
}

div#footer
{
    width: 100%;
    margin: auto;
    margin-top: 15px;
    text-align: center;
}

.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
    position: relative;
    float: left;
    width: 79%;
    background-color: #ffffff;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

ul.postnav,ul.postnav li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.postnav li
{
    width: 9em;
    font-size: 1.2em;
    margin: 5px;
    margin-right: 15px;
}

ul.postnav a
{
    display: block;
    width: 9em;
    padding: 5px 0;
    font: bold 100% Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #ffff8b;
    color: #235d8e;
    text-decoration: none;
    text-align: center;
    margin-bottom: 5px;
}

ul.postnav a:hover
{
    background: #235d8e;
    color:#ffff8b;
    text-decoration: none;
}