/* Young Insurance Professionals index pages */
/* v1.0 | 2009-08-12 */

a {
color:#0093D1;
text-decoration:none;
}

a:hover {
color:#0055A4;
text-decoration:underline;
}

h1 {
font-family: "Arial Black";
font-size:2em;
color:#999999;
margin-bottom:.75em;
padding:.1875em 30px .25em 30px;
border-bottom:solid thin #999999;
border-top:solid thin #999999;
}

h2{
font-family: "Arial Black";
font-size:1.5em;
color:#999999;
padding-left:60px;
padding-right:30px;
margin-bottom:.5em;
}

h3 {
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size:.75em;
line-height:1.125em;
color:#0093D1;
padding-left:60px;
padding-right:30px;
}

.page {
font-family: "Arial Black";
font-size:1.5em;
color:#999999;
margin-bottom:.5em;
padding-left:60px;
padding-right:30px;
}

.mail {
font-family: "Arial Black";
font-size:1.5em;
color:#999999;
margin-bottom:.5em;
padding-left:60px;
padding-right:30px;
text-align:center;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height: 1.5em;
color:#000000;
margin-bottom:.5em;
padding-left:60px;
padding-right:30px;
}

.index {
padding-left:0;
padding-right:0;
}

.noDisplay {
display:none;
}

div#splash {
width:800px;
margin-bottom:1.5em;
margin-top:0;
margin-left:auto;
margin-right:auto;
}

.wideRight {
width:480px;
float:left;
}

.narrowRight {
width:200px;
float:left;
}

.wideLeftt {
width:480px;
float:left;
margin-right:20px;
}

.narrowLeft {
width:200px;
float:left;
margin-right:20px;
}

.right {
margin:10px 0px 30px 30px;
float:right;
text-align:right;
}

.left {
margin:10px 30px;
float:left;
}

div#map_canvas {
margin:0 0 0 30px;
float:right;
}

.padding {
margin-top:.75em
}

fieldset {
border:1px solid #999999;
margin-left:60px;
margin-right:30px;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
line-height:20pt;
color:#000000;
padding:10px;
}

legend {
font-family: "Arial Black";
font-size:1em;
line-height:1.125em;
color:#999999;
}

/*Begin CALENDAR*/
.vcalendar {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height: 1.5em;
color:#000000;
margin-bottom:.5em;
}

.vevent {
margin-bottom:.75em;
padding-bottom:.75em;
padding-right:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}

.noLine {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.summary {
font-weight: bold;
}

a.url {
display:block;
float:right;
padding-top:1.5em;
}

a.uppercase {
display:block;
margin-bottom:.5em;
float:right;
text-transform:uppercase;
font-weight: bold;
}
/*End CALENDAR*/

/*Begin FOOTER*/
/*  Begin STICKY FOOTER SOLUTION by Steve Hatcher */
html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto;
min-height: 100%;
background-color: transparent; 
}

#content {
padding-bottom:150px; /* must be same height as the footer */
width:700px;
margin-left:auto;
margin-right:auto;
}

#footerOuter {
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;
background: url(/images/page-bkg.gif) bottom left repeat-x;
}

/* CLEAR FIX*/
.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 */
/*  End STICKY FOOTER SOLUTION by Steve Hatcher */

div#footerInner {
background: url(/images/portal-footer.gif) bottom left no-repeat;
height:150px;
width:706px;
margin-left:auto;
margin-right:auto;
padding-left:3px;
padding-right:3px;
}

div#contact {
font-family: "Arial Narrow";
color: #FFFFFF;
font-size:0.75em;
font-weight: bold;
text-align:center;
width:402px;
float:left;
margin-right:68px;
padding-top:130px;
}

div#contact a {
color: #FFFFFF;
text-decoration:none;
}

div#contact a:hover {
color: #FFFFFF;
text-decoration:underline;
}

div#copyright {
font-family: "Arial Narrow";
color: #999999;
font-size:0.75em;
font-weight: bold;
text-align:right;
width:230px;
float:left;
padding-top:119px;
}

div#copyright a {
color: #999999;
text-decoration:none;
}

div#copyright a:hover {
color: #999999;
text-decoration:underline;
}
/*End FOOTER*/