/* This is the core style sheet for the OSBA-SDAO Property & Casualty Trust Web site. */

/*.....................................BODY CLASSES AND STYLES........*/


body {

  background: #fff;
  font-family: verdana,arial, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;

}

td {
  font-size: 11px;
}

/*......................................STYLES FOR LOGIN BUTTON IN HEADER......*/

.cssbutton{
		position: absolute;
		top: 70px;
		left: 550px;
		background-color: #fdb560;
		border-width: 2px;
		border-color: #fdb560;
		border-style: outset;
		padding: 1px 4px;
		color: black;
		text-decoration: none;
}

.cssbutton:hover{
		border-style: inset;
		background-color: #ffd8ab;
		padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

/*......................................STYLES FOR BOARD LOGIN BUTTON......*/

.cssbutton1{
		background-color: #fdb560;
		border-width: 2px;
		border-color: #fdb560;
		border-style: outset;
		padding: 1px 4px;
		color: black;
		text-decoration: none;
}

.cssbutton1:hover{
		border-style: inset;
		background-color: #ffd8ab;
		padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}


/*......................................DIVS FOR IMAGE POSITIONING..........*/


/*These images are in the header include pg and appear at top and right througout the site.*/

/* This holds the logos at the top of the page.*/

#header {


}

#headertext {


}


/*This is the PACE logo in upper left.*/

#topleftimage{

  width: 490px;
  height: 133px;
  background: #ffffff;
  margin: 0;
  padding: 0;
  position: absolute;
   top: 0;
   left: 0;
}


/*This is the multi-picture with torch logo.*/

#rightsideimage {

  width: 210px;
  height: 355px;
  background: #ffffff;
  margin: 0;
  padding: 0;
  position: absolute;
   top: 90px;
   left: 490px;
}


/*....................PACE logo for printing only.*/

#printlogo {

  padding: 0;
  margin: 0;
  position: absolute;
   top: 5px;
   right: 0;
  display: none;
}


/*.........................................HEADLINE STYLES....*/

h1 {

  font-size: 16px;
  color: #005596;

}

h2 {

  font-size: 14px;
  color: #005596;
}

h3 {

  font-size: 12px;
  color: #005596;

}

h4 {

  font-size: 11px;
  color: #000;
  font-weight: bold;
  margin-bottom: 0;

}


/*...........................................BREADCRUMB STYLES........*/

#crumbs {

  font-size: 10px;
}

#crumbs a {

  color: #005596;
  text-decoration: none;
  font-size: 10px;
}

#crumbs a:hover {

  font-weight: bold;
  color: #f8981c;
  text-decoration: none;
}


/*.....................................................MENU STYLES........*/


/*..........This div positions and styles the top section nav menus*/

.section-nav {

  font-size: 12px;
  padding: 1px 1px 1px 15px;
  margin: -10px 0 0 0;
}

/* This is a box model hack to fool IE and make the menu elements closer. \*/

* html .section-nav {

  padding: 1px 1px 1px 5px;
}

/* This is the end of the hack. */



.section-nav a {

  font-weight: bold;
  color: #005596;
}

.section-nav a:hover {

  font-weight: bold;
  color: #f8981c;
}

/*......................This div positions the left-side nav menu.*/

#menublock {

  background: #fff;
  width: 125px;
  margin: 0;
  padding: 0;
  font-size: 10px;
  position: absolute;
    top: 110px;
    left: 0;
  border-right: #005596 solid 1px;
}

/*These style the main and subsection links in the menu.*/

div.mainmenu, div.submenu {

  cursor: pointer;
}

div.mainmenu {

  padding-top: 0.6em;
}

div.submenu {

  padding-bottom: 0.5em;
}

div.mainmenu a {

  color: #f8981c;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  margin-left: 9px;
  display: block;
  text-transform: uppercase;
  padding: 0.25em;
}

div.mainmenu a:hover, div.submenu a:hover {

  color: #005596;
  text-decoration: none;
  background-color: #dee9f1;
  display: block;
}

div.submenu {

  font-size: 10px;
}

/*This style specifies display as block to prevent wrapping problems.*/

.submenu a {

  margin-left: 14px;
  padding: 0.25em;
  display: block;
  font-size: 10px;
  font-weight: bold;
  color: #f8981c;
  text-decoration: none;
}

/* This is a box model hack to fool IE and make the menu elements closer. \*/

* html .submenu a {

  margin-bottom: -5px;
}

/* This is the end of the hack. */



/*................................TEXTAREA STYLES AND POSITIONING....*/


/*This styles the text area of all pages.*/


#textarea {

  position: absolute;
    top: 130px;
    left: 125px;
  width: 385px;
  height: auto;
  padding-left: 10px;
  border-left: #005596 solid 1px;
 
}

/*........................................PARAGRAPH AND TEXT STYLES....*/



/*...........................Styles all paragraph text.*/

p {

  
}

/*..................Styles question text on FAQ pages.*/

p.question {

  font-weight: bold;
  margin-bottom: 0;
}

p.answer {

  margin-bottom: 25px;
  margin-top: 0;

}

p.answer2 {

  margin-bottom: 25px;
  margin-top: -20px;

}


/*...........................Styles footer text.*/


p.footer {


  padding: 0;
}

/*.......................Column styles for member list*/

.floatwrapper {

  float: left;
  width: 98%;
}


.first-col {

  float: left;
  width: 48%;
  
}

.second-col {

  float: right;
  width: 48%;
  
}

.third-col {

  float: right;
  width: 2%;
}


/*.....................................STYLES FOR BULLETED LISTS*/

li {
	margin-top: 10px;
}

.bulletlist-square {

  list-style-type: square;
  padding: 0 0 0 0;
}

/* This is a box model hack to fool IE and line-up the menu elements with text. \*/

* html .bulletlist-square {

  margin-left: 15px;
}

/* This is the end of the hack. */



.bulletlist-square li {

  margin-top: 2px;
  margin-bottom: -5px;
  padding: 0 0 0 0;
}

.bulletlist-disc {

  list-style-type: disc;
  margin-top: 0;
}

.bulletlist-disc-qanda {

  list-style-type: disc;
  margin-top: -17px;
  margin-bottom: 30px;
}


/*...................................................STYLES FOR LINKS....*/


a.footer:link, a.footer:visited {

  color: #005596;
  font-weight: bold;
}

a.footer:hover, a.footer:active {

  color: #f8981c;
  
}

#textarea a:link, #textarea a:visited {

  color: #005596;
  font-weight: bold;
}

#textarea a:hover, #textarea a:active {

  color: #f8981c;
  
}


/*...................................................STYLES FOR DATA TABLES*/

table.data {

  font-family: verdana,arial, sans-serif;
  font-size: 11px;
}

td.tabletitle {

  font-size: 12px;
  font-weight: bold;
}

td.rowtitle {

  font-size: 11px;
  font-weight: bold;
}


/*...................................................STYLES FOR HORIZONTAL RULES*/

hr.footerline {


  color: #005596;
  width: 45%;
  height: 1px;
  align: left;
}

/*......................................STYLES AND POSITIONS FOOTER DIV*/

#footwrapper {

  clear: both;
}

/*..........................................BODY TEXT LINK STYLES*/

a, a:visited, a:hover {

  font-weight: bold;
}