@charset "utf-8";
/* CSS Document */

/* CONTENT STYLES */
#content {
margin:5px 165px 0 218px;
width:542px;
padding:0 10px 0 10px;
font-size:12px;
background:#FFFFFF;
/*border-left:solid #CCCCCC 1px;
border-right:solid #CCCCCC 1px;*/
}

#content li {
padding:0 0 5px 0;
margin-bottom:5px;
}
#content h1 { /* Bold, black heading */
margin-top:0;
font-size:15px;
text-align:left;
}
#content h4 { /* Bold, black heading */
margin-top:0;
font-size:15px;
text-align:left;
}
#content h2 {margin-top:0; font-size:14px;}

#content h5 { /* Thin, red heading */
margin-top:0;
font-size:15px;
font-weight:normal;
text-align:left;
color:#ef3c39;
}

#content hr { /* Makes all hr look the same when used in the content area, unless otherwise specified by other styles */
width:95%;
color:#333333;
size:2px;
}

#contentHeaderIMG { /* Used around the header images at the top of pages */
margin:0 0 20px 0;
}

#contentColumn1 { /* Style used to make 2 columns of content on a page; This is the left column...See Property page as example */
width:250px;
float:left;
}

#contentColumn2 { /* Style used to make 2 columns of content on a page; This is the right column...See Property page as example */
width:250px;
float:right;
}

#contentColumn1 p a, #contentColumn2 p a {
line-height:20px;
font-size:10px;
}

#contentCallout { /* This is a box made inside the content area; Has blue, gradient that contains the h4 or h5 title; Floats left */
text-align:left;
float:left;
border:outset 3px #dcdcdc;
margin:0 3px 5px 0;
padding:2px 2px 5px 2px;
width:232px;
background:url(../../Images2/contentCalloutHdrBar_sm.jpg) no-repeat;
font-size:11px;
}

#contentCalloutFloatRight { /* Same as style above, but floats right */
text-align:left;
float:right;
border:outset 3px #dcdcdc;
margin:0 0 5px 3px;
padding:2px 2px 5px 2px;
width:232px;
background:url(../../Images2/contentCalloutHdrBar_sm.jpg) no-repeat;
font-size:11px;
}

#contentCallout h1, #contentCallout h5, #contentCalloutFloatRight h1, #contentCalloutFloatRight h5, #contentCalloutFullWidth h1, #contentCalloutFullWidth h5 {
color:#FFFFFF;
text-align:center;
margin-top:5px;
vertical-align:middle;
font-size:14px;
}

#contentCallout ul, #contentCalloutFloatRight ul, #contentCalloutFullWidth ul {
list-style:disc;
padding:0 0 0 10px;
margin:0 0 10px 10px;
}

#contentCallout li, #contentCalloutFloatRight li, #contentCalloutFullWidth li {
margin:0 0 0 0;
padding:0 0 5px 0;
}

#contentCalloutFullWidth { /* Makes a contentCallout that spans the width of the content area */
text-align:left;
border:outset 3px #dcdcdc;
margin:0 auto;
padding:2px 2px 2px 2px;
width:525px;
background:url(/Images2/contentCalloutHdrBarFULL_sm.jpg) no-repeat;
clear:right;
}

.verticalLine { /* Makes a solid, veritcal line; can be placed between two elements when one is floated right and the other left */
width:2px;
height:100px; 
margin:0 auto;
background:#CCCCCC;
}

.finePrint { /* This style can be used for things that you think of as "fine print" */
font-size:10px;
font-style:italic;
}

.floatLeft { /* Generic style used to float an element to the left */
float:left;
margin:0 5px 1px 0;
}

.floatRight { /* Generic style used to float an element to the right */
float:right;
margin:0 0 1px 5px;
}



.clearFloat { /* Use this style to force any element to appear below a floated element instead of wrapping around it */
clear:both;
}

.alignRight {
text-align:right;
}

/*------------------------ This section contains styles that are used only on unique pages or situations----------------------- */

.contentSpacer { /* Puts space between rows on the homepage */
height:5px;
margin-bottom:5px;
margin-left:10px;
margin-right:5px;
border-top:solid 1px #666666;
}

.contentImage { /* Image that is used on the homepage content area */
float:left;
margin-right:10px;
text-align:center;
width:120px;
}

#homeContent { /* homeContent is only used for the homepage stuff */
margin-top:20px;
/*font-family:Arial, Helvetica, sans-serif;
font-size:13px;*/
}

#homeContent h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin-bottom:12px;
}

/*#homeContent a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}*/

#homeContent p {
margin-left:130px;
text-align:left;
}

#content table {
margin:0px 0 10px 0;
}

#contentRedLight { /* Content style specifically made for the Red Light Cameras page */
background:#FFFFFF;
padding:10px;
}

#contentRedLight ul {
list-style-image:url(/products/p_c/auto/redlight/images/sun.jpg);
margin:0 0 0 20px;
}

#contentRedLight li {
padding-bottom:10px;
margin:5px 0 0px 0;
}

.centerImage {
text-align:center;
margin:10px 0;
}

.secureIDblue { /* Style used only on the secure ID page */
display:inline;
color:#668FAD;
font-weight:bold;
font-size:14px;
}

#cycleOrgsLink {
font-weight:bold;
text-decoration:underline;
margin-left:30px;
cursor:pointer;
display:inline;
}

#cycleOrgs {
display:none;
margin-left:6px;
}

/*---------------------------------------------Styles for the career page-----------------------------------*/
#content #info {
border:solid 1px #313a99;
}

#content #info a {
font-size:13px
}

#content #info p {
margin:0;
}

#content #info .titleCell {
font-weight:bold;
vertical-align:top;
width:37%;
}

#content #info .descCell {

}

#content #info .descTable {
margin-top:5px;
border:dashed 4px #dddddd;
}

#content #info ul {
margin-left:0;
padding-left:14px;
padding-top:0;
margin-top:0;
}

#accountingServicesDiv {
display:none;
}
#clickAccountingServices {
display:inline;
cursor:pointer;
}
#accountingServicesDivArrow {
background:url(/Images2/careerArrowRight.gif) no-repeat;
float:left;
width:10px;
height:13px;
margin:0 5px 0px 0;
}

#actuarialServicesDiv {
display:none;
}
#clickActuarialServices {
display:inline;
cursor:pointer;
}
#actuarialServicesDivArrow {
background:url(/Images2/careerArrowRight.gif) no-repeat;
float:left;
width:10px;
height:13px;
margin:0 5px 0px 0;
}

#claimsServicesDiv {
display:none;
}
#clickClaimsServices {
display:inline;
cursor:pointer;
}
#claimsServicesDivArrow {
background:url(/Images2/careerArrowRight.gif) no-repeat;
float:left;
width:10px;
height:13px;
margin:0 5px 0px 0;
}

#corporateActuarialDiv {
display:none;
}
#clickCorporateActuarial {
display:inline;
cursor:pointer;
}
#corporateActuarialDivArrow {
background:url(/Images2/careerArrowRight.gif) no-repeat;
float:left;
width:10px;
height:13px;
margin:0 5px 0px 0;
}

#divisionalSupportDiv {
display:none;
}
#clickDivisionalSupport {
display:inline;
cursor:pointer;
}
#divisionalSupportDivArrow {
background:url(/Images2/careerArrowRight.gif) no-repeat;
float:left;
width:10px;
height:13px;
margin:0 5px 0px 0;
}

#humanResourcesDiv {
display:none;
}
#clickHumanResources {
display:inline;
cursor:pointer;
}
#humanResourcesDivArrow {
background:url(/Images2/careerArrowRight.gif) no-repeat;
float:left;
width:10px;
height:13px;
margin:0 5px 0px 0;
}

#multipleLineInformationTechnologyServicesDiv {
display:none;
}
#clickMLITS {
display:inline;
cursor:pointer;
}
#multipleLineInformationTechnologyServicesDivArrow {
background:url(/Images2/careerArrowRight.gif) no-repeat;
float:left;
width:10px;
height:13px;
margin:0 5px 0px 0;
}

#multipleLineMarketingDiv {
display:none;
}
#clickMultipleLineMarketing {
display:inline;
cursor:pointer;
}
#multipleLineMarketingDivArrow {
background:url(/Images2/careerArrowRight.gif) no-repeat;
float:left;
width:10px;
height:13px;
margin:0 5px 0px 0;
}

#underwritingServicesDiv {
display:none;
}
#clickUnderwritingServices {
display:inline;
cursor:pointer;
}
#underwritingServicesDivArrow {
background:url(/Images2/careerArrowRight.gif) no-repeat;
float:left;
width:10px;
height:13px;
margin:0 5px 0px 0;
}
/*---------------------------------------------Styles for the calendar--------------------------------------*/
#all {
display:block;
background:#18206b;
padding:0px 0 1px 0;
margin-top:-7px;
}

#chrome {
display:none;
background:#18206b;
padding:0px 0 1px 0;
margin-top:-7px;
}

#americycle {
display:none; 
background:#18206b;
padding:0px 0 1px 0;
margin-top:-7px;
}

#travelstar {
display:none;
background:#18206b;
padding:0px 0 1px 0;
margin-top:-7px;
}

#safeharbor {
display:none;
background:#18206b;
padding:0px 0 1px 0;
margin-top:-7px;
}

#ag {
display:none;
background:#18206b;
padding:0px 0 1px 0;
margin-top:-7px;
}

#calTop {
height:15px;
background:#0000FF;
}

#calBottom {
height:15px;
background:#0000FF;
}

#calendar ul {
list-style:none;
margin:0 0 5px 0;
padding:0px;
/*white-space:nowrap;*/
}

#calendar li {
display:inline;
padding:0;
cursor:pointer;
width:90px;
/*margin-right:-4px;*/

}

#calendar table {
background:#FFFFFF;
border:#CCCCCC;
border-collapse:collapse;
}

#calendar td {
padding:5px;
border-top:none;
border-right:none;
border-left:none;

}

#calendar #header_row {
background:#CCCCCC;
}

#calendar th {
border-bottom:2px solid #000000;
background:#CCCCCC;
}

#calendar a {
font-size:10px;
}

#prevLink a {
visibility:visible;
font-size:12px;
}

#nextLink a {
visibility:visible;
font-size:12px;
}

#currentLink {
visibility:visible;
font-size:12px;
}

#currentLink a {
font-size:12px;
}

#yearLink a {
font-size:12px;
}

#clickall {
color:#FFFFFF;
font-weight:bold;
margin:0;
font-size:13px;
width:18px;
height:21px;
padding:10px 36px 5px 36px;
display:inline;
background:url(/Images2/calenderButtonPressed.jpg);
float:left;
border-bottom:solid 13px #18206b;
}

#clickchrome {
color:#FFFFFF;
font-weight:bold;
margin:0;
font-size:13px;
/*width:90px;
height:37px;*/
width:25spx;
height:21px;
padding:10px 28px 5px 28px;
display:inline;
background:url(/Images2/calendarButtonGeneric.jpg);
float:left;
border-bottom:solid 13px #18206b;
}

#clickamericycle {
color:#FFFFFF;
font-weight:bold;
font-size:13px;
/*width:90px;
height:37px;*/
width:80px;
height:21px;
padding:10px 5px 5px 5px;
display:inline;
background:url(/Images2/calendarButtonGeneric.jpg);
float:left;
border-bottom:solid 13px #18206b;
}

#clicktravelstar {
color:#FFFFFF;
font-weight:bold;
font-size:13px;
/*width:90px;
height:37px;*/
width:19px;
height:21px;
padding:10px 36px 5px 36px;
display:inline;
background:url(/Images2/calendarButtonGeneric.jpg);
float:left;
border-bottom:solid 13px #18206b;
}

#clicksafeharbor {
color:#FFFFFF;
font-weight:bold;
font-size:13px;
/*width:90px;
height:37px;*/
width:34px;
height:21px;
padding:10px 28px 5px 29px;
display:inline;
background:url(/Images2/calendarButtonGeneric.jpg);
float:left;
border-bottom:solid 13px #18206b;
}

#clickag {
color:#FFFFFF;
font-weight:bold;
font-size:13px;
/*width:90px;
height:37px;*/
width:77px;
height:21px;
padding:10px 7px 5px 6px;
display:inline;
background:url(/Images2/calendarButtonGeneric.jpg);
float:left;
border-bottom:solid 13px #18206b;
}

#calendarHeaderIMG {
height:187px;
background:url(/news_events/images/newsEventsHeader.jpg) no-repeat;
width:505px;
}

/*---------------------------------------------Styles used for car of the month pages--------------*/

.headerRight {
float:right;
margin:0 19px 0 0;
}
.headerLeft {
float:right;
margin:0 0 0 19px;
}

#headerText {
margin:0 0 35px 19px;
text-align:center;
}

#calloutContainer {
float:right;
}

/*-------------------------------------------Styles used for Agent Career page (testimonial)--------*/

#agentTestimonial {
border:solid 2px #CCCCCC;
background:#EEEEEE;
padding:7px;
}

/*------------------------------------------Style used for the "other sites" page------------------*/

#otherSites p {
margin:0 0 0 140px;
}

/*-----------------------------------------------------TESTIMONIALS STYLE RULES */
#testimonials {
border:solid 2px #CCCCCC;
}

#testimonials p {
margin-left:10px;
margin-right:10px;
}

.grayDiv {
background:#dedede;
}

#testimonials div {
padding:10px;
}