html {
	/* background-image: url(./santacorner.jpg); */
        background-repeat: no-repeat;
        background-position: right bottom;
	background-attachment: fixed;
}

body { 
    font-family: "Helvetica New",Roboto,"Segoe UI",Calibri,sans-serif;
    font-size: 12px;
    background: #ffffff;
    color: #222222;       
    background-image: url(./logolightbluel.jpg); 
    background-repeat: no-repeat;
    background-position: 0px 0px;
}


div.fullpage {
	margin-left: 20px;
	margin-top: 10px;
	width: 720px;	
}

div.rightbar {
    position: abolute;
	margin-left: 730px;
	margin-top: 10px;
	width: 200px;
	

	text-align: left;
	padding-left: 3px; 
	border-left: 1px dotted #4d51b2;
	
	 /* background-image: url(./pale70.png); */
	 /* background-repeat: repeat;  */


}

div.pagehead {
        margin-top: 0px;

        width: 700px;   
        height: 140px;   

        text-align: left;

}

div.pageside {

       float: left;
        width: 105px;   
        text-align: left;

}

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: #444499;   font-weight: bold;  }
a:visited { text-decoration: none; color: #4c4fb8; font-weight: bold;    }
a:hover { text-decoration: underline; color: #4c4fb8;font-weight: bold;   }

div.diys_navibutton { 
    height: 20px;  
    padding-left: 10px;
    background-image: url(./butt16.jpg); 
    background-repeat: no-repeat;
    background-position: 0px center;  
    margin: 2px;
    border: 0px dotted #4d51b2;
}


br.diys_navibr {
 display: none;
}

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;
}

img.icontop {
    position: fixed;
    right: 56px;
    top: 10px;
    border: 0px dotted #4444aa;
    z-index: 4; 
    display: none;
}

img.icontwit {
    position: fixed;
    right: 12px;
    top: 10px;
    border: 0px dotted #4444aa;
    z-index: 4; 
    display: none;
}

img.sponsorimg {
    margin-left: 10px;
}

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;	
}

div.diys_table {
	background: #ffffff;	
	border: 1px solid #cdb2ef;			
	margin-left: 8px;
	width: 97%;
	display: none;
}

div.diys_td {
	background: #f6f7fc;
	border-bottom: 1px solid #cdb2ef;
	width: 99%;
}

div.diys_tr {
	border-top: 8px solid #4c4c68;
	width: 99%;
}




h1.diys_h1 {
	color:#4c4c68;
	margin-bottom: 1px;
	margin-top: 1px;

	font-size: 22px;
}

h2.diys_h2 {
	color:#4c4c68;
	margin-bottom: 2px;
	margin-top: 10px;
	margin-left: 4px;

	font-size: 18px;
}


p.diys_p {
	margin-left: 8px;	
	margin-top: 1px;
	margin-bottom: 3px;
	text-indent: 5px;	
        color: #222222;       	

}


div.diys_cite {
	background: #f0f0ff;	
	border-left: 1px dotted #333366;
	margin-left: 15px;	
	padding-left: 5px;	
	font-style: italic;
	color: #000033;
}


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 screen and (max-width: 980px) {
    div.rightbar {
	position: relative;
	display: none; 
	border: 1px dotted #4d51b2;
    }
    
    img.icontop {
	display: block;
    }

    img.icontwit {
	display: block;
    }



}

@media screen and (max-width: 780px) {
body { 
    font-size: 16px;
    line-height: 28px;
    background-image: url(./logolightblue_small.jpg); 
    background-repeat: no-repeat;
    background-position: 0px 0px;
}


div.fullpage {
	margin-left: 0px;
	margin-top: 10px;
	width: 100%;	
}

div.rightbar {
    display: none;
    position: abolute;
    margin-left: auto;
    margin-right: 2px;
    margin-top: 10px;
    width: 180px;
	
    text-align: left;
    padding-left: 3px; 
    
}

img.sponsorimg {
    width: 15%;
}


div.pagehead {
        margin-top: 0px;

        width: 100%;   
        height: 80px;  

}

div.pageside {
        float: left;
        width: 100%;   
	margin-bottom: 20px;
}


div.pagebody {
    float: left;
    width: 99%;

    border-top: 1px dotted #0000ff;    
}



div.diys_navibutton { 
    height: 24px;  
    font-size: 18px;
    padding-left: 10px;
    background-image: url(./butt16.jpg); 
    background-repeat: no-repeat;
    background-position: 0px center;  
    margin: 2px;
    border: 0px dotted #4d51b2;
    width: auto; 
    float: left;
}


br.diys_navibr {
 display: none;
}

img.diys_img {
	border: 0px solid #f0f0f0;	
	width: 50%;
}

img.diys_fimg {
	border: 0px solid #f0f0f0;	
	width: 50%;
}

img.diys_limg {
	border: 1px solid #f0f0f0;	
	margin: 2px;
	width: 30%;
}

img.diys_rimg {
	border: 1px solid #f0f0f0;	
	margin: 2px;
	width: 30%;
}

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: 16px;
}

table.diys_table {
	background: #ffffff;	
	border: 1px solid #cdb2ef;			
	margin-left: 1px;	
}



h1.diys_h1 {
}

h2.diys_h2 {
}


p.diys_p {
	margin-left: 0px;	
	margin-top: 1px;
	margin-bottom: 1px;
	text-indent: 0px;	
        color: #222222;       	

}


div.diys_cite {
	background: #f0f0ff;	
	border-left: 1px dotted #333366;
	margin-left: 5px;	
	padding-left: 1px;	
	font-style: italic;
	color: #000033;
}


div.diys_contactdiv {
	background: #ffffff;	
	border: 1px solid #cdb2ef;
}


input {
        color:#000000;
        font-family: sans-serif,Verdana,arial;
        font-size: 16px;
}

input.diys_button {

        font-size: 16px;
	margin:2px;
}

textarea {
	
        font-size: 16px;
}

textarea.diys_textarea {

        font-size: 16px;

}


input.diys_input {

        font-size: 16px;

}

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 {

        font-size: 16px;

}



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 screen and (max-width: 640px) {
    div.diys_table {
	
	display: block;
    }
    


    table.diys_table {
	display: none;
    }


}