
@media screen {
body { 
	font-family: Sans-serif,"Trebuchet MS",Verdana,Arial;       
        font-size: 12px;
        background: #ffffff;
        color: #666666;       
	background-image: url(./headrefl470_small.jpg); 
        background-repeat: no-repeat;
        background-position: 0px 0px;
}


div.fullpage {
	margin-left: 20px;
	margin-top: 10px;

	width: 720px;	
}

div.pagehead {
        margin-top: 0px;

        width: 700px;   
        height: 170px;   

        text-align: left;

}

div.pageside {

        float: left;
        width: 105px;   
        text-align: right;

}

hr {
   height: 1px;
   border: 0px;
   background: #aaaaaa;
   color: #aaaaaa;
   margin: 0px;

}

div.pagesideadmin {
	background: #ffffcc;
        color: #882222;
        border: 1px dotted #0000ff;
	padding: 3px;
}

div.pagebody {
    float: right;
    width: 590px;

    
    border-left: 1px dotted #4d51b2;
    padding-left: 10px;

}


a { outline: none; }
a:link { text-decoration: none;  color: #4c4fb8;     }
a:visited { text-decoration: none; color: #4c4fb8;    }
a:hover { text-decoration: underline; color: #4c4fb8;  }




img.diys_img {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

img.diys_fimg {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

img.diys_limg {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

img.diys_rimg {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

div.diys_imgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}

div.diys_fimgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}

div.diys_limgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}

div.diys_rimgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}



td.diys_td {
	background: #f6f7fc;
        font-size: 11px;
}

table.diys_table {
	background: #ffffff;	
	border: 1px solid #cdb2ef;			
	margin-left: 8px;	
}



h1.diys_h1 {
	color:#4c4fb8;
	margin-bottom: 1px;
	margin-top: 1px;
}

h2.diys_h2 {
	color:#4c4fb8;
	margin-bottom: 2px;
	margin-top: 10px;
	margin-left: 4px;

}


p.diys_p {
	margin-left: 8px;	
	margin-top: 1px;
	margin-bottom: 3px;
	text-indent: 5px;	
        color: #666666;       	

}

p.diys_p:hover {
        color: #000000;       	

}

div.diys_cite {
	background: #f0f0f8;	
	border-left: 1px dotted #333366;
	margin-left: 15px;	
	padding-left: 5px;	

}

div.diys_cite:hover {
    color: #000000;
}

div.diys_contactdiv {
	background: #ffffff;	
	border: 1px solid #cdb2ef;
}


input {

        color:#000000;
        font-family: sans-serif,Verdana,arial;
        font-size: 12px;
}

input.diys_button {

        color:#000000;
	font-family: arial,sans-serif,Verdana;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #f3f3f3;
	background: #dddddd;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
        font-size: 14px;
	margin:2px;
}

textarea {
	
        color:#000000;
        font-family: courier,fixed;
        font-size: 12px;
}

textarea.diys_textarea {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: courier,fixed;

        font-size: 14px;
	border: 1px solid #000000;
}


input.diys_input {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: courier,fixed;

        font-size: 14px;
	border: 1px solid #000000;
	margin:2px;
}

input.diys_file {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: courier,fixed;

        font-size: 14px;
	border: 1px solid #000000;
	margin:2px;
}

select.diys_select {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: arial,sans-serif,Verdana;
        font-size: 14px;
	border: 1px solid #000000;
	margin:2px;
}



div.adminpopup {

	position: fixed; 
	left: 10px;
	top: 10px;
	border: 1px solid #555599;
	z-index: 5; 
	color: #000000; 
        background: #ffffff;
	width: 480px;
	height: 480px;
	padding: 10px;
	overflow: auto;
}



div.twtr-ft {
    visibility: hidden;
}
div.twtr-reference-tweet {
    visibility: hidden;
}
a.twtr-join-conv {
    visibility: hidden;
}
div.twtr-tweet {   
    border: 0px solid #00ff00; 
    margin: 0px; 
    padding:0px; 
}
div.twtr-tweet-wrap {   
    border: 0px dotted #ff00ff; 

    margin: 0px; 
    padding:0px; 
}
div.twtr-widget {   
    border: 0px solid #ff0000; 
    width: 180px;  
    margin-right: 0px; 
    margin-left: 24px; 
    padding:0px; 
}
div.twtr-avatar {
    width: 28px; 
    height: 28px; 
    border: 0px solid #ff0000; 
    float: left;
    margin: 0px;  
    margin-right: 4px;
    padding:0px; 
}
div.twtr-img { 
    width: 24px; 
    height: 24px; 
    border: 0px solid #ff0000; 
    margin: 0px;
    padding:0px; 
}
div.twtr-tweet-text {

    text-align: left;
    border: 0px solid #ffff00;  
    border-left: 1px dotted #4d51b2; 
    
    color: #666666;	
    font-family: Sans-serif,"Trebuchet MS",Verdana,Arial;       
    font-size: 10px;
    margin: 0px;   
    padding:4px; 
}

div.twtr-tweet-text:hover { 
    color: #000000; 
}



div.youtubeincl { 
    background: #ffffff;  
    border-left: 0px dotted  #ff0000; 
    width: 200px;  
    margin-right: 0px;
}


div.player_div { 
    background: #ffffff;  
    border: 0px solid #ff0000; 
    
   
    margin: 0px;
    margin-bottom: 8px;
}



}





@media  handheld {
body { 
	font-family: Sans-serif,"Trebuchet MS",Verdana,Arial;       
        font-size: 10px;
        background: #ffffff;
        color: #666666;
}


div.fullpage {

}

div.pagehead {
        height: 0px; 
	visibility: hidden;
	overflow: hidden;
}

div.pageside {
    border-right: 1px dotted #333366;
    border-bottom: 1px dotted #333366;
    float: left;
   
    text-align: left;
    font-size: 9px;
    overflow: hidden;
    height: 160px;
    margin-right: 2px;
    margin-bottom: 2px;
}

hr {
   height: 1px;
   border: 0px;
   background: #aaaaaa;
   color: #aaaaaa;
   margin: 0px;

}

div.pagesideadmin {
	background: #ffffcc;
        color: #882222;
        border: 1px dotted #0000ff;
	padding: 3px;
	position: fixed;
}

div.pagebody {


}


a { outline: none; }
a:link { text-decoration: underline;  color: #333366;     }
a:visited { text-decoration: none; color: #333366;    }
a:hover { text-decoration: none; color: #000099;  }


a.diys_a { outline: none;  }
a.diys_a:link { text-decoration: underline;  color: #333366;     }
a.diys_a:visited { text-decoration: underline;  color: #333366;    }
a.diys_a:hover { text-decoration: underline;  color: #333366; background-color: #eeeeff; }

a.diys_aext { outline: none; }
a.diys_aext:link {  text-decoration: underline;  color: #333366;    }
a.diys_aext:visited {  text-decoration: underline;  color: #333366;    }
a.diys_aext:hover { text-decoration: underline;  color: #333366;   background-color: #eeeeff; }

a.diys_afile { outline: none; }
a.diys_afile:link { text-decoration: underline;  color: #333366;  background-color: #eeeeee;    }
a.diys_afile:visited { text-decoration: underline; color: #333366; background-color: #eeeeee;   }
a.diys_afile:hover { text-decoration: underline; color: #000099; background-color: #eeeeff; }


img.diys_img {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

img.diys_fimg {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

img.diys_limg {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

img.diys_rimg {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

div.diys_imgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}

div.diys_fimgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}

div.diys_limgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}

div.diys_rimgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}



td.diys_td {
	background: #eeeeee;
        font-size: 9px;
}

table.diys_table {
	background: #ffffff;	
	border: 1px solid #333366;			
	margin-left: 8px;	
}



h1.diys_h1 {
	color:#333366;
	margin-bottom: 1px;
	margin-top: 1px;
}

h2.diys_h2 {
	color:#333366;
	margin-bottom: 2px;
	margin-top: 10px;
	margin-left: 4px;

}


p.diys_p {
	margin-left: 8px;	
	margin-top: 1px;
	margin-bottom: 3px;
	text-indent: 5px;	
	

}

div.diys_cite {
	background: #f8f8f8;	
	border-left: 1px solid #333366;
	margin-left: 15px;	
	padding-left: 5px;	
	
}

input {

        color:#000000;
        font-family: sans-serif,Verdana,arial;
        font-size: 12px;
}

input.diys_button {

        color:#000000;
	font-family: arial,sans-serif,Verdana;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #f3f3f3;
	background: #dddddd;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
        font-size: 14px;
	margin:2px;
}

textarea {
	
        color:#000000;
        font-family: courier,fixed;
        font-size: 12px;
}

textarea.diys_textarea {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: courier,fixed;

        font-size: 14px;
	border: 1px solid #000000;
}


input.diys_input {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: courier,fixed;

        font-size: 14px;
	border: 1px solid #000000;
	margin:2px;
}

input.diys_file {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: courier,fixed;

        font-size: 14px;
	border: 1px solid #000000;
	margin:2px;
}

select.diys_select {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: arial,sans-serif,Verdana;
        font-size: 14px;
	border: 1px solid #000000;
	margin:2px;
}



div.adminpopup {

	position: fixed; 
	left: 10px;
	top: 10px;
	border: 1px solid #555599;
	z-index: 5; 
	color: #000000; 
        background: #ffffff;
	width: 480px;
	height: 480px;
	padding: 10px;
	overflow: auto;
}

}





@media print {
body { 
	font-family: Sans-serif,"Trebuchet MS",Verdana,Arial;       
        font-size: 12px;
        background: #ffffff;
        color: #222222;
}


div.fullpage {
	width: 99%;	
}

div.pagehead {
        top: 0px;
        height: 0px;   
        text-align: left;
	visibility: hidden;
}

div.pageside {
        height: 0px;   
        text-align: right;
	visibility: hidden;
}

hr {
   height: 1px;
   border: 0px;
   background: #aaaaaa;
   color: #aaaaaa;
   margin: 0px;
}

div.pagesideadmin {
	background: #ffffcc;
        color: #882222;
        border: 1px dotted #0000ff;
	padding: 3px;
}

div.pagebody {
	padding-left: 0px;
}


a { outline: none; }
a:link { text-decoration: underline;  color: #111111;     }
a:visited { text-decoration: underline; color: #111111;    }
a:hover { text-decoration: underline; color: #111111;  }



img.diys_img {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

img.diys_fimg {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

img.diys_limg {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

img.diys_rimg {
	border: 2px solid #f0f0f0;	
	margin: 2px;
}

div.diys_imgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}

div.diys_fimgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}

div.diys_limgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}

div.diys_rimgdiv {
	border: 2px solid #f0f0f0;	
	margin: 1px;
}



td.diys_td {
	background: #eeeeee;
        font-size: 11px;
}

table.diys_table {
	background: #ffffff;	
	border: 1px solid #333366;			
	margin-left: 8px;	
}



h1.diys_h1 {
	color:#000000;
	margin-bottom: 1px;
	margin-top: 1px;
}

h2.diys_h2 {
	color:#000000;
	margin-bottom: 2px;
	margin-top: 10px;
	margin-left: 4px;

}


p.diys_p {
	margin-left: 8px;	
	margin-top: 1px;
	margin-bottom: 3px;
	text-indent: 5px;	
	

}

div.diys_cite {
	background: #f8f8f8;	
	border-left: 1px solid #000000;
	margin-left: 15px;	
	padding-left: 5px;	
	
}

input {

        color:#000000;
        font-family: sans-serif,Verdana,arial;
        font-size: 12px;
}

input.diys_button {

        color:#000000;
	font-family: arial,sans-serif,Verdana;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #f3f3f3;
	background: #dddddd;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
        font-size: 14px;
	margin:2px;
}

textarea {
	
        color:#000000;
        font-family: courier,fixed;
        font-size: 12px;
}

textarea.diys_textarea {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: courier,fixed;

        font-size: 14px;
	border: 1px solid #000000;
}


input.diys_input {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: courier,fixed;

        font-size: 14px;
	border: 1px solid #000000;
	margin:2px;
}

input.diys_file {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: courier,fixed;

        font-size: 14px;
	border: 1px solid #000000;
	margin:2px;
}

select.diys_select {
	background-image: url(/inputshadow.jpg);
        background-repeat: repeat;
        background-position: left top;

        color:#000000;
        font-family: arial,sans-serif,Verdana;
        font-size: 14px;
	border: 1px solid #000000;
	margin:2px;
}



div.adminpopup {

	position: fixed; 
	left: 10px;
	top: 10px;
	border: 1px solid #555599;
	z-index: 5; 
	color: #000000; 
        background: #ffffff;
	width: 480px;
	height: 480px;
	padding: 10px;
	overflow: auto;
}

}
