@import url("menu.css");
.simpleSkin{}
/* Copyright (c) 2009 interApps - websites and internet applications 

Permission is hereby granted, free of charge, to any person obtaining a copy of this software 
and associated documentation files (the "Software"), to deal in the Software without restriction, 
including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, 
and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, 
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial 
portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT 
NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/

html
{
	height: 100.1%;	/* causes firefox to always have a scrollbar */
}

body
{
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #333333;
    background-color: #ffffff; 
}
/* wrapper to fill the complete browser window, could be used for backgrounds */

.pagemaster 
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
	margin-left: auto;
	margin-right: auto;
	width: 1000px; /* main skin width */
	background-color: transparent;
}
/* header section of the skin */
.pagemasterleft
{
	width: 29px;
        background: url('images/LeftEdgeBackground.jpg') top left repeat-y;
}
.pagemasterright
{
	width: 29px;
        background: url('images/rightEdgeBackground.jpg') top left repeat-y;
}
.toppane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    border-bottom: solid 0px #cdcdcd;
    height: auto;
    background-color: #ffffff; */
}
.logopane
{
    float: left;
    height: 106px;
    width: auto; /* flexible in size */
    clear: both;
}
.TopBar
{
	height: 14px;
	width: 1000px;
	background: transparent url('images/topbar.jpg') repeat-x; 
	clear: both;
}
.BottomBar
{
	height: 54px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url('images/bottomedge.jpg') repeat-x; 
	clear: both;
}
.BottomBarLeft
{
	height: 54px;
        background: url('images/LeftBottomCorner.jpg') top left no-repeat;
}
.BottomBarRight
{
	height: 54px;
        background: url('images/RightBottomCorner.jpg') top left no-repeat;
}

/* container around the language and search skin objects, to keep them aligned together*/
.langsearchwrapper
{    
    padding: 10px 0px 0px 0px; margin: 0px; border: solid 1px #000000;
    height: auto;
    width: 1000px;
    height: 25px;
    text-align: left;
}

.languagepane,
.searchpane
{    
    padding: 10px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
}

.searchpane a, .searchpane a:link, .searchpane a:visited, .searchpane a:hover, .searchpane a:active
{
 	font-family: Verdana, Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	color: #ffffff;
}
.searchpane a:hover, .loginpane a:hover
{
    text-decoration: underline;
}

/* limit the width of the searchbox */
.searchpane .NormalTextBox
{
    width: 115px;
}


/* */
.breadcrumbpane
{
    color: #000000;
    font-size: 11px;
    line-height: 120%;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #000000;
    height: 25px;
    background-color: transparent;
    clear: both;
}

.mainlinkspane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    float: left;
    height: 40px;
    width: 100%;
    color: #ffffff;
}
.LinkPane
{
    padding: 0px 0px 0px 0px; 
    margin: 0px; border: solid 0px red;
}


.loginpane
{
    padding: 4px 20px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    width: auto;
    height: auto;
    float: right;
    text-align: right;
}
.user
{
    color: #000000;
	background-color: transparent;
}

.breadcrumbpane .user, 
.footerpane .user, 
.mainlinkspane a, .mainlinkspane a:link, .mainlinkspane a:visited, .mainlinkspane a:hover, .mainlinkspane a:active,
.loginpane a, .loginpane a:link, .loginpane a:visited, .loginpane a:hover, .loginpane a:active
{
    font-family: Verdana, Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
}

/* not used in this skin but often you are likely to use a empty div with a floatclearer class */
.floatclearer
{
    clear: both;
}

/* content panes section */

.contentrow {
    padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0px;
    background: #f5f4ef url('images/main.jpg') top left repeat-x;
    vertical-align: top;
    text-align: left;
    width: 1000px;
    clear: both;
}

/* table to keep the content together */
.contentrowtable
{
    height: auto;
    padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0px;
}


/* using the combination of pane and a wrapper helps in preventing box model issues in ie6 
   in cases where you want to apply padding on the panes in the skin, in this skin we have
   padding applied in the container, so here it is not really needed. */

.menupanewrapper
{
    padding: 0px 10px 0 10px; margin: 0px; border: solid 0px #000000;
    width: 160px;
    vertical-align: top; /* glue to the top */
    background-color: transparentf;
}
.menupane
{
    padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0 0 0 0px;
}

.rightpanewrapper
{
    padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; border: solid 0px #000000;
    width: 160px;
    vertical-align: top;
    color: #ffffff;
    background-color: transparent;
}
.rightpane
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px red;
    width: auto;
    height: 100%
}

.contentpanewrapper
{
    padding: 0px 7px 0px 5px; margin: 0px; border: solid 0px #000000;
    width: auto;
    vertical-align: top;
    background-color: transparent;
}
.contentpane
{
    padding: 0px 5px 0px 5px; 
    margin: 0px; border: solid 0px black;
    width: 100%;
    clear: both;
    background-color: transparent;
}
.BluePaneWrapper
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 1px #000000;
	width: 33.33%;
	background-color: #b1b1fb;
}
.EventQuizPane1
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 1px #000000;
    width: 50%;
}
.EventQuizPane2
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 1px #000000;
    width: 50%;
}
.ContentBottomPane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #000000;
    width: 100%;
}

.contentpanealt
{
    padding: 10px 10px 10px 10px; 
    margin: 0px; border: solid 0px red;
    background-color: #00CCFF;
}
.menucontentpane
{
    padding: 0px 0px 0px 0px; 
    margin: 0px; border: solid 0px red;
}

.footerpane
{
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #000000;
    height: 25px;
    background-color: #f5f4ef;
}
.footercontent
{
    padding: 4px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    color: #000000;
    text-align: center;
	background-color: transparent;
}
.footer
{
	background-color: transparent;
}
/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */

p
{
    padding: 0 0 10px 0; margin: 0px; border: solid 0px red;
}

h1, h2, h3, h4, h5, h6, .SubHead, .SubSubHead, .Head
{
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #000000;
    text-align: left;
}
h1
{
    font-size: 12px;
}
h2
{
    font-size: 12px;
}
h3
{
    font-size: 12px;
}

.SubHead, .SubSubHead
{
    font-size: 11px;
}

div, td, .Normal, p, a, a:link, a:visited, a:hover, a:active, .SkinObject, a.CommandButton
{
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #000000;
    background-color: transparent;
}

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


b, strong
{
}

UL
{
    margin-top: 0px;
}

UL LI
{
    list-style-type: disc;
    margin-bottom: 4px;
}

UL LI LI
{
    list-style-type: circle;
    margin-bottom: 4px;
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}


a img
{
	border: dashed 0px #ffffff;
}


/* menu using the new system as explained here: 
   http://www.dotnetnuke.com/Community/Blogs/tabid/825/EntryId/1874/New-Video-Available-Demonstrating-New-CSS-Capabilites-in-DNNMenu-v2-0.aspx 
*/