*
{
  margin:0px;
  padding:0px;
  outline:none;
}

html,
body 
{
  padding:0px;
  margin:0px 0.5em 1px 0px; 
  height:100%;
}

body
{
  background: url(../images/layout3/background.gif) top repeat-x;
}

#sitecontainer
{
  margin:0px auto 0px auto;
  width:80%;
  min-width: 58em;
  max-width: 75em;
  background: url(../images/layout3/top4.gif) top left no-repeat; 
  padding:5px 0px 0px 0px;
}

div#head
{
  height:115px;
  margin:0px 0px 0px 0px;
}

div#head div#logo
{
  height:102px;
  text-align:center;
  width:80%;
  float:right;
}

div#head div#logo h1
{
  margin:0px;
  padding:0px;
  height:102px;
}

div#head div#logo h1 a
{
  height:102px;
  display:block;
  margin:0px;
  padding:0px;
  text-indent:-700em;
  background: url(../images/layout3/logo_X3.gif) center no-repeat;
}

div.spacer
{
  line-height:25px;
  margin:-14px 0px -11px 0px;
}

/* VERTICAL MENU STUFF */
div#menu_vert
{
  clear:both;
  width:22%;
  float:left;
  background: url(../images/layout3/shadow_right_2.gif) right top repeat-y #DEDEDE;
  margin:0px;
  overflow:hidden;
  visibility:visible;
}

div#menu_vert div#menuheading
{
  position:relative;
  line-height:0px;
  text-align:center;
  background: url(../images/layout3/shadow_right_heading.gif) top right repeat-y #003366;
  margin:0px 0px -1px 0px;
}

div#menu_vert div#menuheading div#blue-top
{
  font-size:0px;
  line-height:0px;
  background: url(../images/layout3/blue_top.gif) top repeat-x;
  height:14px;
  overflow:hidden;
}

div#menu_vert div#menuheading div#blue-top div#blue-top-left
{
  font-size:0px;
  line-height:0px;
  width:7px;
  height:14px;
  background: url(../images/layout3/blue_top_left.gif) left top no-repeat;
  float:left;
}

div#menu_vert div#menuheading div#blue-top div#blue-top-right
{
  font-size:0px;
  line-height:0px;
  width:14px;
  height:14px;
  background: url(../images/layout3/blue_top_right.gif) right top no-repeat;
  float:right;
}

div#menu_vert div#menuheading h3
{
  position:absolute;
  top:0px;
  float: left;
  text-align:center;
  color:#FFF;
  font-weight:bold;
  line-height:25px;
  padding:0px;
  margin:0px 0px 0px 1.7em;
  /*border-left:2px solid #6d8aa7;
  background:url(../images/layout3/shadow_right_heading.gif) top right repeat-y;*/
  font-size:1em;
}

div#menu_vert div#menuheading div#blue-bottom
{
  background: url(../images/layout3/blue_bottom_b.gif) top repeat-x;
  height:16px;
  overflow:hidden;
  font-size:0px;
  line-height:0px;
}

div#menu_vert div#menuheading div#blue-bottom div#blue-bottom-left
{
  font-size:0px;
  line-height:0px;
  width:7px;
  height:16px;
  background: url(../images/layout3/blue_bottom_left.gif) left top no-repeat;
  float:left;
}

div#menu_vert div#menuheading div#blue-bottom div#blue-bottom-right
{
  width:14px;
  height:16px;
  background: url(../images/layout3/blue_bottom_right.gif) right top no-repeat;
  float:right;
  font-size:0px;
  line-height:0px;
}

div#menu_vert div.shadow-bottom
{
  position:relative;
  background: url(../images/layout3/shadow_bottom_1.gif) bottom repeat-x #EFEFEF;
  height:13px;
  font-size:0px;
  line-height:0px;
  margin:0px;
  padding:0px;
}

div#menu_vert div.shadow-bottom div.bottom-right
{
  line-height:0px;
  width:13px;
  height:13px;
  background: url(../images/layout3/shadow_right_bottom_1.gif) right bottom no-repeat;
  float:right;
}

div#menu_vert div.shadow-bottom div.bottom-left
{
  width:13px;
  height:13px;
  background: url(../images/layout3/shadow_left_bottom_1.gif) left bottom no-repeat;
  float:left;
}

div#menu_vert div.spacer
{
  background: url(../images/layout3/blue_spacer_bg.gif) left top repeat-y;
}
/* END VERTICAL MENU STUFF */

#main
{
  float:right;
  padding:0px;
  margin: 0px 0px 0px 10px; 
  background: url(../images/layout3/shadow_right_2.gif) right top repeat-y #FFF;
  width:76%;
}

/* HORIZONTAL MENU STUFF */
div#menu_horizontal
{
  position:relative;
  line-height:25px;
  background: url(../images/layout3/shadow_right_heading.gif) top right repeat-y #C0BFBF;
  margin:0px 0px -11px 0px;
  /* float:left; */
  border-left:2px solid #CCC;
}

div#grey-top
{
  position:relative;
  /* float:left; */
  margin:0px 0px 0px -2px;
  height:14px;
  line-height:14px;
  background: url(../images/layout3/grey_top.gif) top repeat-x;
  overflow:hidden;
}

div#grey-top-left
{
  position:relative;
  width:12px;
  height:14px;
  background: url(../images/layout3/grey_top_left.gif) top left no-repeat;
  float:left;
}

div#grey-top-right
{
  position:relative;
  width:14px;
  height:14px;
  background: url(../images/layout3/grey_top_right.gif) top right no-repeat;
  float:right;
}

div#grey-bottom
{
  position:relative;
  background: url(../images/layout3/grey_bottom.gif) top repeat-x;
  height:16px;
  /* float:left; */
  margin:0px 0px 0px -2px;
  overflow:hidden;
}

div#grey-bottom-left
{
  position:relative;
  width:7px;
  height:16px;
  background: url(../images/layout3/grey_bottom_left.gif) left top no-repeat;
  float:left;
}

div#grey-bottom-right
{
  position:relative;
  width:14px;
  height:16px;
  background: url(../images/layout3/grey_bottom_right.gif) right top no-repeat;
  float:right;
}

/* Fix for Opera 8 */
.clearb 
{
  clear: both;
}

/* The wrapper clears the floating elements of the menu */
#menuwrapper 
{ 
   width: 100%;
}
/* END HORIZONTAL MENU STUFF */

#content
{
  margin:0px 0px 0px 0px;
  padding:1.5em;
  min-height:250px;
  background: url(../images/layout3/shadow_right_min-height.gif) right 11px no-repeat;
  border-left:1px solid #EDEDED;
  clear:left;
}

#content input
{
	border: 1px solid #003366;
}

#content input:focus
{
	border: 1px solid #3399CC;
}


#toplink
{
  margin:0px 0px 0px 0px;
  padding:1.5em;
  background: transparent;
  border-left:1px solid #EDEDED;
  clear:left;
}

div#main div.shadow-bottom
{
  background: url(../images/layout3/shadow_bottom.gif) bottom repeat-x #FFF;
  height:12px;
  margin:0px;
  padding:0px;
  font-size:0px;
  line-height:0px;

}

div#main div.shadow-bottom div.bottom-right
{
  font-size:0px;
  line-height:0px;
  width:12px;
  height:12px;
  background: url(../images/layout3/shadow_right_bottom.gif) right bottom no-repeat;
  float:right;
}

div#main div.shadow-bottom div.bottom-left
{
  font-size:0px;
  line-height:0px;
  width:12px;
  height:12px;
  background: url(../images/layout3/shadow_left_bottom.gif) left bottom no-repeat;
  float:left;
}

p#copyright
{
  clear:both;
  float:right;
  text-align:right;
  font-size:0.9em;
  color:#003366;
  margin:0px 0px 1em 0px;
}

#myframe { height: 300px; }