/* Template Positioning */

body { padding:0; margin:0; }

#logo {
 margin:0;
 padding:0;
 padding-left:0.5em;
 padding-top:0.3em;
}
#title {
 padding:0.75em;
 text-align:center;
}

#top-menu {
 padding-top:5px;
 padding-bottom:0.5em;
 text-align:center;
}


#body {
 margin-left:200px; /* edge of menu is 200px */
 padding:4%;
 padding-top:10px;
}

#content {
 padding:1em;
}

#page-below-header {
 background-image:url('../images/left-column.gif');
 background-repeat:repeat-y;
}

#side-bar {
 position:absolute;
/* float:left;*/
 padding:0;
 margin:0;
 left:0;
 padding-bottom:50px;
 background-image:url('../images/left-column.gif');
 background-repeat:repeat-y;
}

#backtotop a {
 margin:0.5em;
 margin-left:auto;
 margin-right:auto;
 display:block;
 padding:2em;
 padding-top:0.7em;
 padding-bottom:0.7em;
 text-align:center;
 width:150px;
}
.footer { float:left;clear:both;width:100%; }

/* Menu Positioning */

#navbar {
 margin:0;
 padding:0;
 position:relative;
/* float:left;*/
 top:40px;
 left:30px;
 z-index:1;
}

#navbar ul {
 display: block;
 padding:0;
 margin:0;
 margin-bottom:1.3em;
 list-style-type: none; /*turns off display of bullet*/
 text-align:center;
 width:170px;
}

#navbar li {
 margin:0;
 padding:0;
}

#navbar a {
 display: block;
 padding:0;
 padding-top:0.2em;
 padding-bottom:0.2em;
 width:100%;
}

#navbar span {
 display:block;
 padding:0;
 margin:0;
}

#navbar .first a,
#navbar .firstlast a {
 padding-top:0.75em;
}

#navbar .last a,
#navbar .firstlast a {
 padding-bottom:0.75em;
}

#navbar div.first,
#navbar div.last,
#navbar div.firstlast,
#navbar div.submenuroot {
  display:inline;
}


#navbar .submenu a {
 /* submenus */
/* padding-top:0;
 padding-bottom:0;
 margin:0;*/
}

#navbar .menu-root {

}

/* Submenu Positioning  */

#navbar li ul {
 position:relative;
 top:-1px;
 margin-bottom:0;

/* margin-left:20px;
 width:150px;*/
}

#navbar li ul li a {
 background-image:url('../images/dot.gif');
 background-position: 5% 50% ;
 background-repeat:no-repeat;
}


#navbar li ul a {
 padding-left:20px;
 width:150px;
 text-align:left;
}


#navbar li ul {
  display: none;
}

#navbar .navbar-root ul,
#navbar li:hover > ul {
  display: block;
}



/* Content Positioning */

img.hr  {
 display:block;
 margin-top:1em;
 margin-bottom:1em;
 height:7px;
 width:99%; /* IE6 puts bar below menu if 100% */
 text-align:center;
}

li {
 padding-bottom:1.5em;
}

/* Listing Positioning */

.side-listing h3 {
 margin-top:0;
 margin-left:-0.5em;
 margin-right:-0.5em;
 padding-top:0.3em;
 padding-bottom:0.3em;
}

.side-listing {
 float:right;
 clear:right;
 padding:1em;
 padding-left:1em;
 padding-right:1em;
 margin-left:2em;
 margin-right:1em;
 margin-top:1em;
 margin-bottom:1em;
 width:35%;
}

.side-listing li {
/* margin-bottom:2em;
 margin-left:0.5em;*/
 list-style-type:none;
 margin-left:0;
 padding-left:0;
}


/* Font and Colour */

/* Template Fonts */

#logo, #title {
 font-size: 36px;
 font-weight: bolder;
 color: #ff7b00;
}

#top-menu,
#top-menu a {
 background-color:#ff7b00;
 font-weight:bold;
 color:white;
}
#top-menu a:hover,
#top-menu a:active {
 color:#fdff00;
}

#side-menu {
 background-color:#ffbb00;
}

#backtotop a {
 background-color:#ffffaa;
}


/* Menu Fonts */

.navbar ul {
 /* Yellow */
 background-color:#ffffaa;
 color:#e68300;
}

#navbar .navbar-self,
#navbar .navbar-self a,
#navbar .navbar-self a:active,
#navbar .navbar-self div {
 /* purple */
 background-color:#ffaaff;
 color:#8303e8;
}

.submenuroot a,
.navbar-root a,
.navbar-root a:visited,
#navbar li:hover ul {
 color:#ff7b00;
 background-color:#ffea80;
}




/* Content Fonts */

a {
 color:#e68300;
 font-weight:bold;
 text-decoration:underline;
 cursor:pointer;
}

a:visited {
 color:#ff9600; /* Slighly Lighter Orange */
}

a:hover {
 color:#c85900; /* Dark Orange */
}

#body {  position:relative; }

#content li { color:black; }

.s
#content-book  li,
#content-event li,
#content li.quote,
#content li.book,
#content li.event  {
 list-style-type:none;
 margin-left:-1.5em;
 padding-left:0;
}

/* Listing Fonts and Colours */

.quote {
 padding-right: 2em;
 padding-left: 2em;
 list-style-type:none;
 margin:0;
}

.side-listing {
/*  border-style: solid; */
 border-color: #ffbb00;
 background-color:#ffffaa;
}

.side-listing h3 {
/*  border-style: solid; */
 border-color: #ffbb00;
 color: #ff7b00;
 text-align:center;
}


/* Form Fonts and Colours */

.field {
  font-weight:bold;
}
.title-comments {
  font-weight:normal;
  font-style:italic;
  margin-left:1em;
  display:block;
  font-size:90%;
}


.missing-field {
  font-weight:bolder;
  color:red;
}
.form_failure_message {
 font-weight:bolder;
 color:red;
 text-align:center;
 font-size:125%;
}
.form_failure_message a {
 color:blue;
}
.form_success_message {
 font-weight:bold;
 text-align:center;
 font-size:125%;
}
.book_authors {
 font-weight:bold;
 color:#cc6306;
}
.book_title {
 font-weight:bold;
}

.adminlinks,
a.adminlinks,
a.adminlinks:hover {
 color:blue;
 margin-left:0.5em;
}



/* Homepage Styles */

.homepage_extra td, .homepage_extra span, .homepage_extra * { text-align:justify !important; }
.homepage_border { border:thick solid #ff7b00; }
.homepage       { padding:0 1em; margin:0.5em; text-align:justify; }
.homepage_type  { font-weight:bold; }
.homepage_title { color:#ff7b00; }
.homepage_title_by { font-weight:bold; font-size:large; }
.homepage_by    {}
.homepage_text  {}
.homepage_link  {}


h3.display_titles { color:#ff7b00; margin-top:0; text-align:center; text-decoration:underline; }





/*.homepage_left  { position:relative; right:auto; left:0; width:50%; }
.homepage_right { position:relative; left:auto; right:0; width:50%; }
.homepage_wide  { width:100%; clear:both; }*/


/*.homepage_left  { float:left;  clear:left; }
.homepage_right { float:right; width:40%; clear:right; }
.homepage_wide  { width:100%; clear:both; }*/


/*.homepage_clear_left  { float:left; clear:left;  }*/
/*.homepage_clear_right { clear:right; }*/
/*.homepage_clear_wide  { clear:both;  }*/




/* Page Styles From Previous Design */
.firebrick  { color:#cc6200; font-weight: bold; }
.darkorange { color:#cc6200; font-weight: bold; }
.black-bold { color: #7f4800; font-weight: bolder; }
.justify    { background-position: center; text-align: justify; }