.ie5mac
{
    /* fake style for IE 5/Mac bug */
}

/* GENERAL STYLES */
body
{
    margin: 0;
    padding: 0;
    background: #a2a2a2 url(/images/bg.gif) top left repeat-x;
    color: #5A5A5A;
    min-width: 752px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.8em;
    text-align: center;
}

form
{
    display: inline;
}

p {
   margin: 5px 0 5px 0;
   padding: 0;
}

a
{
    color: #333;
}

a:visited
{
    color: #333;
}

a:hover
{
    color: #91181B;
}

a:active
{
    color: #333;
}

a img
{
    border: 0;
}

hr
{
    color: #CCC;
}

h1,h2,h3,h4,h5
{
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 5px 0;
    line-height: 1.2em;
}

h1
{
    font-size: 26px;
    color: #BD3942;
    font-weight: bold;
}

h2
{
    font-size: 10px;
    color: #000;
   text-align: right;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

h2.blogDate {
   margin: 30px 0 -15px 0;

}

h3
{
    font-size: 16px;
    color: #0B6292;
   font-weight: bold;
   margin: 20px 0 0 0;
   padding: 0;
   border-bottom: 1px solid #0B6292;
}

h3 a, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {
   color: #0B6292;
   text-decoration: none;
}

h4
{
    font-size: 12px;

}

h5
{
    font-size: 10px;
}

form
{
    display: inline;
}

input
{
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
}

select
{
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
}

ul
{
    margin-top: 0;
}

/* STRUCTURAL ELEMENTS */
/* see http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html */
#container
{
    position: relative;
    width: 960px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    text-align: left;
    background-color: #FFF;
    clear: both;
    border: 1px solid #999;
}

#topleft, #topright, #topcenter
{
    height: 7px;
    line-height: 0;
    font-size: 0;
}

#topleft
{
    background-image: url(/images/shadow_border_01.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 14px;
}

#topright
{
    background-image: url(/images/shadow_border_03.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

#topcenter
{
    background-image: url(/images/shadow_border_02.gif);
    background-repeat: repeat-x;
    background-position: top;
    text-align: right;
}

#leftside
{
    background-image: url(/images/shadow_border_04.gif);
    padding-left: 7px;
    background-repeat: repeat-y;
    background-position: left;
}

#rightside
{
    background-image: url(/images/shadow_border_05.gif);
    background-repeat: repeat-y;
    padding-right: 7px;
    background-position: right;
}

#bottomleft, #bottomcenter, #bottomright
{
    height: 7px;
    line-height: 0;
    font-size: 0;
}

#bottomleft
{
    background-image: url(/images/shadow_border_06.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
}

#bottomcenter
{
    background-image: url(/images/shadow_border_07.gif);
    background-repeat: repeat-x;
    height: 7px;
    line-height: 0;
}

#bottomright
{
    background-image: url(/images/shadow_border_08.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 14px;
}

/* BRANDING */
#branding
{
    margin: 0;
    padding: 0;
    background-color: #CECECE;
}

#branding-logo
{
    margin: 0;
    padding: 5px;
    height: 63px;
   text-align: center;
}

#branding-logo-home
{
}

#branding-tagline
{
}

/* NAVIGATION */

#navigation
{
    color: #BD3942;
    background-color: #EFEFEF;
    width: 170px;
    float: left;
    margin-top: 10px;
    border-color: #999;
    border-width: 1px 1px 1px 0;
    border-style: solid;
}

#navigation a
{
    color: #666;
    text-decoration: none;
}

#navigation a:hover
{
    text-decoration: underline;
}

#navigation h3
{
    font-size: 12px;
}

#container>#navigation
{
    width: 170px;
}

#nav-main
{
    padding: 0;
}

#nav-main ul
{
    margin: 0;
    padding: 0;
}

#nav-main li
{
    padding: 0;
    background-color: #EFEFEF;
    list-style-type: none;
    border-bottom: 1px #FCFBFB solid;
}

#nav-main li a
{
    display: block;
    padding: 5px 0 5px 10px;
    margin: 0;
    color: #5A5A5A;
    text-decoration: none;
    border-bottom: 1px #D1D0D0 solid;
}

#nav-main li a:visited
{
    color: #5A5A5A;
}

#nav-main li a:hover
{
    color: #FFF;
    background-color: #5A5A5A;
}

#nav-main li a:active
{
    color: #5A5A5A;
}

#nav-main ul ul li a
{
    padding-left: 1.5em;
}

li#nav-section a
{
    font-weight: bold;
}

li#nav-section, li#nav-section ul li
{
    background-color: #FFF;
}

#nav-section a
{
    display: block;
}

#nav-section a:visited
{
}

#nav-section a:hover
{
    background-color: #5A5A5A;
}

#nav-section a:active
{
}

#nav-section li a
{
    font-weight: normal;
}

#nav-section li
{
}

#nav-external
{
}

#nav-browse
{
    padding: 5px;
}

#nav-browse select
{
    display: block;
    font-size: 9px;
    width: 150px;
}

#nav-browse-submit
{
    text-align: right;
}

.submitButton
{
    margin-top: 3px;
    margin-right: 10px;
}

#nav-functional
{
    padding: 5px;
}

#nav-functional a
{
    color: #BD3942;
    text-decoration: none;
}

#nav-search
{
    padding: 3px;
    color: #FFF;
    background-color: #000000;
    margin-top: 0;
    margin-bottom: 6px;
}

#add-this
{
	text-align: right;
	padding-right: 10px;	
}

#real-breadcrumb {
    padding-left:20px;
}

#nav-breadcrumb
{
    padding: 3px 20px 3px 0;
    /* text-align: right; */
    color: #000;
    margin-bottom: 6px;
    background-color: #92191C;
    border-top: 1px solid #0A6291;
    border-bottom: 1px solid #0A6291;
    margin-top: 0;

}

#nav-breadcrumb #breadcrumb
{
    text-align: left;
    float: left;
    padding-left: 10px;
    padding-top: 2px;
    color: #ccc;
    display:none;
}

#nav-breadcrumb a:link
{
    color: #ccc;
}

#nav-breadcrumb a:visited
{
    color: #ccc;
}

#nav-breadcrumb a:hover
{
    color: #fff;
}

#nav-breadcrumb a:active
{
    color: #ccc;
}

#nav-archive
{
    float: right;
    font-weight: bold;
}

/* SEARCH */
#search
{
    padding: 5px;
    /*
    border-top: 1px solid #5A5A5A;
    border-bottom: 1px solid #5A5A5A;
    */
    vertical-align: middle;
    width:160px;
    float:right;
    margin:0;
    margin-left:10px;
	z-index:1000;
}

#horiz-nav {
    padding-right:200px;
    width:100%;
}
#search-input
{
    width: 90px;
   border: 1px solid #000;
   height: 15px;
   vertical-align: middle;
}

#search-submit
{
    margin-left: 4px;
    width: auto !important;
    overflow: visible;
    padding: 0 0.5em;
    cursor: pointer;
    color: #2B333C;
    background: #fefefe url(/images/gradientbtn.gif) repeat-x;
    border: 2px double;
    border-color: #9FACAC #96A1A2 #5D6262 #8F9A9B;
   font-family: sans-serif;
   vertical-align: middle;
   font-size: 10px;
}

#search-output
{
}

/* CONTENT */
#content
{
   float: left;
   width: 710px;
   line-height: 1.4em;
   padding: 00px 20px 60px 15px;

}

#content p
{
    margin-top: 10px;
}

#content-main
{
    padding: 10px 0 10px 10px;
    float: left;
    width: 390px;
}

#content-supplemental
{
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    background-color: #FFF;
    color: #666;
   float: right;
   width: 210px;

}

div#content-supplemental ul
{
    margin: 3px 0 15px 0;
    padding: 0;
    list-style-type: none;
}

div#content-supplemental ul li {
   margin: 0 0 0 0;
   padding: 0;
}

div#content-supplemental > ul
{
}

#content-supplemental h3, #content-supplemental a
{
    color: #000;
    font-size: 12px;
   border: 0;
   margin: 0;
   padding: 0;
}

#content-supplemental a:hover {
   color: #91181B
}

#content-supplemental h2
{
    font-size: 16px;
}

#content-supplemental select
{
    width: 130px;
}

#content-supplemental .sidebarBox {
   border: 1px solid #8E8E8E;
   background-color: #B7CEDA;
   padding: 5px;
   margin: 10px 10px 10px 0;
}

#content-featured
{
    padding: 5px;
}

#content-title
{

}

.content-short
{
    padding: 5px;
}

.content-full
{
    padding: 5px;
}

#content-grouped
{
    padding: 5px;
}

#content-grouped h2
{
    text-align: left;
    font-size: 1.2em;
    padding-bottom: 0px;
    margin-bottom: 0px;


}

/* SITE INFO */
#footer
{
    clear: both;
    width: 100%;
    margin: 0px 0 5px 0;
   text-align: center;
   font-size: 9px;
   color: #999;
}

#siteinfoline
{
    border-top: 20px #fff solid;
}

#siteinfoline1
{
    border-top: 2px #C13F45 solid;
}

#siteinfoline2
{
    border-top: 1px #fff solid;
}

#siteinfo
{
    color: #FFF;
    background-color: #C13F45;
    text-align: center;
    padding: 8px;
}

#siteinfo a:link
{
    color: #FFF;
    font-weight: bold;
}

#siteinfo a:visited
{
    color: #FFF;
    font-weight: bold;
}

#siteinfo-legal
{
}

#siteinfo-credits
{
    padding: 5px;
}

/* Advertising */
#ad-primary
{
    padding: 5px;
    text-align: center;
}

#ad-secondary
{
    padding: 5px;
}

/* General Classes */
.event
{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEE;
}

.featured-thumbnail
{
    float: right;
}

.legend th
{
    background-color: #EEE;
    font-weight: bold;
    color: #000;
}

.legend td
{
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.pager
{
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
    /*
    border-top: 1px dashed #EEE;
    border-bottom: 1px dashed #EEE;
    */
    color: #000;
}

/* The pager / pagination */
.pager a
{
    color: #000000;
    padding: 4px 6px;
    border: 1px solid #ccc;
}

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

.pager a:visited
{
    color: #000;
}

/* Related Links in Sidebar */
.related-links
{
    background-color: #EEE;
    padding: 5px;
    margin-top: 10px;
    border-color: #CCC;
    border-width: 1px;
    border-style: dashed;
}

.related-links h2
{
    margin: 0;
}

.summary
{
    padding-bottom: 10px;
}

.bio
{
    font-style: italic;
}

.date
{
    font-style: italic;
}

.source
{
    font-style: italic;
}

.listitem
{
    /* not styles yet */
    padding-top: 5px;
    padding-bottom: 5px;
}

.listitem h2
{
    margin: 0;
}

.listitem h3
{
    display: inline;
    margin: 0;
}

.listitem .date
{
    font-style: italic;
}

.listitem .source
{
    font-style: italic;
}

.listitem .author
{
}


.listitem .location
{
}

.listitem .organisation
{
    font-style: italic;
}

.indented
{
    padding-left: 15px;
}

.image-float
{
    margin-left: 10px;
    margin-right: 10px;
    float: right;
}

/* used for detail pages */
td.label
{
    font-weight: bold;
    text-align: right;
}

/* Specific to ERROR module */
.error
{
    padding: 5px 15px 5px 15px;
    margin: 0;
    /*border: 1px dashed #999999;*/
    /*width:200px;*/
    color: #BB0000;
}

.error h1
{
    color: #BB0000;
}

.error .src
{
}

.error .msg
{
}

.error-message
{
    color: #BB0000;
    font-weight: bold;
}

td.darkline
{
    background-color: #5A5A5A;
}

td.lightline
{
    background-color: #FFF;
}

.download
{
    font-weight: bolder;
}

/* ADMIN */
.admin-toolbar
{
    color: #A42829;
    border-top: 1px dashed #A42829;
    padding: 2px 2px 2px 2px;
}

.admin-toolbar a
{
    color: #A42829;
}

.admin-toolbar a:hover
{
    color: #A42829;
}

.admin-toolbar a:visited
{
    color: #A42829;
}

.showform .fieldReqd
{
    color: #F00;
}

.showform .fieldError
{
    color: #F00;
}

.showform th
{
    text-align: right;
}

th .shaded-text {
    font-weight: normal;
    text-decoration: italic;
}

#comment-preview {
    border: 1px solid #999;
    background-color: #efefef;
    display: none;
    padding: 5px;
    margin-top: 5px;
}

.showform-stacked .shaded-text, .shaded-text
{
    font-weight: normal;
    color: #555;
    padding-left: 10px;

}

.showform textarea, .showform-stacked textarea {
    width: 100%;
}

#login .inputText {
    width:300px;
}

/* Basic code - don't modify */
#menus {
    display: block;
    margin: 0;
    padding: 0;
	margin-right:200px;
    position: relative;

}
#menus li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;}
#menus a { display: block; }
#menus ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #menus ul { line-height: 0; } /* IE6 "fix" */
#menus ul a { zoom: 1; } /* IE6/7 fix */
#menus ul li { float: none; margin:0; padding:0;}
#menus ul ul { top: 0; }

/* Essentials - configure this */

#menus ul { width: 130px; }
#menus ul ul { left: 130px; }

/* Everything else is theming */

#menus {
/* background-color: #30A8C3; */
 height: 32px;
}
#menus *:hover { background-color: none;
 }

#menus a {
    border-right: 1px solid #CCC;
    color: #CCCCCC;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 6px;
    line-height: 1;
    width:118px;
    text-align: center;
}
#menus li.hover a {
    color: #FFF;
    background-color: #72191C;
    margin:0;
}
#menus ul {
    top: 31px;
    background-color: #72191C;
}

#menus ul li a {
    background-color: #5E5A5A;
}

#menus ul li.hover > a {
    background-color: #92191C;
}

#menus ul a {
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: none;
    opacity: 0.90;
    filter: alpha(opacity=90);
    padding:8px 6px;
    /* width:100%; */
}


/* #menus ul a { border-bottom: none;
 } - I also needed this for IE6/7 */

.clear {
    clear:both;
}
