/*This is the simplified style sheet for OSSOA.*/

body {
background-color: #FFFFFF;
color: #666666;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1em;
list-style-image: disc;
margin: 0;
}

/*These are the left margin containers for the logo and curved line images.*/

#marg-left {
margin: 0;
padding: 0;
position: absolute;
width: 75px;
height: 92px;
top: 0;
right: auto;
bottom: auto;
left: 0;
}

#curve-line {
margin: 0;
padding: 0;
position: absolute;
width: 75px;
height: 38px;
top: 92px;
right: auto;
bottom: auto;
left: 0;
}

/*This is the header container for the image of the association name all spelled out.*/

#header {
background-color: #ffffff;
padding-left: 10px;
padding-top: 20px;
position: absolute;
width: auto;
height: 59px;
top: 0;
right: auto;
bottom: auto;
left: 75px;
}

/*This is the container for the navigation bar.*/

#navbar {
background-color: #ffffff;
padding-left: 10px;
padding-right: 10px;
position: absolute;
width: auto;
height: 33px;
top: 59px;
right: auto;
bottom: auto;
left: 75px;
}

/*This is the style for nav bar text.*/

p.navtext {
font-size:10pt;
font-weight: bold;
}

/*This is the style for nav bar links using decendant selectors.*/

#navbar a:link, #navbar a:visited {
background-color: #ffffff;
color: #666666;
text-decoration: underline;
}

#navbar a:hover {
color: #FFCE00;
background-color: #666666;
}


/*This is the container for the main content of the page.*/

/*This is the container for the main content of the page seen by Mac IE5.*/

#main-content {
background-color: #ffffff;
margin-left: 75px;
margin-right: 75px;
padding: 10px;
}

/*commented backslash hack\*/

#main-content {
background-color: #ffffff;
margin-left: 75px;
margin-right: 75px;
margin-top: 86px;
padding: 10px;
}

/*Above this is the container for the main content of the page for all except Mac IE5.*/


/*This is the style for the right-side menu on page. See safety topics section for example.*/

#rightside-menu {
background-color: #EFEFEF;
border-left: 2px solid #666666;
float: right;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding: 3px;
text-align: left;
width: 180px;
}

#rightside-menu a:link, #rightside-menu a:visited {
background-color: #EFEFEF;
color: #666666;
display: block;
font-size: 0.8em;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 3px;
}

#rightside-menu a:hover {
background-color: #D7F7E6;
font-weight: bold;
}

/*This is the style for the calendar.*/

#calendar {
margin: 0;
padding: 10px;
}

h4 {
font-size: 1em;
margin-top: 0;
margin-bottom: 0;
}

h5 {
font-size: 0.8em;
margin-top: 0;
margin-bottom: 0;
}

/*This is the style for event agendas.*/

.agendatime {
color: #000000;
font-size: 1.0em;
font-weight: normal;

}

.agendatitle {

font-size: 1em;
font-weight: bold;
line-height: 1.7em;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 90px;
}

.agendadescription {

padding-left: 90px;
font-size: 0.8em;
line-height: 1.7em;
margin-top: 0;
padding-top: 0;
}


/*This is the style for all paragraphs that do not have a specified class.*/

p {
font-size: 0.8em;
line-height: 1.7em;
margin-top: 0;
text-align: left;
}

/*This is the style for breadcrumbs appearing at the top of each page.*/

p.crumbs {
font-size: 0.6em;
font-weight: bold;
text-align: left;
}

/*This is the style for the footer text.*/

p.footer {
font-size: 0.6em;
font-weight: bold;
text-align: left;
}

/*These specify link colors.*/

a:link {
color: #129C52;
}

a:visited {
color: #CC0000;
}

a:hover {
color: #CC00CC;
}

a:active {
color: #CC00CC;
}

/*These specify header styles.*/

h1 {
font-size: 1.2em;
margin-top: 0;
}

h2 {
font-size: 1em;
margin-top: 0;
}

h3 {
font-size: 0.8em;
margin-top: 0;
margin-bottom: 0;
}

/*These specify horizontal rule styles.*/

hr {
color: #666666;
height: 0.09em;
text-align: left;
width: 85%;
}

hr.color {
clear: left;
color: #FFCE00;
font-size: 0.1em;
text-align: left;
width: 85%;
}

hr.short {
color: #666666;
font-size: 0.09em;
text-align: left;
width: 50%;
}

hr.bottom {
color: #FFCE00;
font-size: 0.09em;
text-align: left;
width: 100%;
}

/*This specifies list styles.*/

ul {
font-size: 0.8em;
}

ul ul li {
font-size: 1.2em;
}

ol {
font-size: 0.8em;
}

ol.constitution {
font-size: 0.8em;
list-style-type: lower-alpha;
}