/* global */
html{height: 100%;}

body
{ font-family: Verdana, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
/*  background: #fadbfa url(../img/bg_main.jpg) repeat-x; */
  background: #fcc8e4 url(../background/back4.jpg) repeat;
  color: #000080;
}

p
{ margin: 0px;
  padding: 0px 0px 8px 0px;
  line-height: 1.7em;
}

h1
{ font-family: Comic Sans MS, Verdana, tahoma, sans-serif;
  font-size: 18px;
  letter-spacing: .1em;
  padding: 5px 0px 3px 5px; 
  margin: 0px 0px 20px 0px;
  text-align:center;
  color: #ff00ff;
}

h4
{ font-family: arial, sans-serif;
  font-size: 110%;
}


a{outline: none;}


/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content
{ margin-left: auto; 
  margin-right: auto;
}



/* main container */
#main{width: 800px;}

/* logo */
#logo
{ width: 800px;
  height: 150px;
}


/* navigation menu */
#menubar
{ width: 800px;
  height: 40px;
} 

ul#menu{margin: 0px;}

ul#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
  text-transform:uppercase;
  font-weight:bold;
  font-size:11px;
} 

ul#menu li a 
{ font-family: verdana, sans-serif;
  display: block; 
  float: left; 
  height: 25px;
  text-decoration: none; 
  padding: 15px 18px 0px 18px;
  text-align: center;
  border-right: 1px solid;
} 

/* main content */
#site_content
{ width: 800px;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
} 

.sidebar ul li
{
padding: 4px;
font-size:11px;
}

.sidebar ul li a
{
padding: 4px;
font-size:11px;
text-decoration: none;
border-bottom: 1px dotted;
color: #ff00ff;
}

.sidebar ul li a: hover
{
padding: 4px;
font-size:11px;
text-decoration: none;
border-bottom: 1px solid;
color: #ff00ff;
}

/* sidebar */
.sidebar
{ float: left;
  width: 380px;
  padding: 15px 15px 15px 20px;
  text-align: left;
}

.sidebar a {
text-decoration: none;
border-bottom: 1px dotted;
color: #ff00ff;
}

.sidebar a:hover{
text-decoration: none;
border-bottom: 1px solid;
color: #ff00ff;
}



/* page content */
#content
{ 
  width: 360px;
  height: 100%;
  float: left;
  padding: 15px 0px 2px 24px;
  border-left: 0px solid;
  border-color: #666666;
}


#content a {
text-decoration: none;
border-bottom: 1px dotted;
color: #ff00ff;
}

#content a:hover{
text-decoration: none;
border-bottom: 1px solid;
color: #ff00ff;
}


/* footer */
#footer
{ width: 800px;
  height: 25px;
  padding: 15px 0px 8px 0px;
  text-align: center; 
}

#footer a, #footer a:hover{text-decoration: none;}