body {
font: 76% verdana,sans-serif;
text-align:center;
margin:0;
padding:0;
background: #000;
min-height:100%;
height:100%;
/*background:#5788b2 url(images/gradient_white_to_transp.png) top left repeat-x;
*/

}

#navbar_side {
color:#FFFFFF;
float: left;
margin:10px;
margin-top:100px;
margin-right:0px;
width:200px;
}

#navbar_side a {
color:#FFFFFF;
text-decoration:none;
}

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

/* 
selector hack - hide in IE, show in others
http://en.wikipedia.org/wiki/CSS_filter
*/



div {
xborder: 1px solid blue;
}

/*
http://css.maxdesign.com.au/floatutorial/introduction.htm
You should always set a width on floated items 
*/


#bgflower {
  xbackground-image: url(images/bg_flower.gif);
  xbackground-repeat: no-repeat;
  xheight:700px;
  xmargin-left:5px;
  xfloat:left;
}

#content {
  background-color:#FFFFFF;
  width: 620px;
  float: left;
  margin-top: -17px; /*used by FF*/

  _margin-top: -28px; /*css hack not used by firefox or IE7, but but used by IE6*/
  margin-left: 0px;
  _margin-left: 0px;
  height:890px;
}



#wrapper {
}

#container {
width:1000px;
float:left;
}

#header {
  background-color:white;
  height:100px;
  width: 620px;
  padding-top: 20px;
  padding-bottom:20px;
}

#header p{
  text-align:left;
  float:left;
  color:#FFFFFF;
  background-color:#000;
  width:auto;
  height:15px;
  padding: 5px;
}

#header .p_sel{
  text-align:center;
  color:#000000;
  background-color:#FFFFFF;
  width:auto;
  height:15px;
  padding: 5px;
  float:left;
}

#header a{
  text-align:center;
  text-decoration:none;
  padding: 2px 5px 9px 5px;
}

#header a:hover{
  text-align:center;
  text-decoration:underline;
  color:#000000;
  background-color:#FFFFFF;
  width:auto;
  height:15px;
  padding: 3px 5px 11px 5px;
}




#navbar_top {
  float:left;
  background-color:black;
  height:50px;
  width: 600px;
  margin:0px;
  padding-left:15px;
  font-size:8pt;
}

#navbar_top p{
  text-align:center;
  float:left;
  color:white;
  background-color:#000000; /*black*/
  width:auto;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 5px;
}

#navbar_top .p_sel{
  text-align:center;
  color:#000000;
  font-weight:bold;
  background-color:#FFFFFF;
  width:auto;
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 11px;
  padding-left: 7px;
}

#navbar_top p a{
  text-align:center;
  text-decoration:none;
  padding: 2px 5px 9px 5px;
  color:white;
  margin-left: -8px;
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 5px;
  padding-left: 7px;
}

#navbar_top .p_sel a{
  text-align:center;
  text-decoration:none;
  color:#000000;
}

#navbar_top a:hover{
  text-align:center;
  text-decoration:underline;
  color:#000000;
  background-color:#FFFFFF;
  width:auto;
  height:15px;
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 11px;
  padding-left: 7px;
}

#navbar_top .p_sel a:visited {
  text-align:center;
  text-decoration:underline;
  color:#000000;
  background-color:#FFFFFF;
  width:auto;
  height:15px;
}

.p_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align:left;
margin-left: 50px;
margin-right: 50px;
clear:both;
}

div {
xborder:1px solid blue;
}

#submenu_navbar_top {
  background-color:#FFFFFF;
  height:50px;
  width:500px;
  margin-left: 45px;
  _margin-left: -25px;
}

#submenu_navbar_top p{
  text-align:center;
  float:left;
  font-size:8pt;
  font-weight:bold;
  color:#000;
  background-color:#FFF; /*white*/
  width:auto;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 5px;
}

#submenu_navbar_top .p_plain{
  text-align:center;
  float:left;
  font-size:8pt;
  font-weight:normal;
  color:#000;
  background-color:#FFF; /*white*/
  width:auto;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
}


#submenu_navbar_top .p_sel{
  text-align:center;
  color:#000000;
  font-weight:bold;
  background-color:#FFFFFF;
  width:auto;
}

#submenu_navbar_top p a{
  text-align:center;
  text-decoration:none;
  padding: 2px 5px 9px 5px;
  color:#000;
  margin-left: -8px;
}

#submenu_navbar_top .p_sel a{
  text-align:center;
  text-decoration:underline;
  color:#000000;
}

#submenu_navbar_top a:hover{
  text-align:center;
  text-decoration:underline;
  color:#000000;
  background-color:#FFFFFF;
  width:auto;
  height:15px;
}

#submenu_navbar_top .p_sel a:visited {
  text-align:center;
  text-decoration:underline;
  color:#000000;
  background-color:#FFFFFF;
  width:auto;
  height:15px;
}


div.clearer {
clear: left; 
line-height: 0; 
height: 0;
}
/*
http://www.complexspiral.com/publications/containing-floats/
http://garyblue.port5.com/webdev/floatdemo.html
http://forums.digitalpoint.com/showthread.php?t=116388
*/

td {
xborder: 1px solid black;
}


/*FORMS*/
fieldset {
	padding:20px;
}

#createuser  {
  font-size:8pt;
  width: 550px;
  float:left;
  margin-left:50px;
  _margin-left:25px;
}


#createuser td {
  font-size:8pt;
  text-align:left;
}

#updatelogin  {
  font-size:8pt;
  width: 400px;
  float:left;
  margin-left:50px;
  _margin-left:25px;
  clear:both;
}

#updatelogin td {
  font-size:8pt;
  text-align:left;
}

#modifyuser  {
  font-size:8pt;
  width: 500px;
  float:left;
  margin-left:50px;
  _margin-left:25px;
  clear:both;
}

#modifyuser td {
  font-size:8pt;
  text-align:left;
}

.formelements {
  font-size:8pt;
}


a {
  color:#8F8FFD;
}