/** 
 * Define a small framed box for the front page which will be shown on pages which shares the
 * width with a smaller menu on the side.
 */

.small-box
  {
		float: left;
    width: 240px;
		padding: 0px 0px 8px 0px;
		margin: 0px 0px 0px 0px;
		background:url(../images/backgrounds/box_frame_small.png) bottom left no-repeat;
	}

.small-box .small-box-header
  {
		margin: 0;
  	padding:7px 10px 3px 12px;
		background:url(../images/backgrounds/box_frame_small.png) top left no-repeat;
    font-size: 13px;
    color: rgb(255,255,255);
	}
	
.small-box .small-box-content {
  margin: 0px 10px 0px 10px;
  padding: 0px 0px 10px 0px;
}

.small-box-content {
  margin: 0px 0px 0px 10px;
  padding: 10px 10px 10px 10px;
}

.small-box-content p {
  padding: 5px;
}

.small-box ul.menu {
  margin: 5px;
}

/** 
 * Define a medium framed box for the front page which will be shown on pages which shares the
 * width with a smaller menu on the side.
 */

.medium-box
  {
    float: left;
		width:559px;
		padding: 0px 1px 8px 0px;
		margin: 0px 0px 0px 0px;
		background:url(../images/backgrounds/box_frame_medium.png) bottom left no-repeat;
	}

.medium-box .medium-box-header
  {
		margin:0;
  	padding:7px 10px 3px 12px;
		background:url(../images/backgrounds/box_frame_medium.png) top left no-repeat;
    font-size: 13px;
    color: rgb(255,255,255);
	}

.medium-box-content {
  margin: 0px 9px 0px 10px;
  padding: 10px 10px 10px 10px;
  
}


/**
 *
 *  General layout for the site 
 */

#container {
  margin: 20px auto;
  width: 800px
}

#headerwraper {
  background:url(../images/backgrounds/box_header.png) no-repeat;
  height:159px;
}

#header {
  margin:0px 0px 0px 10px;
}

#header #primarylinks {
  margin: 0px 0px 0px 0px;
  padding: 114px 0px 0px 0px;
  border: none;
}

#header #primarylinks img {
  margin-right: 0px;
  float: left;
}

.content {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}