body {background-color: #000033;
font-size: 80%;
}

#page {width: 850px; padding-top: 120px;

}

p.red {color: #FF0000;
text-transform: uppercase;
font-family: Baskerville Old Face;


}
/*HEADER*/

#header { position: relative; margin: 0; background-color: #ffffff; /*background-color:#000066;*/ height: 283px; width: 850px; 
padding-top: ; padding-right: 0; padding-bottom: 0; padding-left: 0; background-image: url(http://www.bonnierobisonforjudge.com/images/logo4.png) ; 
background-repeat: no-repeat; background-position: center;
 }
 
 #image { position: relative; height: 55px; width: 140px; 
padding-top: ; padding-right: 0; padding-bottom: 0; padding-left: 0; background-image: url(images/SignatureBlue.png); 
background-repeat: no-repeat; background-position: center;
 }
 
/* END HEADER */


/* MENU */ 

/*TEST MENU*/
#menu{						  
position: relative;
font: bold 9pt Arial;
width: 846px; /*leave this value as is in most cases*/	
height: 25px;
float: none;
overflow: hidden;	
border-left: 2px solid #564c66;
border-right: 2px solid #564c66;
border-top: 2px solid #564c66;
border-bottom: 2px solid #564c66;
background-color: #000cb2;
text-align: center;
}
		
.home {	   
position: absolute;
left: 0px;
width: 70px;
height: 25px;
padding: 5px 0px 0px 0px;
border-right: none; /*1px solid #800000;*/
background: #000cb2;
text-transform: uppercase; 
text-align: center;
float: left;

}

.home a{   
width: 70px;
height: 35px;
float: none;
color: #ffffff; /*text color*/
padding: 5px 0px 0px 0px;
text-decoration: none;
/*border-right: 1px solid #f4cb0a;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.home a:visited{
color: #ffffff;
}

.home a:hover {
display: block;
background-color: #800000; 
width: 100%;
height: 35px;
color: #ffffff !important; /*text color of selected and active item*/
/*padding-top: 6px; /*shift text down 1px for selected and active item*/
/*padding-bottom: 5px; /*shift text down 1px for selected and active item*/

} 


.biolink {	   
position: absolute;
left: 90px;
height: 25px;
width: 70px;
padding: 5px 0px 0px 0px;
border-right:none; /* 1px solid #800000;*/
background: #000cb2;
text-transform: uppercase; 
float: left;

}

.biolink a{   
width: 70px;
height: 100px;
float: none;
color: #ffffff; /*text color*/
padding: 5px 0px 0px 0px;
text-decoration: none;
/*border-right: 1px solid #f4cb0a;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.biolink a:visited{
color: #ffffff;
}

.biolink a:hover {
display: block;
background-color: #800000; 
width: 100%;
height: 35px;
color: white !important; /*text color of selected and active item*/
/*padding-top: 6px; /*shift text down 1px for selected and active item*/
/*padding-bottom: 5px; /*shift text down 1px for selected and active item*/
background-color: #800000; 
} 

.contactlink {	   
position: absolute;
left: 155px;
width: 150px;
height: 25px;
padding: 5px 0px 0px 0px;
border-right: none; /*1px solid #800000;*/
background: #000cb2;
text-transform: uppercase; 
float: left;

}

.contactlink a{   
width: 150px;
height: 100px;
float: none;
color: #ffffff; /*text color*/
padding: 5px 0px 0px 0px;
text-decoration: none;
/*border-right: 1px solid #f4cb0a;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.contactlink a:visited{
color: #ffffff;
}

.contactlink a:hover {
display: block;
background-color: #800000; 
width: 100%;
color: white !important; /*text color of selected and active item*/
/*padding-top: 6px; /*shift text down 1px for selected and active item*/
/*padding-bottom: 5px; /*shift text down 1px for selected and active item*/
background-color: #800000; 
} 




 
.indentmenu{
font: bold 9pt Arial;
width: 850px; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
float: left;
width: 850px; /*width of menu*/
border: 5px solid #564c66;/*#564c66; dark purple border*/
border-width: 2px 1px;
background: #000cb2 center center repeat-x;
text-transform: uppercase;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 5px 6px 12px;
text-decoration: none;
/*border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 5px; /*shift text down 1px for selected and active item*/
background-color: #800000;
} 


/* END MENU */


/*index */
 
#leftcol {
  background: #ffffff;
  position: relative;
  width: 265px;
  height: 200px;
  float: left;
   padding-top: 10px; 
 padding-right: 5px; 
 padding-bottom: 10px; 
 padding-left: 10px;

}

#content {
  background: #ffffff;
  position: relative;
  width: 530px;
  height: 200px;
  font-size: 14pt;
  color: #0033CC;
  text-align: left;
 float: right;
   padding-top: 10px; 
 padding-right: 15px; 
 padding-bottom: 10px; 
 padding-left: 25px;

background-repeat: no-repeat;
background-attachment: absolute;
background-position: center;
 }


/*index*/

/*bio*/

#leftcolbio {
 background: #ffffff;
  position: relative;
  width: 265px;
  height: 1050px;
  float: left;
   padding-top: 10px; 
 padding-right: 5px; 
 padding-bottom: 10px; 
 padding-left: 10px;

}

#contentbio {
  background: #ffffff;
  position: relative;
  width: 810px;
  height: 1050px;
  font-size: 13pt;
  color: #0033CC;
  text-align: left;
 float: right;
   padding-top: 10px; 
 padding-right: 15px; 
 padding-bottom: 10px; 
 padding-left: 25px;

background-repeat: no-repeat;
background-attachment: absolute;
background-position: center;

 
}
/*bio*/

/*volunteer*/

 #volheader{
 background: #ffffff;
 width: 810px;
 font-size: 18pt;
 color:  #000cb2;
 
 }
 
 
#maincontentvol {
  background: #ffffff;
  position: relative;
  width: 850px;
  height: 660px;
  font-size: 12pt;
  color: #ffffff;
  text-align: left;
 float: left;
   /*padding-top: 10px; 
 padding-right: 15px; 
 padding-bottom: 10px; 
 padding-left: 25px;*/
 }

#leftcolvol {
  background: #ffffff;
  position: absolute;
  left: 0px;
  width: 360px;
  height: 680px;
  font-size: 10pt;
  color: #0033CC;
   padding-top: 10px; 
 padding-right: 15px; 
 padding-bottom: 10px; 
 padding-left: 15px;

}

#contentvol {
  background: #ffffff;
  position: absolute;
  left: 350px;
  width: 436px;
  height: 630px;
  font-size: 10pt;
  color: #0033CC;
  text-align: left;
   padding-top: 60px; 
 padding-right: 10px; 
 padding-bottom: 10px; 
 padding-left: 15px;}
 
}




#footervol {
    position: absolute;
	left: 0px;
	top: 640px;
  width: 850px;
  clear: both;
  height: 140px;
  background-color: #800000;
  text-align: center;
  font-size : 10pt;
  padding-top: 0px; 
  padding-left: 0px;
  padding-right: 0px;
  color: #ffffff;

  }
  
  
#footervol a:visited{
color: white;
}



/*end volunteer*/





/*ONE Column Only */

#content2 {
   background: #ffffff;
  position: relative;
  width: 810px;
  height: 550px;
  font-size: 12pt;
  color: #0033CC;
  text-align: left;
 float: right;
   padding-top: 25px; 
 padding-right: 10px; 
 padding-bottom: 10px; 
 padding-left: 30px;} 
}



  
  /* One Column */



 span.first{		
 text-decoration: bold;
 font-size: 1.5em;
 color: #FF0000;
 font-family: serif;

}

p.fancy{
font-size: 15pt;
font-family: Baskerville Old Face;
text-decoration: none;
}


#footer {
  
  width: 100%;
  clear: both;
  height: 140px;
  background-color: #800000;
  text-align: center;
  font-size : 10pt;
  padding-top: 0px; 
  padding-left: 0px;
  padding-right: 0px;
  color: #ffffff;
  position: relative;
   width: 850px;
  height: 140px;
  }
  
  
#footer a:visited{
color: white;
}



/*Election Page*/

#contentelection {
  background: #ffffff;
  position: relative;
  width: 530px;
  height: 650px;
  font-size: 12pt;
  color: #0033CC;
  text-align: left;
 float: right;
   padding-top: 10px; 
 padding-right: 15px; 
 padding-bottom: 10px; 
 padding-left: 25px;

background-repeat: no-repeat;
background-attachment: absolute;
background-position: center;
}

#leftcolelection {
  background: #ffffff;
  position: relative;
  width: 265px;
  height: 650px;
  float: left;
   padding-top: 10px; 
 padding-right: 5px; 
 padding-bottom: 10px; 
 padding-left: 10px;

}



#calendarleft1 {
position: absolute;
left: 0px;
top: 15px;
width: 250px;
height: 25px;
border: 1px solid #0033CC;
float: left;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}

#calendarright1 {
position: absolute;
left: 270px;
top: 15px;
width: 260px;
height: 25px;
border: 1px solid #0033CC;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}




#calendarleft2 {
position: absolute;
left: 0px;
top: 83px;
width: 250px;
height: 25px;
border: 1px solid #0033CC;
float: left;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}

#calendarright2 {
position: absolute;
left: 270px;
top: 83px;
width: 260px;
height: 25px;
border: 1px solid #0033CC;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}



#calendarleft3 {
position: absolute;
left: 0px;
top: 151px;
width: 250px;
height: 25px;
border: 1px solid #0033CC;
float: left;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}

#calendarright3 {
position: absolute;
left: 270px;
top: 151px;
width: 260px;
height: 25px;
border: 1px solid #0033CC;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}


#calendarleft4 {
position: absolute;
left: 0px;
top: 219px;
width: 250px;
height: 25px;
border: 1px solid #0033CC;
float: left;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}

#calendarright4 {
position: absolute;
left: 270px;
top: 219px;
width: 260px;
height: 25px;
border: 1px solid #0033CC;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}



#calendarleft5 {
position: absolute;
left: 0px;
top: 287px;
width: 250px;
height: 25px;
border: 1px solid #0033CC;
float: left;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}

#calendarright5 {
position: absolute;
left: 270px;
top: 287px;
width: 260px;
height: 25px;
border: 1px solid #0033CC;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}



#calendarleft6 {
position: absolute;
left: 0px;
top: 355px;
width: 250px;
height: 25px;
border: 1px solid #0033CC;
float: left;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}

#calendarright6 {
position: absolute;
left: 270px;
top: 355px;
width: 260px;
height: 25px;
border: 1px solid #0033CC;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;
}


#colbotelec {
position: absolute;
left: 0px;
top: 405px;
width: 510px;
height: 25px;
border: none;
padding-top: 20px;
 padding-right: 10px; 
 padding-bottom: 20px; 
 padding-left: 10px;
font-size: 12pt;
font-family: Baskerville Old Face;



}

/*End Electioninfo*/
.col1 {
 width: 38%;
 float: left;
 border: solid;
 border-width: .1em;
 height: 60px;
 padding-left: 10px;
 padding-right: 5px;
}
.col2 {
 width: 38%;
 float: left;
 border: solid;
 border-width: .1em;
 height: 60px;
 padding-left: 10px;
 padding-right: 5px;
}

.colall {
 width: 80%;
 float: left;
 border: none;
 border-width: .1em;
 height: 60px;
 padding-left: 10px;
 padding-right: 5px;
}


/*Probate Page*/
#contentprobate {
  background: #ffffff;
  position: relative;
  width: 530px;
  height: 1150px;
  font-size: 14pt;
  color: #0033CC;
  text-align: left;
 float: right;
   padding-top: 10px; 
 padding-right: 15px; 
 padding-bottom: 10px; 
 padding-left: 25px;
 
background-repeat: no-repeat;
background-attachment: absolute;
background-position: center;
 }

 #leftcolprobate {
  background: #ffffff;
  position: relative;
  width: 265px;
  height: 1150px;
  float: left;
   padding-top: 10px; 
 padding-right: 5px; 
 padding-bottom: 10px; 
 padding-left: 10px;

}