@import "fontsizes.css";

body	{
background-color: #5596C3;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0
}


/* page layout */

div#wholepage	{
height: 750px;
background-image: url('../images/pagebackground.jpg');
background-repeat: repeat-x;
margin-top: 0;
padding-top: 0;
border: 1px solid #5596c3;
}

div#toppage	{
width: 756px;
height: 25px;
background-image: url('../images/roundedpagetop.gif');
margin: auto;
text-align: right
}

div#page	{
width: 756px;
margin: auto;
background-color: #ffffff;
}

div#main	{
width: 710px;
border: 1px solid #cccccc;
margin-left: 23px;
}

div#pagebottom	{
width: 756px;
height: 25px;
background-image: url('../images/roundedpagebottom.gif');
margin: auto;
}

img#logoheader	{
margin-top: 25px;
margin-left: 25px;
margin-bottom: 25px
}

img#homepagepic	{
float: right;
margin-right: 5px
}

h1#masthead	{
margin-top: 0;
border-bottom: 1px dotted #cccccc;
margin-bottom: 7px
}


/* register */

div#toppage p	{
margin-right: 30px;
margin-top: 5px;
color: #666666
}

div#toppage p a	{
text-decoration: none;
color: #666666
}





/* top menu */



div#menu ul li	{
display: inline;
font-weight: bold;
color: #999999;
border-right: 1px solid #cccccc;
padding-right: 10px;
padding-left: 10px
}

div#menu ul li#last	{
border-right: 0;
}

div#menu ul li a	{
text-decoration: none;
color: #5596c3
}





div#menu {
  background: url('../images/menu_topleft.gif') top left no-repeat;
  width: 724px;
  margin-left: 18px;
  text-align: center
  }
  
div#first {
  background: url('../images/menu_topright.gif') top right no-repeat;
  padding-top: 0;
  padding: 5px;
  margin: 0;
  }
  
div#menu ul {
  background: url('../images/menu_rightborder.gif') top right repeat-y;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  margin-bottom: 20px;
  padding-top: 5px
  }
  
div.articlefooter {
  background: url('../images/menu_bottomleft.gif') bottom left no-repeat;
  }
  
div#last {
  background: url('../images/menu_bottomright.gif') bottom right no-repeat;
  padding: 15px;
  margin: -2em 0 0 0;
  }
  
  
  
  
  div#info1, div#info2, div#info3	{
margin-left: 5px;
width: 340px;
}

div#info1	{
background-color: #c0e6ef;
background-image: url('../images/bl.gif'); 
background-position: 0 100%;
background-repeat: no-repeat;
color: #5596c3;
margin-top: 1px
}

div#info2	{
background-color: #f9e9ef;
background-image: url('../images/bl.gif'); 
background-position: 0 100%;
background-repeat: no-repeat;
color: #ef5f9e;
margin-top: 5px
}

div#info3	{
background-color: #fffad8;
background-image: url('../images/bl.gif'); 
background-position: 0 100%;
background-repeat: no-repeat;
color: #ff9e28;
margin-top: 5px;
margin-bottom: 5px
}

div#info4	{
background-color: #f37aa3;
background-image: url('../images/bl.gif'); 
background-position: 0 100%;
background-repeat: no-repeat;
color: #ff9e28;
margin-top: 5px
}

div#info1 div.cornerbr, div#info2 div.cornerbr	{
background-image: url('../images/br.gif'); 
background-position: 100% 100%;
background-repeat: no-repeat
}

div.cornertl	{
background-image: url('../images/tl.gif'); 
background-position: 0 0;
background-repeat: no-repeat
}

div.cornertr	{
background-image: url('../images/tr.gif'); 
background-position: 100% 0;
background-repeat: no-repeat;
padding-left: 5px;
padding-bottom: 3px;
}

div#info1 h1, div#info2 h1, div#info3 h1	{
margin-bottom: 0
}

div#info1 p, div#info2 p, div#info3 p	{
margin-top: 0
}

div#info1 a, div#info2 a, div#info3 a	{
color: #838081;
font-weight: bold;
text-decoration: none;
padding-left: 15px;
}

div#info1 a	{
background-image: url('../images/button_info1.gif');
background-position: left;
background-repeat: no-repeat
}

div#info2 a	{
background-image: url('../images/button_info2.gif');
background-position: left;
background-repeat: no-repeat
}

div#info3 a	{
background-image: url('../images/button_info3.gif');
background-position: left;
background-repeat: no-repeat
}

img#phone	{
margin-left: 5px;
margin-top: 5px
}


/* footer */

div#footer	{
color: #ffffff;
margin: auto;
width: 756px;
clear: both
}

div#footer ul	{
margin-bottom: 0
}

div#footer ul li	{
display: inline
}

div#footer p	{
margin-top: 0;
margin-left: 40px
}

/* search bit at top */

form#search	{
margin-left: 500px;
margin-bottom: 5px
}

form#search input	{
border: 1px solid #cccccc;
font-family: verdana
}

form#search input#button	{
background-color: #97c9e0;
color: #ffffff;
font-weight: bold
}