body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

h1{
	color:black;
	font-size: large;
	margin: 20px 5px;
	
	
}

h2{
	color:#433;
	font-size: medium;
	margin: 5px 10px;
}

p{
	padding: 5px 15px;
	background-color: rgba(200,200,200,0.1);
	-webkit-border-radius: 15px;
border-radius: 15px;
}

a,a:VISITED{
	color: #422;
	font-weight: bold;
	text-decoration: none;
}
a:HOVER{
	text-decoration: underline;
}

html{
    background: #ccc;
    background-image: url('/backdrop.png');
    height: 100%;
    background-attachment: fixed;
    min-width: 1000px;
}

body{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #445;
    height: 100%;

}

body { position:relative }


#content{
    box-sizing: border-box;
    padding: 5px 10%;
    height: 100%;

}

#pagediv{
    box-sizing: border-box;
    height: 100%;
    position: relative;
    padding: 0;
    background-color: #fff;
    background-image: url('/wback.png');
    background-attachment: fixed;
    -webkit-box-shadow: 2px 2px 10px 1px #000;
    box-shadow:         2px 2px 10px 1px #000;
    box-shadow:         2px 2px 10px 1px #000;
}

#head{
    height: 104px;
    background-color: #292929;
    background-image: url('/bback.png');
    background-attachment: fixed;
}
#head img{
    position: absolute;
    right: 0;
}

#topmenu{
    height: 25px; 
    border-top: 1px solid #5A0E00;
}

#topmenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}


#topmenu ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    color: #ddd;
    display: inline-block;
    font-weight: bold;
    width: 16.7%;
    text-align: center;
}

#topmenu a{
    color: #ddd;
    text-decoration: none;
    width: 90%;
    display: inline-block;
    padding-bottom:  2px;
    margin-bottom: 20px;   
    margin-top: 3px;

    background: #45484d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('/p2.svg');
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */


}

#topmenu a:hover{
    color: #eee;
    cursor: pointer;
    background: #7d7e7d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('/p1.svg');
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */

    z-index: 999;
}



#container{
    position: absolute;
    overflow: auto;
    top:130px;
    bottom:85px;
    left: 10%;
    right: 10%;
}

#footer{
    box-sizing: border-box;
    position: absolute;
    bottom:5px;
    height: 80px;
    width: 100%;
    padding: 0px 10%;
}

#footerbody{
    height: 80px;
    background-color: #292929;
    background-image: url('/bback.png');
    background-attachment: fixed;
}

#footerbody a{
    color: #999;
    text-decoration: none;
    margin: 60px 10px;
    float: right;
}

#footerbody a:hover{
    color: #bbb;
}

#middle{
    
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;

}
#middle tr{
    padding: 0;
    margin: 0;
    border: none;
}
#middle td{
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: none;
}
#mleft{
    width: 250px;
 
}

#mright{
    width: 300px;
}
#dmiddle{
	top:0px;
    padding: 5px;
    margin:0px;
    
}

#dleft{
    padding-left: 15px;
}

#dleft #menulinkslink li{
	margin:10px 0px;
	padding:10px 5px;
	background-color: rgba(150,100,100,0.1);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#dright{
    padding-right: 15px;
}

#dright #TwitterTimeline{
	margin-top:10px;
}
id='timeline'