* { margin: 0px;
padding: 0px; }

.yuiextdlg {
    position:absolute;
    left:-200px;
}

.addthis_toolbox .two_column 
{
    width: 216px;
    padding: 10px 0 10px 0px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align:left;
    font-size:.8em;
}

.addthis_toolbox .two_column a 
{
    padding: 4px 0 4px 34px;
    position: relative;
    width: 66px;
    display: block;
    text-decoration: none;
    color: blue;
}

.addthis_toolbox .two_column a:hover
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    text-decoration: none;
}

.addthis_toolbox .two_column span
{
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .two_column  .top
{
    padding: 0 0 10px 0;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
    margin: 0 20px 10px 20px;
}

.addthis_toolbox .two_column  .more
{
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 20px 0 20px;
    text-align: center;
}

.addthis_toolbox .two_column  .more a
{
    padding: 4px 0;
    width: auto;
}

.addthis_toolbox .two_column .more span
{
    display: none;
}

.addthis_toolbox .two_column .column1
{
    width: 100px;
    float: left;
}

.addthis_toolbox .two_column .column2
{
    width: 100px;
    float: left;
}

.addthis_toolbox .two_column .clear
{
    clear: both;
    padding: 0;
    display: block;
    height: 0;
    width: 0;
}

.errHdr { background: url(/CFIDE/scripts/ajax/resources/ext/images/default/layout/panel-title-greylight-bg.gif) repeat-x ;
color:#ff0000;
font:normal 11px tahoma, verdana, helvetica;
text-align: center;
padding:5px;
font-weight:bold;}
.x-dlg .x-dlg-close {
   background-image: url(/CFIDE/scripts/ajax/resources/ext/images/default/basic-dialog/close.gif);
}      

.msgHdr { background: url(/CFIDE/scripts/ajax/resources/ext/images/default/layout/panel-title-greylight-bg.gif) repeat-x ;
color:#000;

font:normal 11px tahoma, verdana, helvetica;
text-align: center;
padding:5px;
font-weight:bold;}
.x-dlg .x-dlg-close {
   background-image: url(/CFIDE/scripts/ajax/resources/ext/images/default/basic-dialog/close.gif);
}      


div#JSMX_loading{
	position:relative;
	top:300px;
	left:450px;
	margin:0px;
	padding:0px;
	width:250px;
	height:262px;
	background-image: url(https://resources.kinnikinnick.com/media/misc/processing.gif);
	background-repeat: no-repeat;
	background-position:center;
	z-index:200;
position:fixed;
clear:both;
}

div#consumerWrapper{
width:1000px;
overflow:hidden;
margin-left:auto;
display:block;
margin-top:-20px;

}

p.fineprint{
font-size:.8em;
padding:5px;

}

.darkenBackground {
background-color: #000066;
opacity: 0.4; /* Safari, Opera */
moz-opacity:0.40; /* FireFox */
filter: alpha(opacity=40); /* IE */
z-index: 20;
height: 100%;
width: 100%;
position:absolute;
top: 0px;
left: 0px;
display:none;

}
.darkenBackground2 {
background-color: #000066;
opacity: 0.4; /* Safari, Opera */
moz-opacity:0.40; /* FireFox */
filter: alpha(opacity=40); /* IE */
z-index:2;
height: 2000px;

width: 100%;
position:absolute;
top: 0px;
left: 0px;
display:none;

}

a:link{
text-decoration:none;
color:#CC6600;
}
a:visited{
text-decoration:none;
color:#CC6600;
}
a:active{
text-decoration:none;
color:#CC6600;
}


body{
font: 85%/1.3 Verdana,Arial,sans-serif;
text-align: center;
background-image:url(../media/misc/background.jpg);
background-repeat: no-repeat;
padding-bottom:20px;
top:-25px;
width:1000px;
min-width:1000px;
margin:auto;
text-align:center;
}

#overlay {

     visibility: hidden;
     display:none;
     position: absolute;
     left: 25%;
     top: 200px;
     width:450px;
     text-align:left;
     z-index: 10000;
	font-size:.9em;
	color:#000099;
	background-color:#FFFFFF;
	border:1px solid;
	padding:2px;
}

#msgOverlay {

     visibility: hidden;
     display:none;
     position: absolute;
     left:30%;
     top: 300px;
     width:450px;
     text-align:left;
     z-index: 10000;
	font-size:.9em;
	color:#000099;
	background-color:#FFFFcc;
	border:2px outset;
	padding:15px;
}
div#sidebarleft
{float:left;
margin:0;
padding:0;
z-index:0;}

p{
margin-top:0
}
h1,h2,h3{
font: normal normal 200% "Trebuchet MS",Arial,sans-serif;
}
h2{
font-size:160%
}

h3{
font-size:120%;
}

#logo
{
float:left;
margin-top:5px!important;

}
span#TagLine
{
float:left;
margin-top:-5px!important;
padding-bottom:10px;
}

div#header{
width:1000px;
overflow:hidden;
background-image:url(../media/misc/headerbackground.jpg);
background-repeat:no-repeat;
margin-left:0;
text-align:left;
background-color:#000080;
display:block;

}

div#header h1{
width:auto;
margin:0;
text-align:left;
}




div#header h1{
margin-top:25px;
padding: 30px 0 0px;
color: #000000;

}

div#header span{
color: #000000;
font-size:75%;
text-align:right;

}


div#header img{
float:left;
margin-top:20px;
margin-right:25px;

}


 div#menu{
width:1000px;
margin:0 0;
clear:both;
text-align:left;
border-bottom:1px solid;
border-color:#00080;
background-color:#000080;
padding:3px 0px 0px 3px;
}



ul#nav{
list-style-type:none;
margin:0;
padding:0;
font-size: .69em;
height: 3.5em;

}


ul#nav li{
float:left;
position:relative;
margin-right: 2px;
text-align: center;
list-style-type:none;
height: 3.5em;
}

ul#nav a{
padding-top:3.5px;
overflow:hidden;
float:left;
width: 85px;
min-height:2em;
background-color: #6699CC;
text-decoration:none;
color: #FFFFFF;
height: 3.5em;
font-size:1em;
margin-left:0;
}

ul#nav a:hover
{background-color: #006699;
color: #FFFFFF;
height: 3.5em;
width:85px;
}

ul#nav li.activelink a,ul#nav li.activelink a:hover{
background-color: #FFF;
color: #5F9EA0;
height: 3.5em;
}




 div#subMenu{
width:997px;
max-width:979px;
margin:0 0px 0 -3;
clear:both;
text-align:left;
border-bottom:1px solid;
border-color:#FFFFFF;
background-color:#333366;
padding:6px 0px 1px 15px;
z-index:10000;
border-top:1px #FFFFFF solid;
border-style:ridge;
}



ul#subNav{
list-style-type:none;
margin:0;
padding:0;
font-size: .69em;
height: 2.2em;

}


ul#subNav li{
float:left;
position:relative;
margin-right: 2px;
text-align: center;
list-style-type:none;
height: 2.2em;
}

ul#subNav a{
padding-top:3.5px;
overflow:hidden;
float:left;
width: 135px;
min-height:2em;
background-color: #9999CC;
text-decoration:none;
color: #FFFFFF;
height: 2.2em;
font-size:1em;
margin-left:0;
}

ul#subNav a:hover
{background-color: #006699;
color: #FFFFFF;
height: 2.2em;
width:135px;
}

ul#subNav li.activelink a,ul#subNav li.activelink a:hover{
background-color: #FFF;
color: #5F9EA0;
height: 2.2em;
}



div#wrapper
{width:1000px;
margin-left:auto;
padding:0;
float:left;
clear:both;
margin-top:-20px;
}




div#imagearea {
width:600px;
float:left;
max-width:593px;
}

div#side{
float:right;
display:inline;
width: 210px;
border:1px dashed;
margin:0 10px 10px 0;
margin-left:0;
text-align:center;
padding:10px;
font-size:.9em;
max-width:200px;
font-weight:bold;
}

div#rightside
{
float:right;
width:230px;
margin:3px 0 0 0;
padding:0;

}

div#leftside
{
Float:left;
width:150px;
margin:5px 0 0 5px;
padding:0;
height:600px;

}

div#leftside p
{
float:left;
margin:0px;
padding:3px;

}


div#content{
float:left;
width:475px;
margin:0 0 10px 10px;
display:block;

}


div#mission{
background-color:#ADD8E6;
color:#000066;
float:left;
width:540px;
margin:10px 2px 0 0;
padding:10px;
max-width:510px;
font-size:.9em;
font-weight:bold;

}

#welcomeimage{
width:540px;
float:left;
max-width:530px;

}


div#content h2{
margin: 10px 0;
color: #007BC4;
}

div.date{
float:left;
width: 4em;
padding: 2px 0 2px 0;
background: #FFCC33;
color:#000000;
text-align:center;
margin: 2px 2px 2px 0;
font-size: 75%;
line-height:0.9;
}

div.date span{
display:block;
font-size: 120%;
font-weight:bold;
}





div#search{
float:right;
display:inline;
width: 208px;
background:#778899; 
color:#FFFFFF;
margin:0 10px 10px 0;
text-align:left;
padding:5px;
font-size:.8em;
}

div#search input{
font-size:.8em;
margin-left:2px;
}


div#subscribe{
float:right;
display:inline;
width: 208px;
background:#006699;
color:#FFFFFF; 
margin:0 10px 10px 0;
text-align:left;
padding:5px;
font-size:.8em;
}

div#subscribe input{
font-size:.8em;
margin-left:2px;
width:110px;
}

div#subscribe select{
font-size:.8em;
margin-left:2px;
width:50px;
}

div#newsdisplay{
float:left;
display:none;
width: 170px;
background-color:#5F9EA0; 
color:#FFC;
margin:10px;
margin-right:0;
text-align:left;
padding:5px;
font-size:0.8em;
word-wrap:break-word;

}

div#newsdisplay a
{
color:#00008B;
font-weight:bold;

}
 
span#newstitle{
font-size:1.2em;
text-align:left;
color:#FFCC33;
font-weight:bold;
}

span#newslink{
margin:5px;
display:block;
width: 150px;
background-color:#8FBC8F; 
text-align:center;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
}

div#close {
display:block;
width: 20px;
background-color:#8FBC8F; 
text-align:center;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
font-size:.8em;
float:right;
font-weight:bold;
padding-bottom:2px;
cursor:pointer;
}

span.morenews {
display:block;
width: 28px;
background-color:#8FBC8F; 
text-align:center;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
font-size:.8em;
float:right;
font-weight:bold;
padding-bottom:2px;
cursor:pointer;
margin-top:3px;
}

div#news a{
color:#FFCC33;
font-weight:bold;
}

div#news{
width: 135px;
background-color:#5F9EA0; 
color:#FFC;
margin:3px;
text-align:right;
padding:5px;
}


div#news p{
margin:5px 0 5px 0;
padding: 5px 0 10px 0;
font-size:.8em;
}

div#Title{
font-size:.8em;
text-align:right;
color:#FFCC33;
font-weight:bold;
margin:-5px 0 0 0;
padding:0;
}

div#needid
{
text-align:left;
color:#FFCC33;
font-size:.7em;
font-weight:bold;
margin:0 5px 0 0;
padding:0;


}
div#news div{
margin: 0 0 10px;
padding: 10px 0;
}

div#news select
{
width:120px;
font-size:0.8em;
float:left;
}
div#news option
{
width:175px;
font-size:0.8em;
}

div#news input
{

font-size:0.8em;
}

div#footer{
color: #0099CC;
text-align:center;
font: 85%/2 Verdana,Arial,sans-serif;
line-height:0.95;


}
div#footer p{
margin:0;
}



ul#languageSelector
{

margin-right:225px;
margin-top:0px;
padding-top:0px;
}
ul#languageSelector li
{
color:#FFFFFF;
float:right;
font-size:70%;
width:75px;
background-color:#FFFFCC;
list-style-type:none;
position:relative;
padding:3px 0px  5px 0px;
text-align:center;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
}

ul#languageSelector a:hover
{background: #FFFFCC;
color: #006A35;
width:auto;

}

ul#languageSelector li#LSactivelink a,ul#languageSelector li#LSactivelink a:hover{
background: #FFFFCC;
color: #999933;
}