html	{
height:100%;

}
body { 
text-align: center;
margin:0;
margin-bottom:0;
padding-bottom:0;
padding:0;
font:12pt arial;
font-size:12pt;
color:#333333;
height:100%;
}

p.msg	{
width:100%;
font:12pt arial;
color:red;
font-weight:bold;
}

a	{
text-decoration:none;
color:#666666;

}

#wrapper	{

text-algin:center;
height:100%;
overflow: auto;
}

a:hover	{
text-decoration:underline;
color:#666666;
}

#main_strip	{
	background:#08437F;
	width:100%;
	left:0;
	top:50px;
	position:relative;
	margin:0;
	padding:0;
	
	-webkit-box-shadow: -20px 10px 20px #000; 
	-moz-box-shadow: #000 -20px 10px 20px; 
	box-shadow: 10px -20px 20px #000;
	clear:both;
	
}

#quote	{
position:relative;
top:75px;
font:Georgia, Times New Roman, Times, serif;
font-size:16pt;
color:#999999;
text-align:center;
clear:both;
}

#header	{
top:0;
	position:relative;
	
	width: 800px ;
	height:350px;
	margin-left: auto ;
	margin-right: auto ;
	margin-top:0;
}

#beta_button	{
	position:relative;
	top:425px;
	width: 400px ;
	height:50px;
	margin-left: auto ;
	margin-right: auto ;
	
	border:3pt solid #000000;
}

#register_button	{
	position:relative;
	width: 400px ;
	height:100px;
	margin-left: auto ;
	margin-right: auto ;
	
	border:3pt solid #000000;
}

#login_button	{
	position:relative;
	width: 400px ;
	height:50px;
	margin-left: auto ;
	margin-right: auto ;
	clear:both;
	border:3pt solid #000000;
	top:10px;
}

#bullets	{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-size:16pt;
	color:#08437F;
	text-align:left;
	
	width:400px;
	clear:both;
	top:110px;
	width:50%;
	float:left;
	font:Georgia, "Times New Roman", Times, serif;
	

}


#div_main_right	{
	width:50%;
	float:right;
	
}




#main_container	{

margin:0 auto;
width:500px;
font: 12pt Georgia, "Times New Roman", Times, serif;
font-weight:bold;
background: #08437F;
color:#FFFFFF;
}

#login_container	{

margin:0 auto;
width:500px;
font: 12pt Georgia, "Times New Roman", Times, serif;
font-weight:bold;
background: #08437F;
color:#FFFFFF;
}

.login_input	{
outline:none;
width:260px;
font:16pt Georgia, "Times New Roman", Times, serif;
border:none;
/**border-bottom: 1pt solid white;**/
background:#08437F;
color:#FFFFFF;
}

.signup_input	{
outline:none;
width:260px;
font:16pt Georgia, "Times New Roman", Times, serif;
border:none;
/**border-bottom: 1pt solid white;**/
background:#08437F;
color:#FFFFFF;
}

.button1	{
background:#FFFFFF;
color:#08437F;
border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 3px solid;
  background: #666666;
  font-size: 1.1em;
  font-weight: bold;
  color: #FFFFFF !important;
  padding: 7px 10px 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;

}

.input_container	{
width:100%;
border-bottom:2pt solid #FFFFFF;
margin-bottom:10px;
}

.submit {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 3px solid #000000;
  background: #666666;
  color: #FFFFFF !important;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  padding: 7px 10px 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  _overflow: visible;
  _width: 0;
  text-shadow: 1px 1px 1px #000;
  -webkit-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 2px #bbb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#666666),color-stop(0.4, #A6A6A6));
   }

#main_header {
position: relative;
width:100%;
height:30px;

  float:left;
  left:0;
  top:0;
  z-index:2;
  font:10pt Arial;
  
  background:#CCCCCC;
}

#header_links	{
padding-right:75px;
float:right;
}

#header_link	{
padding:5px;
}

.push	{
height:75px;
clear:both;
}
  
#footer {
overflow: hidden;
width:100%;
height:75px;
position: absolute;
bottom: 0px;
left:0;


margin-left: 0;
margin-right: 0;
margin-top: 5px;
  
  margin-bottom: 0;
  
  
  text-align:center;
  background:#000000;
  color:#CCCCCC;
}

.footer_link	{
  font:10pt arial;
  color:#CCCCCC;
}



#er {
top:50px;
  text-align: left;
  position: relative;
  padding: 0; margin: 0 auto;
  width: 800px;
}

#page_mid {
  clear: both;
  width: 800px;
  padding: 0;
   margin:auto;
   
}

p.copyright	{
font:10pt arial;
color:#CCCCCC;
text-align:center;
margin:0;
margin-top:10px;

padding:0;

}



form label {
font-family:arial;
  white-space: nowrap;
  height: 24px;
  padding: 8px 10px 0 0;
  text-align: right;
  font-size: 1.1em;
  float: left;
  width:135px;

}

.form_line	{
	
	margin-bottom:6px;
	text-align:left;
}

input.lrg	{
border: 1px solid #999999;
  padding: 6px;
  height: 20px;
  width: 225;
  font-size: 1.2em;
}

#left_half	{
float:left;
padding:5px;
}

#right_half	{
float:left;
padding:5px;
}

h2	{
font:14pt Arial;
font-style:italic;
color:#999999;
}

	
#cat_container	{
	position:relative;
	top:50px;
	border:1pt solid #666666;
	text-align:left;
	float:left;
	padding:10px;
}

.cat_name {
font-family:arial;
  white-space: nowrap;
  height: 24px;
  padding: 8px 10px 0 0;
  
  font-size: 1.1em;
  float: left;
  width:135px;

}

.cat_pages {
text-align:center;
font-family:arial;
  white-space: nowrap;
  height: 24px;
  padding: 8px 10px 0 0;
  
  font-size: 1.1em;
  float: left;
  width:100px;

}

.cat_date {
font-family:arial;
  white-space: nowrap;
  height: 24px;
  padding: 8px 10px 0 0;
  
  font-size: 1.1em;
  float: left;
  width:85px;

}

.cat_edit {
font-family:arial;
  white-space: nowrap;
  height: 24px;
  padding: 8px 10px 0 0;
  font-size: 10pt;
  float: left;
  width:45px;
  text-align:center;

}

.cat_delete {
font-family:arial;
  white-space: nowrap;
  height: 24px;
  padding: 8px 10px 0 0;
  font-size: 10pt;
  float: left;
  width:45px;
  text-align:center;

}

.cat_generate {
font-family:arial;
  white-space: nowrap;
  height: 24px;
  padding: 8px 10px 0 0;
  font-size: 10pt;
  float: left;
  width:65px;
  text-align:center;

}

.cat_add {
font-family:arial;
  white-space: nowrap;
  height: 24px;
  padding: 8px 10px 0 0;
  font-size: 10pt;
  float: left;
  width:110px;
  text-align:right;

}

.cat_line	{
	clear:both;
	margin-bottom:6px;
	text-align:left;
}

.download_link {
font-family:arial;
  white-space: nowrap;
  height: 24px;
  padding: 8px 10px 0 0;
  
  font-size: 1.1em;
  

}

.main {
	font-family:arial;
	font-size: 12pt;
}

@media screen
  {
  body>div#footer
    {
    position: fixed;
    }
  }