/* CSS Document */
body 
{
margin: 0;
background-image: url(/img/background.png);
}

#container
{
width: 960px;
height: auto;
position: relative;
align:center;
}

#header
{
width 960px;
height: 141px;
background: url(/img/header.png) no-repeat top;
}

#topmenu
{
position: absolute;
height: 22px;
width: 698px;
top: 102px;
left: 36px;
}

#sitename
{
position: absolute;
height: 89px;
width: 707px;
top: 32px;
left: 31px;
text-align: left;
color: white;
line-height: 85px;
font-size: 36px;
font-weight: bold;
}

#topbox
{
position: absolute;
height: 70px;
width: 300px;
top: 32px;
left: 437px;
color: #FFFFFF;
text-align: left;
}

#pathway
{
position: absolute;
width: 690px;
top: 162px;
left: 43px;
text-align: left;
}

#search
{
position: absolute;
width: 126px;
heigth: 18px;
top: 139px;
left: 110px;
text-align: left;
}

#email
{
position: absolute;
width: 20px;
top: 140px;
left: 714px;
text-align: left;
height: 20px;
}

/* MAIN */
#main
{
width: 960px;
height: auto;
background-image: url(/img/main.png);
float: left;
}

#sep1
{
float: left;
height: 100px;
width: 34px;

}

#left
{
float: left;
height: auto;
width: 202px;

}

#sep2
{
float: left;
height: 100px;
width: 17px;

}

#mainbody
{
float: left;
height: auto;
width: 482px;

}


#seperator
{
width: 960px;
height: 38px;
background-image: url(/img/seperator.png);
float: left;
}

#legal
{
width: 960px;
height: auto;
background-image: url(/img/legal.png);
float: left;
}

#sep3
{
width: 34px;
height: 10px;
float: left;
}

#insetContent
{
width: 960px;
height: auto;
float: left;


}

#bottombar
{
width: 960px;
height: 48px;
background-image: url(/img/bottom.png);
float: left;
}

.userbox
{
width: 233px;
height: auto;
float: left;
background: url(/img/boxcenter.png) repeat-y top;
margin: 0px;
padding: 0px;
}

.userboxtop
{
width: 233px;
background: url(/img/boxtop.png) no-repeat top;
margin: 0px;
padding: 0px;
float: left;
}
.userboxbottom
{
width: 233px;
background: url(/img/boxbottom.png) no-repeat bottom;
margin: 0px;
padding: 0px;
float: left;
}

.userboxs
{
width: 200px;
height: auto;
float: left;
background: url(/img/boxcenters.png) repeat-y top;
margin: 0px;
padding: 0px;
}

.userboxtops
{
background: url(/img/boxtops.png) no-repeat top;
margin: 0px;
padding: 0px;
float: left;
width: 200px;
}
.userboxbottoms
{
background: url(/img/boxbottoms.png) no-repeat bottom; 
margin: 0px;
padding: 0px;
float: left;
width: 200px;
}

.userboxl
{
width: 670px;
height: auto;
float: left;
background: url(/img/boxcenterl.png) repeat-y top;
margin: 0px;
padding: 0px;
}

.userboxtopl
{
background: url(/img/boxtopl.png) no-repeat top;
margin: 0px;
padding: 0px;
float: left;
width: 670px;
}
.userboxbottoml
{
background: url(/img/boxbottoml.png) no-repeat bottom;
margin: 0px;
padding: 0px;
float: left;
width: 670px;
}

.sepuserbox
{
height: 10px;
width: 13px;
float: left;
}
.mainrow
{
float: left;
height: auto;

width: 675px;
}
.boxpad
{
	padding: 2px 8px 0px 8px;
	float: left;
	
}

/* MAIN BOXES */



#flash_message_div
{
  left: 0; 
  z-index: 999; 
  position: absolute; 
  width: 100%; 
  text-align: center; 
  vertical-align: middle; 
  font-size: 16px; 
  font-weight: bold;

  filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity:0.9;
}
div#flash_message_div
{
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div > div#flash_message_div
{ 
  position: fixed; 
  top: 0px;
  vertical-align:middle; 
}
div.success
{ 
  background-color: #709397; 
  color: #FFFFFF; 
}
div.failure
{ 
  background-color: #709397; 
  color: red; 
}
div#flash_message_div div
{ 
  padding:10px; 
}