/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */


.breadcrumbs {
color: #1D3F63;
font-size: 63%;
}


h1
{
    margin: 0px 0 7px 0;
    color: #725f74;
    font-size: 125%;
    font-family: Helvetica, Arial;
    font-weight: bold;
    height: 18px;
}

p
{
    margin: 0 0 10px 0;
    line-height: 15px;
}
a
{
    text-decoration: none;
    color: #ef7d50;
    font-weight: bold;
}
a:hover
{
    text-decoration: underline;
}
img
{
    border: none;
    margin: 0;
}

strong
{
    font-weight: bold;
    color: #000;
}

body
{
    margin: 0;
    background: url( '/images/background.gif' ) top left repeat-x #f2f2f2;
    text-align: center;
}

/* Individual Sections */
h1#h1_section1
{
    background: url(    '/images/h1_section1.gif' ) top left no-repeat;
}
h1#h1_section2
{
    background: url(    '/images/h1_section2.gif' ) top left no-repeat;
}
h1#h1_section3
{
    background: url('/images/h1_section3.gif') top left no-repeat;
}

/* Reusable classes */
.photo_left
{
    float: left;
    margin: 0 10px 0 0;
    clear: both;
}
.link_arrow
{
    font-family: Arial,helvetica, Sans-Serif;
    font-size: 69%;
    font-weight: bold;
    color: #644a67;
}
.hide
{
    visibility: hidden;
}
.column_pad
{
    padding-left: 33px;
}
.divider
{
    border-bottom: 1px dotted #ccc;
    margin: 35px 0 35px 0;
}
/* Left Column Sections (Rows) */
.sections
{
    height: 220px;
    border-bottom: 1px dotted #ccc;
    margin: 0px 0 30px 0;
}
.no_border
{
    border: none;
}

/*The page wrapper handles centering content*/
#wrapper
{
    margin: 0 auto 0px auto;
    text-align: left;
    display: block;
    position: relative;
    top: 0;
    width: 940px;
}
/* Masthead Asset Styles*/
#masthead
{
    position: relative;
    height: 125px;
}
#main_logo
{
    position: relative;
    top: 20px;
    left: 10px;
    width: 195px;
    height: 106px;
    padding: 0;
    margin: 0;
}
#top_polaroids
{
    position: relative;
    top: 30px;
	left:33px;
    width: 507px;
    height: 106px;
    display: inline;
}
#top_date
{
    position: relative;
    display: inline;
    top: -6px;
    left: 40px;
    height: 65px;
    width: 180px;
}


/* --------------------------main-nav -----------------------*/

#main-nav{
    /*The purple rounded corner images is used here at the top of the main content as a bg image. */
    background: url(   '/images/main_purple_top.gif' ) top left no-repeat #736079;
    position: absolute;
    display: block;
    top: 136px;
    left: 0;
    height: 40px;
    width: 100%;
    font-size:69%;
    font-family:Arial,Verdana,Helvetica,Sans-Serif,sans;
	
}
#main-nav li{
	margin-left:4px;
	margin-top:1px;
	float:left;
	display:inline;

}
#main-nav a{
	float:left;
	color:#ddd;
	padding:0 20px 0 21px;
	font-size:14px;
	line-height:28px;
	font-weight:bold;

}
#main-nav li a:hover{text-decoration:none;}
#main-nav li.active,
#main-nav li:hover,
#main-nav li.hover{background-color:#847090;}
#main-nav li:hover a,
#main-nav li.hover a,
#main-nav li.active a{
	color:#dedede;
	background-color:#848090;
	position:relative;


}
#main-nav li:hover,
#main-nav li.hover{position:relative;}
#main-nav li ul{
	position:absolute;
	z-index:200;
	list-style:none;
	padding:0;
	margin:0;
	top:-9999px;
	left:0;
	width:200px;

}
#main-nav li li{
	width:100%;
	float:left;
	margin:1px 0 0;
	background:none !important;
	z-index:100;

}
#main-nav li li a{
	width:200px;
	cursor:pointer;
	color:#000000;
	font-size:12px;
	z-index:100;

}
#main-nav li li a:hover{
	color:#fefefe;
}
#main-nav li li:hover,
#main-nav li li.hover{background:none;}
#main-nav li:hover,
#main-nav li.hover{position:relative; z-index:8;}
#main-nav li:hover ul,
#main-nav li.hover ul{top:28px;}


/* Left Nav */

#leftNav
{
    background:#f4f4f4;
    margin:40px 0 0 10px;
    padding:0 0 20px 0;
    width: 200px;
    
}

#leftNav ul 
{
   
    padding:0 0 0 10px;
    width:190px;
    margin:0;
}
#leftNav ul li
{
    list-style-type:none;
    padding:8px 0 0px 0;
    width:190px;
    line-height: 11px;
}
#leftNav ul li a {
    
    font-family:Arial,Verdana,Helvetica,Sans-Serif,sans;
    font-size: 69%;
}

#leftNav ul li h2 {
	color: #725F74;
	font-family: Helvetica,Arial;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

#leftNav .link_arrow {
	width: 10px;
	float: left;

}

#leftNav .leftNavLink {
	padding-left: 10px;
}

/* Styles for the main content section */
#mainContent
{
    background: #FFF;
    width: 940px;
    position: absolute;
    left: 0;
    margin: 0px 0 0px 0;
    min-height: 790px;
    top: 176px;
  
}

#smallLeftColumn
{
    /*width: 220px !important;*/
    width: 110px !important;
    padding: 0px;
    margin: 0px;
}

#leftColumn
{
    width: 700px;
    padding: 37px 0 0 20px;
}

#leftColumn hr, #centerColumn hr
{
	border-top: 1px dotted;
	color: #CCCCCC;
	height: 1px;
}

#centerColumn
{

}

#centerContentArea {
    padding: 37px 0 0 10px;
    width: 500px
}

#rightColumn
{
    width: 220px;
}

#rightDiv
{
   /* position: absolute;
    top: 0px;
    right: 0px;*/
    margin: 35px 0 0 20px;
	width: 200px;
    padding:0 0 20px;
}


#rightColumn div img
{
    border: none;
    display: block;
}

/* Footer Styles */
#footer
{
    position: absolute;
    background: url('/images/footer.gif') bottom left no-repeat #736079;
    height: 30px;
    color: #FFF;
    bottom: 0px;
    left: 0px;
    width: 100%;
    font-family:Arial,Verdana,Helvetica,Sans-Serif,sans;
	font-size:69%;
}

#footer ul, #footer ul li
{
    display: inline;
}
#footer ul
{
    position: relative;
    top: 7px;
    left: 0px;
}
#copyright
{
    position: absolute;
    left: 15px;
    top: 0px;
}

#footer ul li a
{
    color: #fff;
}

#sitemapfooter {
    margin-left: 400px; 
}

#searchfooter
{
    margin-left: 20px; 
}

#legal
{
    margin-left: 20px; 
}
#Privacy
{
    margin-left: 20px;
}
#Elastic_Digital
{
    margin-left: 20px;
}

#PoweredByKomosion
{
	margin-left: 20px;
} 

/* ---------- Secondary Navigation ---------- */
#secNav {
  	font-size: 63%;
  	width: 190px;
  	/* IE */
  	height: 250px;
  	/* Mozilla */
  	min-height: 250px;
  	background-color: #E4E9F5;
  	margin: 0px; 
  	padding: 0px;
  	padding-bottom: 15px;
}
/* Safari */
*>#secNav {
	height: auto;
}	
#secNav ul {
  	list-style: none;
  	margin: 0px; 
  	padding: 0px;
  	line-height: 14px;
}
#secNav li {
 	margin: 0px; 
	margin-top:0px; 
	padding: 0px;
}

#secNav a {
 	display: block;
 	/* width: 183; */
 	text-decoration: none;
	padding-left: 7px;
	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 10px;
}
#secNav a:hover, #secNav a:active, #secNav a.active {
  	color: #1D3F63;
  	background: url(/images/_secondary_arrow2.gif);
  	background-repeat: no-repeat;
  	background-position: 98% 50%;
  	text-decoration: none; 
  	background-color: #CAD9EA;
  	/* Netscape 4 */
  	border: none;
}
#secNav ul ul {
	background-color: #F1F3F9;
}
#secNav ul ul a {
	/* width: 164px; */
	padding-left: 16px;
}
#secNav ul ul ul {
	background-color: #FFFFFF;
}
#secNav ul ul ul a {
	/* width: 154px; */
	padding-left: 26px;
}

#defaultContent {
	font-family: Arial, Verdana, Helvetica, sans-serif, sans;
	color: #222222;
}

#loginContent {
	font-family: Arial, Verdana, Helvetica, sans-serif, sans;
	color: #222222;
}