/* 	Credit to Matthew James Taylor for 'Holy Grail basic layout
	http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm
*/

#colmask {
	position: relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	width: 1000px;			/* width of whole page */
	margin: 0 auto 0 auto;	/* or float:left; */
	overflow: hidden;		/* This chops off any overhanging divs */
	background: #ffd8b7;		/* Left column background colour */
    }

#colmid {
	float: left;
	width: 200%;
	position: relative;
	left: 0;
	background: #fff;    	    /* Centre column background colour */
    }
    
#colright {
	float: left;
	width: 100%;
	position: relative;
	left: 50%;
	margin-left: -14.2em;
	background: #e1e9f2;    	/* Right column background colour */
    }
    
#col1wrap {
	float: right;
	width: 50%;
	position: relative;
	right: 100%;
    }

#col1pad {
	margin: 0 0 0 14.2em;	    /* Main column padding/air */
	overflow: hidden;
	padding: 0 15px 0 15px;     /* Main column padding */
	border: 0px solid green;
    }
    
#col1, #dnn_ContentPane {
	width: 100%;
	overflow: hidden;
    }

#col3, #dnn_RightPane {
	float: left;
	width: 14em;
	position: relative;
	left: 0;
	overflow: hidden; 
	border: 0px solid red;
    }


/* Pane level styles */

.cpane          {margin: 20px 0 0 0; min-height: 400px;}
.rpane          {border: 1px solid #ff0; padding: 10px 0 8px 0;}


/* ========================================================= */

/* Homepage slide rotator styles */

.SlideContainer {
	color: #fff;
    border: 0px solid #ff0; 
    height: 285px;
	}

.s1 a:link, .s1 a:hover, .s1 a:visited, .s1 a:hover { color: #F6DE1C; } /*  */
.s2 a:link, .s2 a:hover, .s2 a:visited, .s2 a:hover { color: #E95091; } /*  */
.s3 a:link, .s3 a:hover, .s3 a:visited, .s3 a:hover { color: #000000; } /*  */

.SlideContainer .s1,
.SlideContainer .s2,
.SlideContainer .s3         { background: #fff }

.SlideContainer a:link,
.SlideContainer a:visited, 
.SlideContainer a:hover     { position:relative; text-decoration: none; line-height: 10px; }
	
.SlideContainer .s1, 
.SlideContainer .s2, 
.SlideContainer .s3         { border: 0px solid green; width: 100%; display:none; padding: 0; }

.SlideContainer .s1 img, 
.SlideContainer .s2 img, 
.SlideContainer .s3 img     { float: right; }

.SlideContainer .s1 h1,     /* h1 title in rotating text content */
.SlideContainer .s1 p,
.SlideContainer .s2 span,  
.SlideContainer .s3 span {
    display: block; 
    padding: 50px 25px 0 25px;
    width: 308px; 
    float: left; 
    font-family: helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #394D80;
    line-height: 1.5em; 
    letter-spacing: 1px; 
    border: 0px solid green;
    }
    
.SlideContainer .s1 p { 
    padding: 0px 25px 0 25px;
    }
 
.SlideContainer span.bullets {
    display: block; 
    font-size: .85em;
    color: #394D80; 
    line-height: 1.5em; 
    letter-spacing: 1px; 
    padding: 10px 0 0 20px;
    float: left;}

/*.s1 div, .s2 div, .s3 div {	
	position: relative;
	top: 10px;
	left: 8px;
    padding: 0;
	}*/