/* global */
html     { font-size: 100%; background-color: #0f0f0f; height: 100% }

body
      { font-size: 100%; font-family: Arial, sans-serif; background-color: #0f0f0f; margin: 0; padding: 0 }

p
         { color: #fff; font-size: 12px; font-family: Arial; background-color: #0f0f0f; margin: 0; padding: 0 0 4px }

h1, h2, h3, h4
        { font-size: 10px; font-family: Arial; letter-spacing: 0.1em; margin: 0 0 12px; padding: 7px 0 5px }

h4
     { font-size: 100%; font-family: Arial }

img
 { background-color: #0f0f0f; margin: 0; padding: 0; border: 0 }

a  { outline: none medium }

form{padding: 0; margin: 0;}

/* image positioning - left, right and center */
.left
{ float: left; 
  border-right: 18px solid;
}

.right
{ float: right; 
  border-left: 18px solid;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
blockquote
  { margin-right: 0; margin-left: 0; padding: 10px 20px 0; border-left:  }

/* unordered list */
ul
 { margin: 0; padding: 0 }

ul li
 { list-style-type: square; margin: 0; padding: 0 }

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

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

/* main container */
#main    { background-color: #0f0f0f; width: 800px }

/* logo */
#logo
    { background-color: #0f0f0f; background-image: url(logo%20in%20blue.jpg); background-position: right center; text-align: center; width: 750px; height: 200px }

#logo h1
  { font-size: 250%; font-weight: normal; background-color: #0f0f0f; padding: 0 12px 0 0; float: left }

/* navigation menu */
#menubar
     { background-image: url(menu.png); text-align: left; margin-left: 0; width: 750px; height: 3px } 

ul#menu   { margin: 0 }

ul#menu li
  { list-style: none; margin: 0; padding: 0; float: left } 

ul#menu li a 
    { font-family: Arial; text-decoration: none; text-align: left; display: block; padding: 12px 18px 0 20px; height: 30px; float: left }
/* main content */
#site_content
     { background-color: #0f0f0f; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; text-align: center; margin: 5px 0 0; width: 800px; overflow: hidden } 

/* sidebar */
.sidebar
   { }

/* sidebar items / links */
.sidebaritem
  { text-align: left; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-right: 80px; width: 270px; float: left }

.sidebaritem h1, .sidebaritem h3, .sidebaritem p  { font-size: 12px; margin: 8px 0 0 10px }

.sidebaritem ul
 { font-size: 10px; text-align: left; margin: 0 0 15px 15px; padding-top: 4px; width: 209px; border-top: 1px solid #a7a7a7 }

.sidebaritem li
 { text-align: left; list-style: none; margin-left: 15px; padding: 0 0 4px; border-bottom: 1px solid #a7a7a7 }

.sidebaritem li a, .sidebaritem li a:hover
 { text-decoration: none; text-align: left; display: block; padding: 0 0 0 18px } 

/* page content */
#content
         { font-size: 11px; background-color: #0f0f0f; text-align: left; padding: 8px 22px 15px; width: 820px; float: left }

#content h1          { font-size: 11px; font-family: Arial; background-color: #0f0f0f; margin-bottom: -5px }

#content a, #footer a    { color: #ccf; text-decoration: none; background-color: #0f0f0f; border-bottom:  }

#content a:hover, #footer a:hover    { color: #336; background-color: #0f0f0f; border-bottom:  }

/* footer */
#footer
   { color: #bbacdc; font-size: 10px; background-color: #0f0f0f; text-align: center; padding: 28px 20px 4px; width: 720px; height: 40px; border-top: solid }

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

/* sNews */
fieldset, .comment, .commentsbox{margin-bottom: 10px;}

fieldset
{ border: 1px solid; 
  padding: 10px 8px;   
}

input{padding: 2px;}

textarea
  { padding: 3px; width: 820px; height: 200px }

.date
 { font-weight: bold; margin: 15px 0 5px; border-top: 1px solid #a7a7a7 }