/* 
UNUM CSS Stylesheet
Developed for UNUM Annual Report
v.1
*/

/*YUI 2: Reset CSS*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a:active, a:focus{outline: 0;}


/* UNUM General Styles */

.anchor{
position: absolute;
width: 50px;
height: 50px;
top:570px;
}

body{
font-family: Tahoma, Arial, sans-serif;
}

.clear{clear: both;}

.wrap{
width: 960px;
margin: 0 auto;
position: relative;
}

.jimeh{margin-top:34px;} 

.italic{font-style: italic;}
.bold{font-weight: bold;}


/* The Top Bar  */
#topbar{
background: url(../images/top_bar_bg.jpg) repeat-x;
height: 43px;
position: relative;
width: 100%;
}

#dl-fr{
background: url(../images/dl-fullreport.png) no-repeat;
height: 35px;
width: 258px;
display: block;
text-indent: -9999px;
margin: 0 auto;
position: absolute;
right: 123px;
}

#dl-fr:hover{background: url(../images/dl-fullreport_over.png);}


/* Header */
#logo{
width: 173px;
height: 83px;
background: url(../images/logo.gif)  no-repeat;;
}

#logo a{
display: block;
width: 173px;
height: 83px;
text-decoration: none;
border: 0;
}

h1{
text-indent: -9999px;
margin-left: 75px;
margin-top: 25px;
display: block;
float: left;
}

/* Main Navigation */

#nav{float: right;}

#nav ul li{
display: block;
float: left;
border-left: 1px solid #3b3b3b;
width: 94px;
overflow:  visible;
position: relative;
text-indent: -9999px;
}

#nav ul li a{
display: block;
width: 94px;
height: 105px;
overflow:  visible;
}

#nav ul li:hover{border-left: 1px solid #3e593e;}


/* Drop down */
#nav li ul {
	position: absolute;
	width: 10em;
	left: -99999px;
}
#nav li ul li {
	height: 25px;
	text-indent: 0;
	background: #2c2c2c;
	padding-left: 6px;
	border-bottom: 1px solid #3b3b3b;
	width: 88px;
	border-right: 1px solid #3b3b3b;
	
}
#nav li ul li:hover{border-bottom: 1px solid #3e593e;border-right: 1px solid #3e593e;}
#nav li ul li a {
	text-indent: 0;
	color: #b7b7b7;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	height: 25px;
}
#nav li ul li a:hover{ color: #72af72}
#nav li:hover ul {left: auto; margin-left: -1px;}
#nav li:hover ul, #nav li.sfhover ul {left: 0;}

/********* Top Nav Hover Images *********/

#nav1{background: url(../images/mainnav/nav1.jpg);}
#nav1:hover{background: url(../images/mainnav/nav1_over.jpg);}
#nav2{background: url(../images/mainnav/nav2.jpg);}
#nav2:hover{background: url(../images/mainnav/nav2_over.jpg);}
#nav3{background: url(../images/mainnav/nav3.jpg);}
#nav3:hover{background: url(../images/mainnav/nav3_over.jpg);}
#nav4{background: url(../images/mainnav/nav4.jpg);}
#nav4:hover{background: url(../images/mainnav/nav4_over.jpg);}
#nav5{background: url(../images/mainnav/nav5.jpg);}
#nav5:hover{background: url(../images/mainnav/nav5_over.jpg);}
#nav6{background: url(../images/mainnav/nav6.jpg);}
#nav6:hover{background: url(../images/mainnav/nav6_over.jpg);}
#nav7{background: url(../images/mainnav/nav7.jpg);}
#nav7:hover{background: url(../images/mainnav/nav7_over.jpg);}

#ceo-message1 #nav1{background: url(../images/mainnav/nav1_over.jpg);}
#ceo-message2 #nav1{background: url(../images/mainnav/nav1_over.jpg);}
#ceo-message3 #nav1{background: url(../images/mainnav/nav1_over.jpg);}
#ceo-message4 #nav1{background: url(../images/mainnav/nav1_over.jpg);}
#ceo-message5 #nav1{background: url(../images/mainnav/nav1_over.jpg);}

#bsb #nav2{background: url(../images/mainnav/nav2_over.jpg);}
#ob #nav3{background: url(../images/mainnav/nav3_over.jpg);}
#ff #nav4{background: url(../images/mainnav/nav4_over.jpg);}
#oad #nav5{background: url(../images/mainnav/nav5_over.jpg);}
#f #nav6{background: url(../images/mainnav/nav6_over.jpg);}
#si #nav7{background: url(../images/mainnav/nav7_over.jpg);}


/* Bottom Nav  */

#bottomnav{float: right;}

#bottomnav ul li{
display: block;
float: left;
border-left: 1px solid #3b3b3b;
width: 94px;
height: 105px;
position: relative;
text-indent: -9999px;
}

#bottomnav ul li a{
display: block;
width: 94px;
height: 105px;
text-indent: -9999px;
}

/* Drop Up */

#bottomnav ul li:hover{border-left: 1px solid #3e593e;}

#bottomnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	margin-top: -183px;
	height: 78px;
}
#bottomnav li ul li {
	height: 25px;
	text-indent: 0;
	background: #2c2c2c;
	padding-left: 6px;
	border-top: 1px solid #3b3b3b;
	width: 88px;
	border-right: 1px solid #3b3b3b;
}
#bottomnav li ul li:hover{border-top: 1px solid #3e593e;border-right: 1px solid #3e593e;}
#bottomnav li ul li a {
	text-indent: 0;
	color: #b7b7b7;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	height: 25px;
}
#bottomnav li ul li a:hover{ color: #72af72}
#bottomnav li:hover ul {left: auto;margin-left: -1px;}
#bottomnav li:hover ul, #bottomnav li.sfhover ul {left: 0;}


/********* Bottom Nav Hover Images *********/

#bottomnav{margin-right: 215px;}

#bnav1{background: url(../images/bottomnav/nav1.png);}
#bnav1:hover{background: url(../images/bottomnav/nav1_over.png);}
#bnav2{background: url(../images/bottomnav/nav2.png);}
#bnav2:hover{background: url(../images/bottomnav/nav2_over.png);}
#bnav3{background: url(../images/bottomnav/nav3.png);}
#bnav3:hover{background: url(../images/bottomnav/nav3_over.png);}
#bnav4{background: url(../images/bottomnav/nav4.png);}
#bnav4:hover{background: url(../images/bottomnav/nav4_over.png);}
#bnav5{background: url(../images/bottomnav/nav5.png);}
#bnav5:hover{background: url(../images/bottomnav/nav5_over.png);}
#bnav6{background: url(../images/bottomnav/nav6.png);}
#bnav6:hover{background: url(../images/bottomnav/nav6_over.png);}
#bnav7{background: url(../images/bottomnav/nav7.png);}
#bnav7:hover{background: url(../images/bottomnav/nav7_over.png);}

#ceo-message1 #bnav1{background: url(../images/bottomnav/nav1_over.png);}
#ceo-message2 #bnav1{background: url(../images/bottomnav/nav1_over.png);}
#ceo-message3 #bnav1{background: url(../images/bottomnav/nav1_over.png);}
#ceo-message4 #bnav1{background: url(../images/bottomnav/nav1_over.png);}
#ceo-message5 #bnav1{background: url(../images/bottomnav/nav1_over.png);}

#bsb #bnav2{background: url(../images/bottomnav/nav2_over.png);}
#ob #bnav3{background: url(../images/bottomnav/nav3_over.png);}
#ff #bnav4{background: url(../images/bottomnav/nav4_over.png);}
#oad #bnav5{background: url(../images/bottomnav/nav5_over.png);}
#f #bnav6{background: url(../images/bottomnav/nav6_over.png);}
#si #bnav7{background: url(../images/bottomnav/nav7_over.png);}

/* Footer Styles */
#footer{
background: url(../images/foot_back.jpg) repeat-x;
height: 266px;
padding-top: 2px;
position: relative;
}

#footlogo{
background: url(../images/bottom_logo.jpg);
width: 221px;
height:47px;
bottom: -112px;
left: 350px;
position: absolute;
}


/* Home Page */
#home #main{
background: url(../images/main_back.jpg) repeat-x;
height: 790px;
}

#vff{
background: url(../images/vff.png);
width: 200px;
height: 33px;
position: absolute;
bottom: 98px;
right:45px;
text-indent: -9999px;
}

#vff:hover{background: url(../images/vff_over.png);}


#vfh{
	background: url(../images/vfh.png);
	width: 660px;
	height: 33px;
	position: absolute;
	bottom: 98px;
	left:45px;
	text-indent: -9999px;
	cursor: pointer;
}

#vfh:hover{background: url(../images/vfh_over.png);}

/* Interior Pages */

h2{
color: #555;
margin-left: 20px;
font-size: 30px;
font-weight: bold;
}

h3{
color: #555;
margin: 50px 0px 0px 20px;
font-size: 24px;
}


.int #main{
background: url(../images/int_back.jpg) repeat-x #ebebeb;
}

.no-jemih #main{
background: url(../images/no-jemih_back.jpg) repeat-x #ebebeb;
}

.onecol p{
color: #414141;
font-size: 13px;
line-height: 20px;
padding-bottom: 20px;
}

#bsbfirst{
font-size: 20px;
line-height: 28px;
}

.twocol{
border-bottom: 1px dotted #ccc;
display: block;
float: left;
padding: 25px 0;
}

.threecol{
display: block;
float: left;
padding: 25px 0;
border-bottom: 1px dotted #ccc;
width: 100%;
}

.lastcol{
border-bottom: none;
}

.threecol div{
float: left;
color: #414141;
font-size: 13px;
line-height: 20px;
padding: 0 20px;
border-left: 1px dotted #ccc;
width: 279px;
}

.col1{
float: left;
width: 285px;
padding: 0 20px;
}

#f .col1{
width: 500px;
}

#f .col1 p{
font-style: normal;
color: #414141;
}

.col1 p{
color: #496d8a;
font-size: 13px;
line-height: 20px;
font-style: italic;
font-weight: bold;
}

.col2{
float: left;
width: 594px;
padding: 0 20px;
border-left: 1px dotted #ccc;
}

#f .col2{
width: 300px;
}

.col2 p{
color: #414141;
font-size: 13px;
line-height: 20px;
}

.col2 p:first-line{
font-weight: bold;
color: #3f7944;
}

.col2 p a{
color: #5e819e;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #5e819e;
}

.col2 p a:hover{
color: #324758;
}

.boldgrey{
color: #c4c4c4;
font-weight: bold;
}

.blue{
color: #496d8a;
}

/* CEO's Message Pages */

#message-subnav{
background: url(../images/sidebarnav/messagenav_back.png);
width: 293px;
height: 288px;
padding-top: 5px;
padding-left: 17px;
}

#message-subnav li{
width: 277px;
height: 52px;
text-indent: -9999px;
}

#intro{background: url(../images/sidebarnav/intro.jpg);}
#sc{background: url(../images/sidebarnav/sc.jpg);}
#sff{background: url(../images/sidebarnav/sff.jpg);}
#cr{background: url(../images/sidebarnav/cr.jpg);}
#la{background: url(../images/sidebarnav/la.jpg);}

#intro:hover{background: url(../images/sidebarnav/intro_over.jpg);}
#sc:hover{background: url(../images/sidebarnav/sc_over.jpg);}
#sff:hover{background: url(../images/sidebarnav/sff_over.jpg);}
#cr:hover{background: url(../images/sidebarnav/cr_over.jpg);}
#la:hover{background: url(../images/sidebarnav/la_over.jpg);}

#ceo-message1 #intro{background: url(../images/sidebarnav/intro_over.jpg);}
#ceo-message2 #sc{background: url(../images/sidebarnav/sc_over.jpg);}
#ceo-message3 #sff{background: url(../images/sidebarnav/sff_over.jpg);}
#ceo-message4 #cr{background: url(../images/sidebarnav/cr_over.jpg);}
#ceo-message5 #la{background: url(../images/sidebarnav/la_over.jpg);}

/* Businesses Subnav */

#message-subnav2{
background: url(../images/sidebarnav/messagenav_back.png);
width: 293px;
height: 208px;
padding-top: 5px;
padding-left: 17px;
}

#message-subnav2 li{
width: 277px;
height: 52px;
text-indent: -9999px;
}

#uus{background: url(../images/sidebarnav/unum-us.jpg);}
#uuk{background: url(../images/sidebarnav/unum-uk.jpg);}
#cl{background: url(../images/sidebarnav/colonial-life.jpg);}

#uus:hover{background: url(../images/sidebarnav/unum-us-over.jpg);}
#uuk:hover{background: url(../images/sidebarnav/unum-uk-over.jpg);}
#cl:hover{background: url(../images/sidebarnav/colonial-life-over.jpg);}


#subnavid1 #uus{background: url(../images/sidebarnav/unum-us-over.jpg);}
#subnavid2 #uuk{background: url(../images/sidebarnav/unum-uk-over.jpg);}
#subnavid3 #cl{background: url(../images/sidebarnav/colonial-life-over.jpg);}
#subnavid4 #intro{background: url(../images/sidebarnav/intro_over.jpg);}
 
#message-subnav li a{
display: block;
width: 277px;
height: 52px;
text-indent: -9999px;
}

#message-subnav2 li a{
display: block;
width: 277px;
height: 52px;
text-indent: -9999px;
}

#nopad{
padding-left: 0;
width: 300px;
}

.company{
margin: 0px 0px 20px 0px;
font-size: 24px;
}

#message p{
margin-bottom: 20px;
}

#message p.first:first-letter {         /* Styles the first letter of any p tag with the class 'first' */
font-family: Tahoma;
font-size: 40px;
font-weight: bold;
float: none;
vertical-align: sub;
}

#message p:first-line{
font-weight: normal;
color: #414141;
}

#message ul{
margin-left: 20px;
}

#message ul li{
list-style: disc;
list-style-position: outside;
color: #414141;
font-size: 13px;
line-height: 20px;
margin-bottom: 15px;
}


.highlights { width: 100%; 
	margin-bottom: 20px;
}

.highlights .first {
	width: 55%;
	
}

.highlights td.rule{ border-bottom: 1px solid #000000; }
.highlights td.double_rule{ border-bottom: 2px solid #000000; }

.highlights td { padding: 4px 36px 4px 0}

p.footnote { font-size: 12px; margin: 18px 0; }
.chart_values {text-align: right;}

#bottomnav li ul {display: none;}