/* 
    Document   : css
    Created on : 16-May-2008, 11:20:45
    Author     : Alex
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    background-color: #6D7B8D;
	color: white;
    margin: 0;
    text-align: justify;
    text-indent: 2px;
    line-height: 25px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

/*
    Content frame is the BIG one encompassing in the middle
*/
#content {
    width: 840px;
    border-left-style: groove;
    border-left-width: 2px;
    border-right-width: 2px;
    border-right-style: groove;
    border-bottom-style: groove;
    border-bottom-width: 2px; 
}

#shadowybit {
	margin-right: auto;
	margin-left: auto;
	width: 860px;
	background: transparent url(/images/backdrop_shadow.gif);	
}

/*
    Top section is the bit at the top with the image
*/
#topsection {    
    background-color: #2B547E;
}

/*
    The menu, just below the topsection
*/
#menu {
    background-color: #4863A0;
    padding: 0.3em;
}

/*
    midsection frame is the BIG one in the middle
*/
#midsection {
    background-color: #2B547E;
    padding: 1em;
    text-align: justify;
}

/*
    the sidebar is an invisible floating frame to the right top of midsextion
*/
#sidebar { 
    width: 416px;
    margin-left: 1em;
    padding: 0em;
    top: 0em;
    text-align: left;
}

#sidebar p {
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
}

/*
    Footer is the bit at the bottom
*/
#footer {
    background-color: #4863A0;
    font-size: 11px;
    margin: 0;
    border: 0;
    text-align: right;
}

#footerimage {
    padding-left: 1em;
}

#footertext {
	padding-right: 1em;
	padding-bottom: 0.5em;
}

/*
    Div Classes
*/
#menu a {
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.65em;
    padding-bottom: 0.61em;
    width: 110px;
    margin: 0px;
    border: 0px;
    font-weight: bold;
}

#menu a:hover {
    background-color: #2B547E;
    width: 110px;
}

/*
    Links
*/
a:link {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
a:visited {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
a:active {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

/*
    extra bits and bobs page
*/
#sideimage {
    float: right;
    padding-left: 3em;
    padding-bottom: 1em;
}

/*
    operas pages
*/
#operacontainer {
}

#containertop {
    width: 750px;
}

#containerbottom {
    width: 750px;
    height: auto;
    clear: both;
    background-color: #4863A0;
    margin: 0px;
    padding: 1em;  
    top: 0px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 3px;
    border-right-width: 3px;
    border-color: white;
    border-top-style: solid;
    border-top-width: 3px;
}



#containertop a:hover {
    background-color: #4863A0;
    border-bottom: none;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 3px;
    border-right-width: 3px;
    border-color: white;
    border-top-style: solid;
    border-top-width: 3px;
}

#operai-1, #operai-2, #operai-3, #operai-4, #operai-5, #operai-6 {
    float: left;
    position: relative;
    top: 3px;
    padding: 12px 12px 12px; 
    margin: 0px;
}

#operad-0 {
    display: block;
}

#operad-1, #operad-2, #operad-3, #operad-4, #operad-5, #operad-6 {
    display: none;
    text-align: left;
    height: 0px;
}

/*
    news items
*/
div.newsitem {
    padding-bottom: 2em;
    display: block;
}

.newsitemtitle {
    font-size: 16px;
    font-weight: bold;
    display: block;
    background-color: #4863A0;
    width: 500px;
}

.newsitemauthor {
    font-style: italic;
    font-weight: bold;
}

.newsitemtime {
    font-style: italic;
    font-weight: bold;
}

.newsitemmessage {
    padding-top: 0.5em;
    display: block;
}

/*
    other
*/

.secondheader {
    display: block;
    font-weight: bold;
}

#quote {
    background-color: #6D7B8D;
    padding: 0.5em;
    margin: 0.5em;
    font-style: italic;
    text-align: justify;
}

.operaheader {
    margin-left: 1em;
    padding: 1em;
    top: 0em;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
}