/* andreas01 - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.

/* Free DotNetNuke Skin available from: http://www.dnncreative.com 
 Adapted to DotNetNuke by Lee Sykes from DNN Creative Magazine
 Providing DotNetNuke Tutorials, Reviews, Videos, MP3 Interviews to 
 help you get the most from DNN

Andreas Viklund Template Version: 2.5 (Jan 11, 2007)

Screen layout: */
 

/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
/*background:#f4f4f4 url(img/bg.gif) top center repeat-y;*/
background:#f4f4f4;
color:#404040;
}

#wrap
{
    background: #ffffff;
    color: #404040;
    margin: 0 auto;
    width: 770px;
}

#controlpanel
{
    border: #75b3ff 1px solid;
}
/***** Various tags *****/

a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#286ea0;
background-color:inherit;
}
a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}
a:active {
text-decoration:none;
font-weight:bold;
color:#286ea0;
background-color:inherit;
}
a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}

/***** DNN Styles to override *****/
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, h1, h2, h3, h4, h5, h6, .Head
{
    font-family: Verdana,Tahoma,Arial,sans-serif;
    font-size: 100%;
    font-weight: normal;
    color:#404040;
}
.NormalDisabled
{
    color: Silver;
}
.NormalBold
{
    font-weight: bold
}
.NormalRed
{
    font-weight: bold;
    color: #ff0000
}
h1, h2, h3, h4, h5, h6, .Head
{
    font-weight: bold;
}

/****** Page Top *****/
#pagetop
{
    font-size:10px;
    position:relative;
    height: 13px;
    background:#f4f4f4;
}

#pagetopleft
{
    position:absolute;
    left: 5px;
    top:0px;
}

#pagetopright
{
    position:absolute;
    right: 5px;
    top: 0px;
}

#pagetopleft a, #pagetopright a
{
    font-weight:normal;
    color:#000000;
}

#pagetopleft a:hover, #pagetopright a:hover
{
    text-decoration: underline;
}


/****** Header *****/

#pageborder
{
    border: #75b3ff 1px solid;
}

#header
{
    height: 125px;
    margin: 0px;
    padding: 0;
    background-position: left top;
    background-attachment: scroll;
    background-image: url(img/TopBlock.jpg);
    background-repeat: no-repeat;
    position: relative;
}

#loginlinks
{
    position:absolute;
    right: 100px;
    bottom: 35px;
    font: 80%;
}

#date
{
    position:absolute;
    left: 200px;
    bottom: 35px;
    color: #C00;
}

#menubar
{
    position: absolute;
    top: 100px;
    left: 10px;
    width: 100%;
    height: 25px;
}

.contentenclosure
{
    padding-left: 5px;
    padding-right: 5px;
}

/*#header img {
margin:0 0 5px;
float:left;
}

#header p {
width:400px;
float:right;
text-align:right;
margin: 8px 15px 0 0;
font-weight:bold;
line-height:1.3em;
}*/



/***** Left sidebar *****

#leftside {
clear:left;
float:left;
width:140px;
margin:0 0 5px;
padding:0;
}

#leftside h2,#leftside h3 {
color:#505050;
background-color:inherit;
font-size:1.3em;
margin:0 0 5px;
padding:0;
}

#leftside div.announce {
clear:left;
margin:10px 0 15px;
padding:7px 5px;
width:126px;
font-size:0.9em;
background-color:#f4f4f4;
color:#505050;
border-left:4px solid #cccccc;
line-height:1.5em;
}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
} /

/***** Main menu *****/

#nav ul {
    font-size: 1.08em;
    font-weight: bold;
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:auto;
    background-color:Transparent;
    height: auto;
}

#nav li
{
    position: relative;
    float: left;
    line-height: 1.25em;
    width: auto;
    list-style: none;
    height: 25px;
    border: Transparent 1px solid;
}

#nav li ul { /* second-level lists */
    font-size: 100%;
	position : absolute;
	left: -999em;
	width:auto;
    background-color:#DFEDFF;
	border:1px solid #e0e0e0;
}


#nav a
{
    font-family: Verdana,Tahoma,Arial,sans-serif;
    display: block;
    text-decoration: none;
    text-align: center;
    height: 25px;
    color: #000;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}
#nav li li a {
    width:auto;
    height: 25px;
    white-space:nowrap;
}

#nav li a:hover
{
    color: #0026FF;
}
#nav li.SelectedTab 
{
    font-size: 100%;
    background-color: #FFF;
    border-right: #e0e0e0 1px solid;
    border-top: #e0e0e0 1px solid;
    border-left: #e0e0e0 1px solid;
    border-bottom: Transparent 1px solid;
}
#nav li li.SelectedTab
{
    background-color:Transparent;
}
#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}


/***** Right sidebar *****/

#extras
{
    float: right;
    width: 140px;
    margin: 0px;
    line-height: 1.4em;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 10px;
}

#extras p, #extras ul {
margin:0 0 16px;
padding:0;
}

#extras p {
font-size:0.9em;
line-height:1.4em;
}

#extras li {
list-style:none;
line-height:1.2em;
margin:0 0 6px 0;
padding:0;
}

#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}

#extras ul ul li {
margin: 0 0 4px 0;
}

#extras ul ul li a {
font-size:1.1em;
font-weight:normal;
}

#extras h2, #extras h3 {
color:#505050;
background-color:inherit;
font-size:1.2em;
margin:0 0 8px;
padding:0;
}

/***** Main content *****/

.content
{
    margin: 0px 150px 0px 0px;
    line-height: 1.5em;
    padding-right: 10px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.contentwide
{
    margin: 0px;
    line-height: 1.5em;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.contentleft
{
    float:left;
    width: 374px;
    line-height: 1.5em;
    padding-right:5px;
    padding-bottom:5px;
    padding-top:10px;
}

.contentright
{
    float:left;
    width: 374px;
    line-height: 1.5em;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.content3_1
{
    float:left;
    width: 246px;
    line-height: 1.5em;
    padding-right:5px;
    padding-bottom:5px;
    padding-top:10px;
}

.content3_2
{
    float:left;
    width: 246px;
    line-height: 1.5em;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-top:10px;
}

.content3_3
{
    float:left;
    line-height: 1.5em;
    width: 246px;
    padding-left:5px;
    padding-bottom:5px;
    padding-top:10px;
}

.contentclass h1, .contentclass h2 
{
    font-size:1.6em;
    margin:0 0 10px;
}

/*#content h1,#contentwide h1, #content h2,#contentwide h2 {
font-size:1.6em;
margin:0 0 10px;
}*/

.contentclass h3
{
    font-size:1.3em;
    margin:0 0 8px;
}

/*#content h3,#contentwide h3 {
font-size:1.3em;
margin:0 0 8px;
}*/

/*#content img,#contentwide img, #contentwide2 img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}*/

.contentclass ul, .contentclass ol {
margin:0 0 16px 20px;
padding:0;
}

/*#content ul, #contentwide ul, #content ol, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}*/

.contentclass li {
margin:0;
padding:0 0 0 5px;
}

/*#content li, #contentwide li {
margin:0;
padding:0 0 0 5px;
}*/

.contentclass ul ul, .contentclass ol ol {
margin:0 0 0 16px;
padding:0;
}

/*#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol {
margin:0 0 0 16px;
padding:0;
}*/

/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
padding:15px 0;
border-top:4px solid #f0f0f0;
text-align:center;
color:#808080;
background:#ffffff;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
color:#808080;
background-color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various classes *****/

/* This is the Date eg. any items that are not links */
.SkinItem
{
    text-decoration: none;
    color: #036;
}

/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
    text-decoration: none;
    color: #036;
}
A.SkinItem:hover
{
    text-decoration: underline;
    color: #F00;
}

.CopyrightText
{
}

.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}

.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}

.hide {
display:none;
}