* {
  padding:0;
  margin:0;
}

html, body {height: 100%;}

body {
  background:#fff;
  margin			: 0;
  padding			: 0;
  text-align		: center;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:100%;
}

/* the bg image provides the blue bar*/
#bg {
  background : url(../images/bg.jpg) repeat-y 50% 0%;
  width:700px;
  margin: 0 auto;
}

#container {
  width:700px;
  background:transparent;
  margin:0 auto;
}

/*this controls the top bar*/
#top {
	background : url(../images/top.jpg);
	width:700px;
	height:55px;
  text-align:left;
  padding-left:90px;
  padding-top:25px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 610px;
}	

html>body #top {
  width:610px;
}

/*this is the left content*/
#content_one {
  margin-top:  0px;
  width:       350px;
  float:       left;
  font-size:   80%;
}

#content_one p {
  text-align:  justify;
  color:       #252c63;
  padding:     10px;
}

#content_one ul {
  padding-left:     10px;
  padding-top:     10px;
  padding-bottom:     10px;
}

#content_one li {
  text-align:  left;
  color:       #252c63;
  margin-left: 10px;
}

#content_one h1 {
  color:       #252c63;
  font-size:   200%;
  text-align:  left;
  padding-left: 10px;
  margin: 0;
  font-weight: normal;

}

#content_one h2 {
  color:       #333B8B;
  font-size:   130%;
  text-align:  left;
  padding-left: 10px;
  padding-top:10px;
  margin: 0;
  font-weight: bold;
}

#content_one h3 {
  color:       #333B8B;
  font-size:   110%;
  text-align:  left;
  padding-left: 10px;
  padding-top:10px;
  margin: 0;
  font-weight: bold;
}

/*this is the right content*/
#content_two {
  margin-top: 20px;
  width:      150px;
  float:      right;
  font-size:  80%;
}

#content_two p {
  text-align:left;
  padding:10px;
}

#content_two img {
  border: 1px solid #dddddd;
  padding: 4px;
  margin-bottom: 10px;
}

/*this formats the logo text*/
#headertext_one {
  font-size:206%;
  color:#fff;
}

#headertext_two {
  font-size:    206%;
  padding-left: 10px;
  color:        #262C62;
}

/*this is the blue bar*/
#sidebar {
  width:200px;
  float:left;
}

/*navigation is here*/
#navcontainer { 
  width: 200px;
  float:left;
}

#navcontainer p {
  margin-top: 6px;
  color:      #EEE;
  font-size:  80%;
}

#navcontainer p.linkic {
  margin-top: 30px;
  color:      #EEE;
  font-size:  80%;
}

#navcontainer ul
{
border-top:1px solid #9399d5;
margin-left: 0;
margin-top:24px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a {
display: block;
padding: 10px 3px 3px 3px;
width: 194px;
height:30px;
background: transparent;
border-bottom: 1px solid #9399d5;
}

#navcontainer a:link, #navlist a:visited {
color: #EEE;
text-decoration: none;
}

#navcontainer a#current {
  background-color: #333B8B;
  color: #fff;
}

#navcontainer a:hover
{
  background-color: #333B8B;
  color: #fff;

}

#navcontainer a.linkic, #navcontainer a.linkic:link, #navcontainer a.linkic:visited,  #navcontainer a.linkic:hover {
  font-size:90%;
  color: #fff;
  display: inline;
  padding: 0;
  width: auto;
  height: auto;
  border: 0;
  margin: 0;
  background: transparent;
}


/*footer, obviously*/
#footer {
background : url(../images/footer.jpg);
	width:700px;
	height:75px;
	clear:both;
	margin:0;
	font-size:80%;
	text-align:center;
	padding-top:5px;
	color:#262C62;
}

/* this is my link, please leave if poss */
span.design {
	font-size:80%;
	color:#9a9a9a;
}

a.design {
	text-decoration:none;
	color:#9a9a9a;
}

a.design:hover {
	color:#000;
}

a.midtext {
text-decoration : none;
color:#126C12;
font-weight:bold;
}

/*this positions the three circles at the side */
#side_logo {
position:absolute;
height:80px;
width:30px;
top:0;
left:0;
}

div#phgallcont {
  margin-left: 405px;
  text-align: center;
}

div#phgallcont p {
  text-align: center;
}

div#phgall  {
  margin-left: auto;
  margin-right: auto;
  width: 372px;
}

div#phgall div#image {
  border: 1px  solid #222222;
  background-color: #222222;
  padding: 9px 0 9px 0px;
  text-align: center;
}

div#phgall img {
  border: 1px  solid #cccccc;
}

div#phgall h1 {
  font-family:     Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:       16px;
  font-variant: small-caps;
  border: 0;
  margin: 9px;
  padding: 0;
  color: #cccccc;
  text-align: center;
}
div#phgall p {
  font-family:     Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:       13px;
  margin: 0;
  padding: 0;
  color: #444444;
  color: #cccccc;
  text-align: center;
}
div#links {
  text-align: left;
  margin: 20px 0 0 10px;
}

div#phgallnav {
  position: absolute;
  left: 6px;
  width: 430px;


}

div#phgallnav p {
  text-align: center;
  background-color: #444444;
  color: white;
  margin: 0 2px 0 2px;
}

div#phgallnav img  {
  border: 1px solid #222222;
}
div#phgallnav img:hover  {
  border: 1px solid red;
}
div#phgallnav img.empty:hover  {
  border: 1px solid #222222;
}

p.big {
  font-size:       11pt;
}

div.imglist a, div.imglist a:link, div.imglist a:active, 
div.imglist a:visited, div.imglist a:hover,
p.big a, p.big a:link, p.big a:active, 
p.big a:visited, p.big a:hover
{
  font-family:     Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:       11pt;
  color: #666666;
}
div.imglist img {
  margin: 0px 5px 5px 0;
  border: 1px solid black;
}

div.borderboxright {
  float: right;
  text-align: center;
  border: 1px solid #bbbbbb;
  padding: 4px;
  margin: 0 0 4px 4px;
}
div.borderboxright p {
  margin: 1px 1px 10px 1px;
  text-align: center;
  font-weight: bold;
}