/*
-----------------------------------------------
[Pullen Insurance Services] Screen Stylesheet
Stylesheet:  global.css
Version:  1
Date:     08/15/07
Revision: 
----------------------------------------------- */

@import url("reset.css");

body {
	background: #cce5f7;
	color: #666666;
	text-align: center;
	font-size: 62.5%;
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;	
}

hr {
	clear: both;
	visibility: hidden;
}

/*LINKS*/

a:link {
	color: #247dbc;	
}

a:visited {
	text-decoration: underline;
	
}
 
/*CLASSES*/

.clear { position: relative; clear: both; }
.clr{clear:both}
.right { float: right; }
.left { float: left; }
.hidden { display: none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

span.date {
 display: block;
 font-weight: bold;	
}

/*LAYOUT*/

#container {
	width: 874px;
	margin: 0pt auto;
}

#masthead {
	background: url(imgs/masthead_bg.jpg) no-repeat;
	height: 125px;
	padding: 0 27px;
}

a#quote_btn {
	background: url(imgs/quote_btn.jpg) no-repeat;
	width: 209px;
	height: 50px;
	margin: 45px 0 0 0;
	float: right;
	text-indent: -1000px;
	overflow: hidden;	
}

a#quote_btn:hover {
	background: transparent url(imgs/quote_btn.jpg) 0 -50px no-repeat;
	}
#content {
	background: url(imgs/content_bg.jpg) repeat-y;
	padding: 0 27px;
	margin: 0;
}
#column_1 {
	width: 236px;
	float: left;
	padding: 10px 0 0 2px;
}

#column_2 {
	width: 572px;
	float: left;
	padding: 110px 0 0 10px;
}

#column_2a {
	width: 572px;
	float: left;
	padding: 10px 0 0 10px;
}

#home_page #column_1 {
	background: url(imgs/edge.jpg) no-repeat right;
	width: 507px;
	float: left;
	padding: 5px 0 0 13px;
}

#home_page #column_2 {
	width: 270px;
	float: left;
	padding: 20px 0 0 30px;
}

#footer {
	background: url(imgs/footer_bg.jpg) no-repeat;
	height: 29px;
	width: 802px;
	padding: 6px 36px 0;
	clear: both;
}

#footer p {
	margin: 0;
	font-size: 1.1em;
	line-height: 1em;
}
#credit {
	color: #f83f3f;
	float: right;
}
#credit a{
	color: #f83f3f;
	text-decoration: none;
}
#credit a:hover{
	text-decoration: underline;
}
#copy{
	color: #247dbc;	
}

/* @group Nav */
/*NAVIGATION*/

#nav {
	background: url(imgs/nav.jpg) no-repeat;
	width: 820px;
	height: 30px;
	margin: 0;
	padding: 0;
	position: relative;	
	text-indent: -1000px;
	overflow: hidden;
}

#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
    
#nav li, #nav a {
    height: 30px; display: block;}

#nav_about{
	left: 0;
	width: 188px;
}

#nav_about a:hover {
     background: transparent url(imgs/nav.jpg) 0 -30px no-repeat;
}

#nav_about a.active {
     background: transparent url(imgs/nav.jpg) 0 -30px no-repeat;
}

#nav_contact{
	left: 189px;
	width: 184px;
}

#nav_contact a:hover {
     background: transparent url(imgs/nav.jpg) -189px -30px no-repeat;
}

#nav_contact a.active {
     background: transparent url(imgs/nav.jpg) -189px -30px no-repeat;
}

#nav_employ{
	left: 372px;
	width: 205px;
}

#nav_employ a:hover {
     background: transparent url(imgs/nav.jpg) -372px -30px no-repeat;
}

#nav_employ a.active {
     background: transparent url(imgs/nav.jpg) -372px -30px no-repeat;
}

#nav_risk{
	left: 577px;
	width: 247px;
}

#nav_risk a:hover {
     background: transparent url(imgs/nav.jpg) -577px -30px no-repeat;
}

#nav_risk a.active {
     background: transparent url(imgs/nav.jpg) -577px -30px no-repeat;
}

/*SUB NAVIAGTION*/

#sub_nav{
	background: url(imgs/sub_nav.jpg) no-repeat;
	height: 226px;
	width: 236px;
	margin: 0 2px 0 0;
	padding: 0;
	position: relative;	
	list-style-type: none;
    text-indent: -1000px;
	overflow: hidden;
}

#sub_nav li {
    margin: 0; padding: 0; list-style: none;
    position: relative; top: 0;}
    
#sub_nav li, #sub_nav a {
   width: 236px; display: block;}
    
#sub_1 a{
height: 40px;
}
 
 #sub_1 a:hover {
     background: transparent url(imgs/sub_nav.jpg) 0 -226px no-repeat;
}  
 
  #sub_1 a.active {
     background: transparent url(imgs/sub_nav.jpg) 0 -226px no-repeat;
} 

#sub_2 a{
	top: -40px;
	height: 28px;
}
 
#sub_2 a:hover {
     background: transparent url(imgs/sub_nav.jpg) 0 -266px no-repeat;
} 

#sub_2 a.active {
     background: transparent url(imgs/sub_nav.jpg) 0 -266px no-repeat;
} 

#sub_3 a{
	top: -68px;
	height: 28px;
}
 
#sub_3 a:hover {
     background: transparent url(imgs/sub_nav.jpg) 0 -294px no-repeat;
}

#sub_3 a.active {
     background: transparent url(imgs/sub_nav.jpg) 0 -294px no-repeat;
}

#sub_4 a{
	top: -96px;
	height: 28px;
}
 
#sub_4 a:hover {
     background: transparent url(imgs/sub_nav.jpg) 0 -322px no-repeat;
}

#sub_4 a.active {
     background: transparent url(imgs/sub_nav.jpg) 0 -322px no-repeat;
}

#sub_5 a{
	top: -124px;
	height: 28px;
}
 
#sub_5 a:hover {
     background: transparent url(imgs/sub_nav.jpg) 0 -350px no-repeat;
     }
     
#sub_5 a.active {
     background: transparent url(imgs/sub_nav.jpg) 0 -350px no-repeat;
     }
     
#sub_6 a{
	top: -152px;
	height: 28px;
}
 
#sub_6 a:hover {
     background: transparent url(imgs/sub_nav.jpg) 0 -378px no-repeat;
     }

#sub_6 a.active {
     background: transparent url(imgs/sub_nav.jpg) 0 -378px no-repeat;
     }
          
#sub_7 a{
	top: -180px;
	height: 28px;
}
 
#sub_7 a:hover {
     background: transparent url(imgs/sub_nav.jpg) 0 -406px no-repeat;
     }
     
#sub_7 a.active {
     background: transparent url(imgs/sub_nav.jpg) 0 -406px no-repeat;
     }     
     
#sub_nav2{
	background: url(imgs/sub_nav2.jpg) no-repeat;
	height: 226px;
	width: 236px;
	margin: 0 2px 0 0;
	padding: 0;
	position: relative;	
	list-style-type: none;
    text-indent: -1000px;
	overflow: hidden;
}

#sub_nav2 li {
    margin: 0; padding: 0; list-style: none;
    position: relative; top: 0;}
    
#sub_nav2 li, #sub_nav2 a {
   width: 236px; display: block;}
    
#sub2_1 a{
height: 40px;
}
 
 #sub2_1 a:hover {
     background: transparent url(imgs/sub_nav2.jpg) 0 -226px no-repeat;
}  
 
  #sub2_1 a.active {
     background: transparent url(imgs/sub_nav2.jpg) 0 -226px no-repeat;
} 

#sub2_2 a{
	top: -40px;
	height: 28px;
}
 
#sub2_2 a:hover {
     background: transparent url(imgs/sub_nav2.jpg) 0 -266px no-repeat;
} 

#sub2_2 a.active {
     background: transparent url(imgs/sub_nav2.jpg) 0 -266px no-repeat;
} 

#sub2_3 a{
	top: -68px;
	height: 28px;
}
 
#sub2_3 a:hover {
     background: transparent url(imgs/sub_nav2.jpg) 0 -294px no-repeat;
}

#sub2_3 a.active {
     background: transparent url(imgs/sub_nav2.jpg) 0 -294px no-repeat;
}

#sub2_4 a{
	top: -96px;
	height: 28px;
}
 
#sub2_4 a:hover {
     background: transparent url(imgs/sub_nav2.jpg) 0 -322px no-repeat;
}

#sub2_4 a.active {
     background: transparent url(imgs/sub_nav2.jpg) 0 -322px no-repeat;
}

#sub2_5 a{
	top: -124px;
	height: 28px;
}
 
#sub2_5 a:hover {
     background: transparent url(imgs/sub_nav2.jpg) 0 -350px no-repeat;
     }
     
#sub2_5 a.active {
     background: transparent url(imgs/sub_nav2.jpg) 0 -350px no-repeat;
     }
     
#sub2_6 a{
	top: -152px;
	height: 28px;
}
 
#sub2_6 a:hover {
     background: transparent url(imgs/sub_nav2.jpg) 0 -378px no-repeat;
     }

#sub2_6 a.active {
     background: transparent url(imgs/sub_nav2.jpg) 0 -378px no-repeat;
     }
          
#sub2_7 a{
	top: -180px;
	height: 28px;
}
 
#sub2_7 a:hover {
     background: transparent url(imgs/sub_nav2.jpg) 0 -406px no-repeat;
     }
     
#sub2_7 a.active {
     background: transparent url(imgs/sub_nav2.jpg) 0 -406px no-repeat;
     }     
     
/* @end */

/* @group Type */
	
/*TYPOGRAHY*/

h1 a {
	background: url(imgs/logo.jpg) no-repeat;
	width: 204px;
	height: 106px;
	float: left;
	margin: 13px 0 0 0;
	text-indent: -1000px;
	overflow: hidden;
}
	
h2
	{
	font-size: 2.0em; /* Equivalent to 20pt */
}
	
h3
	{
	font-size: 1.8em; /* Equivalent to 18pt */
}
	
h4
	{
	font-size: 1.6em; /* Equivalent to 18pt */
}
	
h5
	{
	font-size: 1.4em; /* Equivalent to 14pt */
	color:#247DBC;
	font-weight:bold;
	padding-bottom:4px;
}
	
h6
	{
	font-size: 2.0em; /* Equivalent to 20pt */
	color:#247DBC;
	font-weight:bold;
	padding-bottom:4px;
}
	
p, q, cite
	{
	font-size: 1.2em; /* Equivalent to 12pt */
}

ul, dl
	{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}

li, dd, dt	{
	font-size: 1.2em; /* Equivalent to 12pt */	
}

pre, blockquote, fieldset, table {
margin:1em 0;
}
p{	margin:0px 0px 15px;
	padding:0px;

}
ul, ol {
  display: block;
  margin: 1em 0;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

ul.list li {
	background: url(imgs/bullet.jpg) no-repeat;
	font-size: 1.2em;
	line-height: 22px;
	margin:0 44px 0 0;
	padding: 0 0 0 18px;
}

ol {
	list-style-type: decimal;
	margin-left: 1.8em;
}
#youth_page p.left {
	float: left;
	margin-right:100px;
	padding: 0 0 0 20px;
}
#youth_page p.left_hd {
	float: left;
	margin-right: 180px;
	padding: 10px 0 0 0;
}

.indent {
	padding: 0 0 0 20px;
}
.pdf li {
	margin: .5em 0;
}
.pdf li a{
	background: url(imgs/adobe.gif) no-repeat top right;
	padding: 5px 15px 0 0;
	font-size: .9em;
}

.center {
	margin: 0 0 0 80px;
}

/* @end */

/*FORMS*/

#contactform { width:420px;font-size: 1.2em;margin-top:10px; }
.contactinfo { float:left; clear:left;margin-top:10px; width:380px; }
.contactinfo input { float:right; width:220px; background:#FCFBF0;}
.contactinfo textarea { float:right; margin:0px;}
input { color: #4A5D6D; background: #FCFBF0; border: 1px solid; margin-bottom:5px;}
textarea {font-size: 11px;  color: #4A5D6D; font-family:Arial, Helvetica, sans-serif; background:#FCFBF0; border: 1px solid; margin:-10px 0px 10px; padding:0px;}
button{font-size: 11px; color: #4A5D6D; border: 1px solid;background:#FCFBF0;}

#youthform { width:420px;font-size: 1.2em;margin-top:10px; }
.youthinfo { float:left; clear:left;margin-top:10px; width:400px; }
.youthinfo input { float:right; width:220px; background:#FCFBF0;}
.youthinfo textarea { float:right; margin:0px;}
input { color: #4A5D6D; background: #FCFBF0; border: 1px solid; margin-bottom:5px;}
textarea {font-size: 11px;  color: #4A5D6D; font-family:Arial, Helvetica, sans-serif; background:#FCFBF0; border: 1px solid; margin:-10px 0px 10px; padding:0px;}
button{font-size: 11px; color: #4A5D6D; border: 1px solid;background:#FCFBF0;}


#coieditform { width:420px;font-size: 1.2em;margin-top:10px; }
.coieditinfo { float:left; clear:left;margin-top:10px; width:380px; }
.coieditinfo input { float:right; width:220px; background:#FCFBF0;}
.contactinfo textarea { float:right; margin:0px;}
input { color: #4A5D6D; background: #FCFBF0; border: 1px solid; margin-bottom:5px;}
select { color: #4A5D6D; background: #FCFBF0; border: 1px solid; margin-bottom:5px;}
textarea {font-size: 11px;  color: #4A5D6D; font-family:Arial, Helvetica, sans-serif; background:#FCFBF0; border: 1px solid; margin:-10px 0px 10px; padding:0px;}
button{font-size: 11px; color: #4A5D6D; border: 1px solid;background:#FCFBF0;}

#getaquote { width:572px;font-size: 1.2em;margin-top:10px; }

/*IMAGES*/

#flashcontent {
	float: left;
	width: 582px;
	height: 226px;
	margin: 0;
	padding: 0;
}

/*SUB PAGE BANNERS 
Add an id to the body of each page. Then target column_2 by #page and #colunm_2 to add banner for each page. */

#about_page #column_2 {
	background: url(imgs/about_banner.jpg) no-repeat top;
}
#contact_page #column_2 {
	background: url(imgs/contact_banner.jpg) no-repeat top;
}
#employ_page #column_2 {
	background: url(imgs/employ_banner.jpg) no-repeat top;
}
#manage_page #column_2 {
	background: url(imgs/manage_banner.jpg) no-repeat top;
}
#quote_page #column_2 {
	background: url(imgs/quote_banner.jpg) no-repeat top;
}
#association_page #column_2 {
	background: url(imgs/association_banner.jpg) no-repeat top;
}
#camps_page #column_2 {
	background: url(imgs/camps_banner.jpg) no-repeat top;
}
#tournement_page #column_2 {
	background: url(imgs/tournement_banner.jpg) no-repeat top;
}
#sport_page #column_2 {
	background: url(imgs/sport_banner.jpg) no-repeat top;
}
#youth_page #column_2 {
	background: url(imgs/director_banner.jpg) no-repeat top;
}
#director_page #column_2 {
	background: url(imgs/youth_banner.jpg) no-repeat top;
}
#COI_Login #column_2 {
	background: url(imgs/director_banner.jpg) no-repeat top;
}
/*HEADINGS*/

#wel_hd {
	background: url(imgs/welcome_head.jpg) no-repeat;
	width: 132px;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;	
}

#new_hd {
	background: url(imgs/news_head.jpg) no-repeat;
	width: 94px;
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;	
}

#about_hd {
	background: url(imgs/about_head.jpg) no-repeat;
	width: 79px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;	
}

#mission_hd{
	background: url(imgs/mission_head.jpg) no-repeat;
	width: 148px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
}

#client_hd {
	background: url(imgs/client_head.jpg) no-repeat;
	width: 161px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;	
}
#thankyou_hd {
	background:url(imgs/thankyou_h.gif) no-repeat;
	width: 89px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;	
}
#youth_hd {
	background:url(imgs/youth_h.gif) no-repeat;
	width:137px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;	
}