body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  padding:0px;
  margin:0px;
  background-color:#212711;
  background-image:url(images/grad_back.jpg);
  background-repeat:no-repeat;
}

.mailrow{
		border-bottom:1px solid #ccc;
		font-size:13px;
}


.brandarmy{
width:346px;
float:left;
margin:-15px 0px 0px 0px;
}

#index_top_left{
float:left;	
}

#index_top_right{
	float:left;

		background-image:url(images/loginbox.gif);
	background-repeat:no-repeat;
	width:467px;
	height:239px;
}



.loginfield{
	width:100%;
	margin:0px 0px 6px 0px;
	border:1px solid #000000;
	}

form{
padding:0px;
margin:0px;	
}

#loginform{
width:140px;
margin:80px 0px 0px 20px;
float:left;
	
}

.loginbutton{
	margin-top:6px;
			border:1px solid #000000;
			font-size:12px;
}

.textbutton{
	margin-top:16px;
			border:1px solid #000000;
			font-size:12px;
			background:#d0d0d0;
			color:#000000;
			padding:3px 6px 3px 6px;	
			text-decoration:none;
}



.smalllink{
font-size:10px;	
margin-top:26px
}

hr{
	clear:both;
	visibility:hidden;
	}


.friend{
float:left;
padding:15px;
text-align:center;	
font-size:11px;
height:140px;
}

.friend img{
padding-bottom:6px;	
}

.closemessage{
  font-size:10px;
  text-align:right;
  float:right;
}
.closemessage a{
  color:#000000;
}

.warning{

color:#ff0000;
}

.announcement{
  border:2px solid #2E3092;
  font-weight:bold;
  margin-bottom:15px;
  padding:8px;
  color:#2E3092;
  background-color:#CFD1FF;
}

.pushmessage{
  border:2px solid #677F87;
  font-weight:bold;
  margin-bottom:5px;
  padding:8px;
  color:#677F87;
}

#logoutbutton{

	right:0;
	left:auto;
	float:right;
	margin:-15px -15px 0px 0px;
	background-color:#cc0000;
	padding:4px 15px 4px 15px;			
}

#logoutbutton a{
	color:#ffffff;
	font-size:12px;

}

.menu{
background-image:url(images/menu.gif);
width:467px;
height:49px;
float:right;
padding:0px 0px 0px 0px;
margin:0px 15px 0px 0px;
font-size:12px;
}

.menupadding{
padding:17px 0px 0px 0px;
text-align:center;	
}



.menu a{
 

  text-decoration:none;
  font-weight:bold;
  margin:0px 6px 0px 6px;
padding:3px 3px 3px 3px;

  color: #2E3092;
}

.menu a:hover{
  text-decoration:underline;

}

.contentarea{

  margin:0px 0px 0px 30px;
  padding:15px 15px 15px 30px;
  width:900px;
  background-image:url(images/camo.gif);
}


.panel{
  width:879px;
  background-color:#fffFFF;
  padding:0px;
  margin:0px 0px 0px 2px;
}

.panelpadding{
padding:0px 20px 3px 20px;	

}

h1{
margin:0px 0px 20px 0px;
padding:0px 0px 10px 0px;
color:#333D1B;
letter-spacing:0.25em;	
border-bottom:1px dashed #c0c0c0;
}

#overhere{
float:left;
width:230px;
margin:10px 0px 0px 50px;
height:220px;
}

.whiteframetop{

	width:881px;
	height:17px;
	  padding:0px;
  margin:20px 0px 0px 0px;
  
}

.whiteframebottom{

		width:881px;
	height:16px;
	  padding:0px;
  margin:0px;
}

.notregistered{
  font-size:12px;
}

.footer{
  font-size:11px;
  color:#444444;
  background-image:url(images/footer.gif);
	background-repeat:no-repeat;
  width:881px;
  height:34px;
  padding:0px 0px 0px 0px;
  margin:15px 0px 10px 0px
}

.footer a{
  font-size:10px;
  color:#000000;
  text-decoration:underline;
  font-weight:bold;
}


h1{
    font-size:20px;
}

h2{
    font-size:18px;
    color:#333D1B;
    border-bottom:1px solid #c0c0c0;
}

.welcomemsg{
	font-size:26px;
	color:#ffffff;	
	margin:-10px 0px 3px 0px;
}

#profiledetails{
	font-size:12px;
	width:300px;	
	background-color:#EEAA00;
}

.profilebox{

	padding:10px;

		
}

.message{
  border:1px solid #00CC33;
  padding:4px;
  background-color:#CBE7C7;
  color:#00CC33;

  font-weight:bold;
  margin-bottom:5px;
  margin-top:5px;
}


.message a{
  color:#00CC33;
}

.errormessage{
  border:1px solid #CC0000;
  padding:4px;
  color:#CC0000;
  background-color:#FFCCCC;
  font-size:12px;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:0px;
}





.availtable td{
  border-right:1px solid #aaaaaa;
}

.availtable{
  margin-left:10px;
}

.tip{
  font-size:10px;
}

.fieldtitle{
  font-weight:bold;
}

.availtop{
  font-size:10px;
}

.buttons{
 font-size:12px;

  font-weight:bold;

  margin:5px 0px 5px 0px;
  border:1px solid #677F87;
  padding:4px 6px 4px 6px;
}

.buttons a{



  text-decoration:none;
  color:#677F87;
}


.buttons a:hover{
  color:#2E3092;

}


.staffname{
  font-size:18px;
  font-weight:bold;
  color:#0000CC;
  padding:0px 0px 0px 20px;
  margin:0px 0px 0px 0px;

}

.textarea{
  width:100%;
  height:150px;
}

.staffnumber{
  font-size:14px;
  font-weight:bold;
  padding:0px 0px 0px 20px;
  margin:0px 0px 0px 0px;

}

.note{
  background-color:#FFFFCC;
  padding:6px;
  border:1px solid #222222;
  font-size:12px;
}

.profiletext{
  font-size:12px;
}

.profiletitle{
  font-size:12px;
  font-weight:bold;
}

.staffdetails{
  font-size:12px;
  padding:0px 0px 0px 10px;
  margin:0px 0px 0px 0px;
}

.staffprofile{
  font-size:15px;
  padding:0px 30px 30px 30px;
  margin:0px 0px 0px 0px;


}

.delete{
  text-align:right;
   font-size:10px;
}

.greenbutton{
  background-color:#00CC00;
  color:#FFFFFF;
  font-weight:bold;
  font-size:18px;
  padding:5px;
  border:1px solid #000000;
}

.greenbutton a{
  color:#FFFFFF;
}

.redbutton{
  background-color:#CC0000;
  color:#FFFFFF;
  font-weight:bold;
  font-size:14px;
  padding:5px;
}

.titlebar{
  font-size:16px;
  font-weight:bold;
  background-color:#2E3092;
  color:#FFFFFF;
  padding:5px;
  width:750px;
}



.updateprofile{
  float:right;
}

.smallform{
  font-size:12px;
}

.bigform, .bigform input{
  font-size:13px;
}

.bigform input,.bigform textarea{
border:1px solid #000000;	
}


