/* A Free Design by Bryant Smith (bryantsmith.com) */
/* Note: To change the icon, change the background image for '#titlebar h1' (make sure it's 16x16, PNG Alpha Transparent preferred) */

html, body {
text-align: center;
}
p {text-align: left;}

body {
	margin: 0;
	padding: 0;
	background: #697281;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F1F5F8;
  background: #26476E url(blocks.gif);
  background-size: 100%;
  background-repeat: repeat-y;

}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}
 
#page
{
  margin: 0 auto 0 auto; 
  margin-top:30px;
  display: block; 
  height:auto;
  position: relative; 
  overflow: hidden; 
  width: 100%;
}

#titlebar
{
background-image:url(titlebar.png);
background-repeat:no-repeat;
height:30px;
width:614px;
overflow:hidden;
}
#rightthing
{
background-image:url(Corner.jpg);
background-repeat:no-repeat;
height:32px;
width:85px;
overflow:hidden;
position: absolute;
right: 0;
}
#leftthing
{
background-image:url(Left_corner.jpg);
background-repeat:no-repeat;
height:32px;
width:85px;
overflow:hidden;
position: absolute;
left: 0;
}
#leftthing h1
{
padding-left:15px;
margin-top:8px;
margin-left:0px;
width:100%;
position:relative;
color:#FFFFFF;
text-align:left;
font-size:14px;
font-family: "MS Sans Serif", sans-serif;
background-repeat:no-repeat;
overflow:hidden;
}

#navbar {
  background-image:url(Top_Fill.png);
  background-repeat:repeat-x;
    padding: 1rem;
    color: white; 
    display: flex;
    justify-content: space-between; 
    align-items: center;
    height: 200px;
}




#titlebar h1
{
padding-left:21px;
margin-top:8px;
margin-left:5px;
width:100%;
position:relative;
color:#FFFFFF;
text-align:left;
font-size:14px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
overflow:hidden;
}




#bar
{
background-image:url(menu.png);
background-repeat:no-repeat;
height:39px;
width:610px;

padding-left:4px;
text-align:left;
font-family:Tahoma, "Tahoma", "Trebuchet MS", Arial;
font-size:11px;
}

#bar ul {
	padding: 0px;
	list-style-type: none;
	height:21px;
	text-align:left;
}
#bar ul li , #bar ul li a, #bar ul li a:visited{
	height:21px;
	margin: 0px;
	padding: 5px;
	padding-left:2px;
	padding-right:2px;
	height: 21px;
	overflow: hidden;
	display: inline;
	text-align:center;
	line-height:18px;
	color:#000000;

	text-decoration:none;
}


#bar ul li a:hover
{
color:#FFFFFF;
}

#bar ul li:hover
{
height:21px;
background:#316AC5;
}

#main
{

  width: 579px;
  padding-top:0px;
  padding-left:7px;
  padding-right:28px;
  font-family: "Lucida Console", Lucida Console, "Tahoma", "Trebuchet MS", Arial;
  background-image:url(notepad_back.png);
  background-repeat:repeat-y;
  color:#000000;
}


#footer
{
padding-top:6px;
background-image:url(footer.png);
background-repeat:no-repeat;
height:39px;
width:614px;
overflow:hidden;
text-align:center;
font-size:9px;
color:#E2E2E0;
}
#footer a, #footer a:visited, #footer a:hover
{
font-size:9px;
color:#E2E2E0;
}


#footer a:hover
{
color:#BCBCBC;
}



html, body {
text-align: center;
}
p {
padding-top:0px;
padding-bottom:15px;
text-align: left;
text-align:justify;
}

#main a
{
text-decoration:underline;
color:#66c7ff;
}

#main a:hover
{
text-decoration:none;
color:#a6deff;
}

#main h1
{
  font-family: "Lucida Console", Lucida Console, "Tahoma", "Trebuchet MS", Arial;
  font-size:13px;
}

#gap
{
  height: 200px;
}