/* 
	================================
CSS STYLES FOR DotNetNuke Skins by the SkinCovered Team - http://www.skincovered.com
The best place to learn about how to skin your DotNetNuke website
Tutorials, Forums, Code Snippets, Videos, Expert Advice by Experienced DNN Skinners
Free & Premium Content for the DotNetNuke enthusiast
   ================================
*/ 

body {background-repeat:repeat-x; background-position: top; background-attachment: fixed;  font-family: Helvetica, Geneva, Tahoma,;}
a img {border: 0}

#global { margin-left: auto; margin-right: auto; width: 900px; /* mandatory to be centered */ }

/* this is a great hack to force scrollbars on at so that the page does not jump when going from short to long pages in mozilla */
html {height: 100%;  margin-bottom: 1px;}

.skinmaster {width: 900px;} /** change this width to suit your requirements */

/* classes for the upper section of the skin */
.upper  {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #000000; float:left;padding: 3px; }
.upper1 {border: 0px solid #cccccc; color: #666666; margin: 0px; width: 48%;float: left; padding: 3px;}
.upper2 {border: 0px solid #cccccc; color: #404040; margin: 0px; width: 48%; float: right; padding: 3px;}

/* classes for the main content panes */
.toppane {background-color: #f7f7f7; padding: 3px; }
.midpane {float: left;width: 57%; padding: 3px; }
.rightpane {width: 40%;float: right; padding: 3px; }
.bottompane {background-color: #f7f7f7; padding: 3px; }

/* classes for the coloured section of the skin */
.lower1 {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #000000; margin: 3px; width: 48%;float: left; padding: 5px;}
.lower2 {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #000000; margin: 3px; width: 48%; float: right; padding: 5px; }
.lowercontent {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #000000; margin: 3px; width: 97%; float: right; padding: 10px; }

/* classes for the lower footer area of the skin */
.footer1 {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #cccccc; margin: 3px; width: 48%;float: left; padding: 5px;}
.footer2 {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #cccccc; margin: 3px; width: 48%; float: right; padding: 5px; }
.footercontent {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #cccccc; margin: 3px; width: 97%; float: right; padding: 10px; }

#copyrights {font-size:90%; text-align: center;  vertical-align: bottom; padding-left: 3px; padding-right: 3px; color: #cccccc;   }