/* Widescreen (laptops, desktops) */
@import url("layout_widescreen.css") only screen and (min-width:960px);
/* Mobile */
@import url("layout_mobile.css") only screen and (max-width:959px);
	body {
        margin: 0;
		padding: 10px;
		font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		font-size: 1em;
		background-color:#69686A;
		text-align: center;
    }	
	a,
    a:link{
        text-decoration: none;
		font-weight: bold;
		color:#36F;
    }
    a:active {
        text-decoration: underline;
		font-weight: bold;		
        color:#36F;
    }
    a:visited {
        color:#36F;
		font-weight: bold;		
    }
    a:hover {
        text-decoration: underline;
        color:#36F;
		font-weight: bold;		
        /*background-color: #99CC99;*/
    } 
	

img
{border: 2px solid #69686A;
margin:0px 5px 0px;
	
}	

img.noborder
{border: 0;
margin:0px 5px 0px;
}	

img.social
{
	border: 0;
	width:25px;
	height:25px;
	margin:0px 4px 0px;
}


div#container
{
width:90%;
/*height:1620px;*/
/*margin:0px;*/
margin-left:auto;
margin-right:auto;
border:1px solid #69686A;
padding:0;
background-color:#C0C0C0;
color:#030;
/*text-align: left;*/

}
div#header
{
padding:1em;
padding-top:2em;
/*margin:0;*/
font-family:Arial, Helvetica, sans-serif;
background-color: #336666;
color: #CCFFFF;
text-align:center;
line-height: 150%;
margin-bottom: -30px;
/*border-bottom:3px solid #01788C;*/
/*height:140px;*/
}
h1#header
{
font-size: 1em;

padding:0;
margin:0;

}

div#header_left
{
float:left;
width:270px;
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 0.8em;
line-height: 140%;
text-align:left;
}
div#header_right
{
margin-left:270px;
padding:0;
margin-top:0;
background-color: #01788C;

}

div#footer
{
padding:0.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
background-color: #336666;
color: #CCFFFF;
text-align:left;
}
div#left
{
float:left;
width:500px;
margin-top:10px;
padding:1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 0.8em;
line-height: 140%;
text-align:center;
}
div#text
{
/*margin-left:300px;
border-left:1px solid #01788C;*/
padding:1em;
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 140%;
text-align:left;
white-space: wrap;
margin-left:450px;
font-size:1.3em;
}
div#content
{
/*margin-left:300px;
border-left:1px solid #01788C;*/
padding:1em;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
line-height: 140%;
text-align:left;
white-space: wrap;
}

/*THIS IS FOR FREIMARCK PAGE*/
div#fm_container
{
width:800px;
/*height:1620px;*/
/*margin:0px;*/
margin-left:auto;
margin-right:auto;
border:1px solid #006;
padding:30px;
background-color:#FFC;
color:#030;
/*text-align: left;*/

}

img.page
{margin:15px;}

/*THIS IS FOR THE PAINTINGS PAGES*/
div#painting 
{
/*float:none;*/
width:900px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding:1em;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-size: 1em;
background-color:#C0C0C0;
color: #69686A;
line-height: 140%;
text-align:center;	
}

div#paintingxwide 
{
/*float:none;*/
width:1120px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding:1em;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-size: 1em;
background-color:#C0C0C0;
color: #336633;
line-height: 140%;
text-align:center;	
}

/*THIS IS THE NEW ONE-COLUMN LAYOUT*/
div#onesection
{
width:650px;
margin-left:40px;
padding:2em;
font-family:Arial;
font-size: 1em;
line-height: 140%;
text-align:center;
}

p.center {
	margin-left: 50px;
	margin-right: 50px;
	}

td.small {
	font-size: 0.8em;
	}
	
p.smaller {
	font-size: 1em;
	}
	
p.left {
	margin-left: 50px;
	text-align:left;
	font-size:1.3em;
}
	
p.caption {
	text-align:center;
	font-size:10pt;
	margin-top: 0;
	}

h2 {
	font-weight: bold;
	font-size:18px;
	line-height: 1.5em;
	}

h4 {
	margin-bottom:-12px;
	border-bottom: 1 solid #CCCC99;	
	font-weight: bold;	
	}
	
ul.toc {
	
	}	
	
ul.toc li {
	list-style:none;
	margin-left:-9px;
	}	
	
/* clearing */
    .stretch,
    .clear {
        clear: both;
        height: 1px;
        
        margin: 0;
        padding: 0;
        
        font-size: 15px;
        line-height: 1px;
    }
    .clearfix:after {
        clear: both;
        height: 0;
        
        display: block;
        visibility: hidden;
        
        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
/* end clearing */

/* accessibility */
     span.accesskey {
         text-decoration: none;
     }
     .accessibility {
         position: absolute;
         top: -999em;
         left: -999em;
     }
/* end accessibility */