/* css information
--------------------------------------------------------
	Toole Insurance Agency:      		screen stylesheet
	author:         					www.studiotwo.com
	updated:        					November 2007

	
-------------------------------------------------------- */



/*
***************************************

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	background: #010100 url(../images/background-brown.jpg) repeat-x bottom left fixed;
	line-height: 1.2em; 
	font: 12pt Arial, verdana, Helvetica, Geneva, sans-serif;  
	margin: 0pt 0 20pt 0;
	padding: 0;
	min-width: 800pt;
}

img  {
	border-width: 0
}
a, a:link,  a:visited  {
	color: #8e2503;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}	
a:hover   {
	
	color: #7a0232; 
	text-decoration: underline;
}

h1   {
	color: #771e00;
	text-align: left;
	font: 20pt arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0pt;
}
.header {font-size: 11pt; font-weight: bold; color: #999999; text-transform: uppercase; }


h2   {
	color: #033769;
	text-align: left;
	font: 15pt arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	

}

h3    {
	color: #033769;
	text-align: left;
	font: 13pt arial, sans-serif;
	font-weight: bold;
	text-transform:capitalize;

}

ul {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	ol {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	
li {
	padding-left: 10pt;
	line-height: 1.1em;
	margin: .3em;
	list-style-type: disc;

	}
td {
	vertical-align: top; 
	text-align: left;
	}

hr {color:#d7d7d7;}



/*

***************************************

	LAYOUT RULES

***************************************

*/



#wrap {
	width: 1015pt;
	margin: 0 auto;	
	color: #32130a;
	background-color: #ffffff;
	
}

#header {
	width: 964pt;
	height: 114pt;
	margin: 0pt auto 0pt auto;	
	background: transparent url(../images/header-back.jpg) top left no-repeat; 
	padding-top: 10pt;
	
	}
#logo {
	width: 315pt; 
	height: 87pt; 
	left: 0pt;
	float: left;
		padding-top: 10pt;
	
}	
	
div#nav {	width: 627pt; 
	height: 87pt; 
	/*margin-left: 318pt;*/
	margin-top: 0pt;
	text-align: right;
	float: left;
	margin-left: 15pt;
	
	}
div#navigation {
	width: 627pt; 
	height: 37pt; 
	margin-top: 18pt;
	text-align: right;
	
	}
	
#navtertiary {
	/*right: 10pt;
	top: 9pt;
	width: 590pt;
	height: 10pt;*/
	text-align: right;
	margin-top: 13pt;
	font-size: 11pt;
}	
#navtertiary a:link {
	font-size: 11pt;
	color: #59330c;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(../images/tertiary-divider.gif) 2pt 2pt no-repeat; 
	padding: 0 8pt 8pt 10pt;
}

#navtertiary a:visited {
	font-size: 11pt;
	color: #59330c;
	background: transparent url(../images/tertiary-divider.gif) 2pt 2pt no-repeat; 
	font-weight: bold;
	text-decoration: none;
	padding: 0 8pt 8pt 10pt;
}

#navtertiary a:hover {
	text-decoration: underline;
	color: #912d0b;
}
	
/*div#navigationlinks {
	padding: 12pt 0pt 0 5pt; 
	text-align: center;
	}
div#navigationlinks a:link {
	padding: 0pt 10pt 0pt 8pt; 
	text-transform: uppercase; 
	font-size: 12pt; color: #979797; 
	font-weight: bold;
	}
div#navigationlinks a:visited {
	padding: 0pt 10pt 0pt 8pt; 
	text-transform: uppercase; 
	font-size: 12pt; 
	color: #979797; 
	font-weight: bold;
	}

div#navigationlinks a:hover {
	color: #7a0232; 
	text-decoration: none;
	}
.here {
	color: #7a0232;
	}*/


#photomain {
	width: 964pt;
	height: 180pt;
	margin: 0 auto;	
	
}
#photomainhome {
	width: 964pt;
	height: 303pt;
	margin: 0 auto;	
	
}



#content {
	width: 964pt; 
	margin: 0pt auto 0 auto; 
	background-color: transparent;
	text-align: center;
	padding: 0pt 0 0 0;
	
}


div#left {
	padding: 10pt;
    width: 176pt;
    float: left;
	text-align: left;
	padding: 10pt 10pt 0pt 10pt;
		}
		
		
div#center {
	padding: 25pt 10pt 0pt 10pt;
    margin-left: 210pt;
    margin-right: 225pt;
	text-align: left;
	line-height: 1.4em;
	/*font-size: 11pt;*/
	
	}
div#right { 
	padding: 10pt 10pt 0pt 10pt;
    width: 175pt;
    float: right;
	}
div#rightad {	
	font-size: 11pt; 
	color: #32130a;
	text-align: left;
	padding-bottom: 10pt;
	margin-bottom: 10pt;
	}	
div#rightad h1 {
	color: #7f490d;
	border-top: 1pt dotted #999966;
	font-size: 14pt;
	font-weight: bold;
	margin-top: 15pt;
		padding-top: 10pt;
	margin-bottom: 3pt;
	
	
	}	
div#centercontent {
	padding: 0pt 0pt 20pt 0pt;
	}
div#leftcontent {
	padding: 10pt 0pt 20pt 0pt;
	}
div#rightcontent {
	padding: 20pt 0pt 20pt 0pt;
	}

div#leftnav {
	text-align: left; 
	width: 160pt;
	background: transparent url(../images/leftnav-back.gif) top left no-repeat; 
	padding: 10pt;
	
	
}
div#leftnav h1 {
	font-weight: bold;
	font-size: 13pt;
	color: #8e2503;
	margin-bottom: 3pt;
}

div#leftnav a:link {
	text-decoration: none; 
	background: transparent url(../images/arrow-red.gif) 0pt 10pt no-repeat; 
	
	font-size: 11pt; 
	padding: 6pt 6pt 6pt 9pt; 
	display: block; 
	color: #8e2503;
	font-weight: normal;
	}
div#leftnav a:visited {
	text-decoration: none; 
	background: transparent url(../images/arrow-red.gif) 0pt 10pt no-repeat; 
	
	font-size: 11pt; 
	padding: 6pt 6pt 6pt 9pt; 
	display: block; 
	color: #8e2503;
	font-weight: normal;
	}
div#leftnav a:hover {  
	color: #912d0b; text-decoration: underline;
	}


/*
***************************************

	FOOTER DIVS

***************************************
*/
div#footer        {
	clear: both;
	margin-left: auto; 
	margin-right: auto; 
	width: 964pt;  
	font-size: 10pt;  
	padding: 10pt 0pt 0pt 0pt; 
	text-align: center;
	color: #898989;
	border-top: 1pt solid #cccccc;
	height: 15pt;
	}
#copyright {
	padding-left: 10pt;
	text-align: right;  
	width: 400pt;  
	float: left; 
	margin-left: 25pt;}
#footerlinks {	
	text-align: left; 
	padding-right: 10pt; 
	float:left; width: 500pt; }	
	
#footerlinks a:link {
	padding: 0 10pt 0 12pt; 
	color: #ab9884; 
	border-left: 1pt dotted #2f1c11;
	font-weight: bold;
	}
#footerlinks a:visited {
	padding: 0 10pt 0 12pt; 
	color: #ab9884; 
	border-left: 1pt dotted #2f1c11;
		font-weight: bold;
	
	}
#footerlinks a:hover {color: #912d0b;text-decoration: underline; }

div#footercurve        {
	color: #ffffff;
	background: transparent url(../images/bottom-curve.gif) top left no-repeat; 
	width: 1015pt;  
	margin: 0 auto;
	text-align: center;

	}	
	
	
	/*
***************************************

	ADS on homepage

***************************************
*/

div#ads {	
	font-size: 11pt; 
	color: #32130a;
	text-align: left;
	background-color: #ffffff;
	width: 964pt;  
	padding-bottom: 20pt;
	margin: 0 auto;
	}	

div#ads h1 {
	color: #9a5f01;
	font-size: 15pt;
	font-weight: bold;
	margin-top: 0pt;
		padding-top: 0pt;
	margin-bottom: 0pt;
	
	}
.ads {/* border-left: 1pt dotted #d6d6c7;border-right: 1pt dotted #d6d6c7;*/
	float: left;	
	padding-left: 20pt; 
	padding-right: 20pt;
	width: 28%; 
	margin: 20pt 0pt 20pt 0;
	}	
	.thumb {float: right; border: 3pt solid #c4c2c5; margin-left: 4pt;}
/*div#ad1 {
	padding: 10pt;
    width: 176pt;
    float: left;
	text-align: left;
	padding: 10pt 10pt 0pt 10pt;
		}
		
		
div#ad2 {
	padding: 10pt 10pt 0pt 10pt;
    margin-left: 210pt;
    margin-right: 225pt;
	text-align: left;
	line-height: 1.4em;
	
	
	}
div#ad3 { 
	padding: 10pt 10pt 0pt 10pt;
    width: 175pt;
    float: right;
	}*/

/*

/*
***************************************

	CLASS RULES

***************************************
*/

.break {clear: both}
.bold {font-weight: bold; }
.dottedLine {border-bottom: 1pt dotted #999999;  }
.italic {font-style: italic;}
.uppercase {font-weight: bold; text-transform: uppercase; color: #860042;}
.subtitle {font-style: italic; color: #033769; font-size: 10pt; line-height: .9em;}
.bluetext {color: #033769; font-size: 12pt; font-style: italic;} 
.greytext {font-size: 12pt; color: #878787; font-style: italic;} 
.sup {
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}

.suptitle {
	position: relative;
	bottom: 0.5em;
	font-size: 0.6em;
}

/*

***************************************

	MAIN NAVIGATION RULES

***************************************

*/


#navigation {
	/*width: 559pt;
		height: 33pt;
	border: 0pt;
	padding: 0pt 0 0 0;
	margin: 0;
	float: right;
	text-align: right;
	background-color: transparent;*/
		width: 627pt; 
	height: 37pt; 
	margin-top: 18pt;
	text-align: right;
	
	
	}



#navigation ul	{
	width: 627pt;
	height: 37pt;
	margin: 0;
	padding: 0;
	position: relative;
	background: transparent url(../images/navigation.gif) top left no-repeat;
	border: 0;
	}
	
	

#navigation ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: absolute;
	top: 0pt;
	}

#navigation ul li, #navigation a	{
	height: 37pt;
	display: block;
	border:0;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li a {
	text-decoration: none;
	text-indent: -9999pt;
	color: #613d26;
	}	

#n1 {	position: absolute; left: 50pt ; width: 130pt;}
#n2 {	position: absolute; left: 225pt ; width: 130pt;}
#n3 {	position: absolute; left: 400pt ; width: 80pt;}
#n4 {	position: absolute; left: 520pt ; width: 40pt;}



#n1 a:hover {background: transparent url(../images/navigation.gif) -50pt -37pt no-repeat;}
#n2 a:hover {background: transparent url(../images/navigation.gif) -225pt -37pt no-repeat;}
#n3 a:hover {background: transparent url(../images/navigation.gif) -400pt -37pt no-repeat;}
#n4 a:hover {background: transparent url(../images/navigation.gif) -520pt -37pt no-repeat;}