/*  
###################################

xhtml  css 2  

###################################
*/

/*   
###################################

main body style   

###################################
*/

body
{
margin:20px 0 20px 0;
padding:0;
background-color:#ffffff;
background-image:url(http://www.boyle-associates.com/images/bg3.jpg);
background-repeat:repeat-x;
}

/*   
###################################

For IE 5.0 or earlier body style   

###################################
*/

body 
{
min-width:800px;
font-size: 12px;
font-family: verdana, arial, sunsans-regular, sans-serif;
color:#333333;
text-align:center;
}

/*   

###################################

content text alignment   

###################################

*/
#wrap,#header,#main,#main-lp,#footer-links-2 
{
text-align:left;

}

/*    

###################################

box wrapper  

###################################

*/
#wrap 
{
border:#cccccc 1px solid;
background-color:#ffffff;
margin:0 auto;
width:850px;
padding-right:20px;
}

/* 

###################################

header style    

###################################

*/
#header 
{
padding-top:1px;
background-color:#ffffff;
height:300px;

}

#header h1 
{
color:#ffffff;
font-size:14px;
background-color:#495677;
padding:12px 15px;
margin:0px;
font-weight:900;
}

/* 

###################################

top navigation horizontal    

###################################

*/
#headline
{
border:#cccccc 1px dotted;
background-color:#ffffff;
padding-left:20px;
padding-right:20px;
line-height:260%;
text-align:left;
height:100px;
vertical-align:bottom; 
}

.subhead
{

border:#cccccc 2px dotted;
background-color:#999900;
line-height:160%;
text-align:left;

text-align:center;
}


#nav ul, #nav li
{
display:inline;
margin:0;
padding:10;
list-style-type:none;
border:0px solid #990000;
margin: 0 auto;

}

###################################

top links horizontal  

###################################

*/

a:link.horiz
{
font-size:11px;
font-style:normal;
font-weight:bold;
color:#999999;
background-color:#ffffff;
text-decoration:none;
padding:5px 5px 5px 5px;
border:0px outset #999999;

}

a:active.horiz
{
font-size:11px;
font-style:normal;
font-weight:bold;
color:#999999;
background-color:#ffffff;
text-decoration:none;
padding:5px 5px 5px 5px;
border:0px outset #999999;

}

a:visited.horiz
{
font-size:11px;
font-style:normal;
font-weight:bold;
color:#999999;
background-color:#ffffff;
text-decoration:none;
padding:5px 5px 5px 5px;
border:0px outset #999999;

}

a:hover.horiz
{
font-size:11px;
font-style:normal;
font-weight:bold;
color:#990000;
background-color:#ffffff;
text-decoration:none;
padding:5px 5px 5px 5px;
border:0px inset #999999;

}

/*  

###################################

main content area  

###################################

*/

#main 
{

min-height:900px;
border-left:#cccccc 0px dotted;
background-color:#ffffff;
float:right;
width:580px;
padding-bottom:50px;

}

#main #main h3, #main p 
{
line-height:175%;
padding:0 10px; 
}

#main h2
{
padding:8px 10px 0 10px;
font-size:18px;
line-height:200%;
}

#main h1
{
padding:20px 10px 20px 10px;
color:#333333;
font-size:25px;
background-color:#ffffff;
margin:0px;
font-weight:600;
}



/* 

###################################

main landing page style

###################################

*/
#main-lp
{
width:750px;
min-height:250px;
background-color:#ffffff;
padding-left:95px;
padding-right:15px;
}

#main-lp
{
line-height:225%;
}

#main-lp ul li
{
line-height:200%;
list-style-type:square;
}

#main-lp h1
{
font-size:17px;
}

#main-lp h2
{
font-size:16px;
}

/* 

###################################

side bar   

###################################

*/

#sidebar 
{

padding-left:10px;
background:#ffffff;
float:left;
width:220px;
font-size:11px;
}

#sidebar ul 
{
position:relative;
left:-40px;
line-height:250%;
list-style-type:none;

}

#sidebar  #sidebar p 
{
background:#ffffff;
padding:0px 10px 0px 0px;
line-height:200%;
}

#sidebar h3
{
font-family:helvetica , "arial narrow", arial, sunsans-regular, sans-serif;
margin-top:25px;
margin-right:10px;
text-align:center;
font-size:15px;
font-weight:100;
padding: 15px 0px 15px 0px;
border-bottom:5px solid #cccccc;
border-top:5px solid #cccccc;
color:#990000;
letter-spacing:3px;
}

/*   

###################################

footer styles   

###################################

*/
#footer 
{
clear:both;
}

#footer p 
{
text-align:right;
padding-right:15px;
margin:0;
}

#footer h1
{
margin-top:0px;
background-color:#cccccc;
text-align:right;
color:#ffffff;
font-size:15px;
font-weight:600;
padding:10px 10px 5px 0;
}

#footer-lp
{
height:85px;
}

#footer-lp p
{
text-align:right;
padding-right:25px;
}

#footer-lp h1
{
text-align:right;
margin-top:0px;
background-color:#495677;
text-align:right;
color:#ffffff;
font-size:15px;
font-weight:600;
padding:10px 25px 5px 0;
}

/*   

###################################

footer links v2 

###################################

*/
#footer-links-2
{
background-color:#ffffff;
padding:12px 10px 12px 12px;
text-align:left;
}

#footer-links-2 ul, #footer-links-2 li
{
display:inline;
margin:0;
padding:0;
list-style-type:none;
}

/*   

###################################

image styles   

###################################

*/
img.top
{
margin-top:20px;
margin-bottom:20px;
margin-left:20px;
}

img.top-rt
{
margin-top:10px;
margin-bottom:20px;
margin-left:280px;
}

.picture
{
float:right;
padding:0 2px 0 15px;
}

#logo
{
padding-top:45px;
display: block;
margin-left: auto;
margin-right: auto 
}


#logo-left
{
border:0px solid #cccccc;
float:left;
margin-left:20px;
vertical-align:bottom; 
}

#logo-right
{
border:0px solid #cccccc;
float:right;
margin-right:20px;
vertical-align:bottom; 
}

/* 



/*   

###################################

standard  links and left side links   

###################################

*/
a:link 
{
white-space:nowrap;
font-size:11px;
color: #333333;
font-weight:500;
text-decoration:underline;
}

a:visited
{
white-space:nowrap;
font-size:11px;
color:#333333;
font-weight:500;
text-decoration:underline;
}

a:active 
{ 
white-space:nowrap;
font-size:11px;
color:#333333;
font-weight:500;
text-decoration:underline;
}

a:hover 
{
white-space:nowrap;
font-size:11px;
color: #990000;
font-weight:500;
text-decoration:none;
}

/*  

###################################

bottom of document   

###################################

*/
#copy
{
font-size:10px;
border:0px #cccccc dotted;
text-align:center;
padding-top:30px;
padding-bottom:50px;
white-space:nowrap;
background-color:#ffffff;
width:850px;
margin:0px auto 10px  auto;
line-height:150%;
color:#666666;
}

/*  

###################################

footer links 

###################################

*/

a:link.foot 
{
font-size:10px;
color:#666666;
font-weight:500;
text-decoration:underline;
}

a:visited.foot
{
font-size:10px;
color:#666666;
font-weight:500;
text-decoration:underline;
}

a:active.foot
{ 
font-size:10px;
color:#666666;
font-weight:500;
text-decoration:underline;
}

a:hover.foot
{
font-size:10px;
color: #990000;
font-weight:500;
text-decoration:none;
}

/*  

###################################

list success page 

###################################

*/

ul#success
{
list-style-type:square;
line-height:300%;
}

/* 

###################################

form style  

###################################

*/
input, textarea, option, select
{
background-color:#ffffff;
color: #666666;
border:solid 1px #999999;
font-family:verdana, arial, helvetica, sans-serif;
font-size:13px;
font-weight:800;
text-align:left;
}

fieldset
{
margin:10px;
border:none;
}

.form-button
{
background-color:#999999;
color: #ffffff;
font-family:verdana, arial, helvetica, sans-serif;
font-size:13px;
text-align:center;
width:200px;
font-weight:700;
height:18px;
}

.form-button-2
{
background-color:#ffffff;
color: #495677;
border:solid 1px #999999;
font-family:verdana, arial, helvetica, sans-serif;
font-size:13px;
text-align:center;
width:205px;
font-size:8pt;
font-weight:800;
}

input,option, select
{
text-align:left;
}

textarea
{
width:300px;
height:225px;
}

input
{
width:150px;
}

input:focus, textarea:focus,  submit:focus
{
background-color:#F0F0F0;
}

.small-field
{
width:150px;
}

.med-field
{
width:250px;
}

.required
{
color:#990000;
background-color:#ffffff;
font-weight:900;
}

.required-2
{
color:#990000;
background-color:#ffffff;
font-weight:500;
margin-left:5px;
height:50px;
}

.style-l
{
text-align:right;
white-space:nowrap;
}

.style-2
{
text-align:left;
white-space:nowrap;
}

.style-3
{
background-color:#ffffff;
}

.sub
{
padding:0px 20px 0px 20px;
}

/*  

###################################

table syle  

###################################

*/
th, td
{
vertical-align:top;
padding:8px;
white-space:nowrap;
font-weight:900;
}

table
{

margin-left:0px;
background-color:#ffffff;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:400;
line-height:120%;
color: #333333;
border:0px #cccccc solid;
}

/* 

###################################

misc styles  

###################################

*/
sup
{
vertical-align:35%;
}

hr
{
border: 3px dotted #cccccc;
width:90%;
text-align:center;
padding:0px;
}

.red
{
color:#990000;
background-color:#ffffff;
font-weight:900;
}

.red-high
{
color:#990000;
background-color:#FFFF99;
font-weight:900;
}

i.red
{
color:#990000;
background-color:#ffffff;
font-weight:900;
}

/*  

###################################

location  

###################################

*/
.location-left-1
{
line-height:200%;
padding:15px 0 30px 10px;
border-bottom:2px #cccccc dotted;
background-color:#ffffff;
color:#495677;
height:250px;
}

.location-left-1 h3
{
font-size:13px;
}

.location-left-2 h3
{
font-size:13px;
}

.location-left-2
{
line-height:200%;
padding:15px 0 30px 10px;
background-color:#ffffff;
color:#495677;
height:250px;
}

/*  

###################################

spacer   

###################################

*/
#spacer
{
line-height:100px;
padding-top:100px;
color:#ffffff;
font-size:2px;
}

/*  

###################################

spacer for landing page

###################################

*/
#spacer-2
{
line-height:25px;
padding-top:25px;
color:#ffffff;
font-size:2px;
border-bottom:2px #999999 dotted;
}

#form-spacer
{
line-height:200px;
border:0px #999999 dotted;
}

/*  

###################################

spacer for end of links sidebar

###################################

*/
#spacer-3
{
border-top:5px solid #cccccc;
}

/*  

###################################

claimed coffee

###################################

*/
.taken
{
color:#990000;
text-decoration:line-through;
}

/*  

###################################

address error pages

###################################

*/
address
{
color:#990000;
border-top:dotted;
border-width:2px;
border-color:#cccccc;
font-style:italic;
}

/*  

###################################

picture float

###################################

*/
#jkb
{
float:right;
padding:10px;
}

/*  

###################################

Block Quote

###################################

*/
blockquote
{
border-left:2px solid #cccccc;
padding-left:10px;
font-style:italic;
line-height:175%;
font-weight:600;
}

main,ul
{
list-style-type:square;
line-height:175%;
}
/*  

###################################

Button header

###################################

*/

.header-001
{
background-image:url(header-04.jpg);
background-repeat:no-repeat;
text-align:left;
padding-left:20px;
border:solid 0px #999999;
height:34px;
line-height:35px;
color:#660000;
font-family:arial;
font-weight:bold;
font-size:15px;
}

.header-002
{
border-bottom:#cccccc solid 2px;
text-align:left;
padding-left:20px;
height:34px;
line-height:35px;
color:#660000;
font-family:arial;
font-weight:bold;
font-size:15px;
}

.red-bar01
{
border-bottom:2px solid #CCCCCC;
margin: 0 auto;
width:870px; 
padding-top:20px;
}


.lft
{
vertical-align:top;
text-align:right;
width:100px
}

.rt
{
vertical-align:top;
text-align:left;
width:100px
}

.arrow-01
{
display: block;
margin-left:25px;
}

.location
{
margin-bottom:20px;
}