/* Default CSS Stylesheet for a new Web Application project */


/* global style defaults */

html * 
{
	margin:0;
	padding:0;
	border:0;
}

p { margin: 10px 0; }

ul {margin-left: 1.25em; padding-left: 1.25em;}  



h1
{
	font-family: Times New Roman, Palatino, Serif;
	font-size: 15px;
	padding: 7px 0 7px 25px;
	color: White;
	margin:0px;
	font-weight: bold;
}

h2
{
	font-family: Times New Roman, Palatino, Serif;
	font-size: 15px;
	color: #999;
	margin-bottom: 20px;
	font-weight: bold;
}

h3
{
	font-family: Times New Roman, Palatino, Serif;
	font-size: 14px;
	color: #999;
	margin-bottom: 0px;
	font-weight: bold;
}

h4
{
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	color: #222;
	margin-top: 15px;
	font-weight: bold;
	text-transform:uppercase;
}

.maroon { background-color: #9F4426; }

.sage { background-color: #B3C3A5; }

.purple { background-color: #875985; }

.borderBottom { border-bottom: solid 2px #BBBDC0; }

.borderBoth { border-top: solid 2px #BBBDC0; border-bottom: solid 2px #BBBDC0; }





/* LINK STYLES */


a {text-decoration: none; color:#222;}
a:link, a:visited { }
a:hover, a:active { color:#222; }



/* specific to Kozyak layout */

body 
{
    background: #b3c3a5;
    text-align: center;
    font-family: Arial, Helvetica, sans serif;
    font-size: 14px;
    color: #222;
    line-height:1em;
}

a
{
    font-family: Arial, Helvetica, sans serif;
    font-size: 14px;
    text-align: left;
}

table, tr, td
{
    font-family: Arial, Helvetica, sans serif;
    font-size: 14px;
    vertical-align:top;
}
	

#bodyContainer
{
    margin: 30px auto;
    text-align: center;
	background: #fff;
	position: relative;
	width:754px;
	padding: 1px 0;
}

html>body #bodyContainer { width: 753px; }

#outline
{
	border: solid 2px #BBBDC0;
	margin: 4px;
	text-align: left;
	width:742px;
}

html>body #outline { width: 740px; }

/* HEADER */

#header
{
	height: 90px;
	border-bottom: solid 2px #BBBDC0;
	text-align: left;
}

a#logoLink, a#logoLink:link, a#logoLink:visited, a#logoLink:hover, a#logoLink:active { background-color:white !important; }

#logo
{
	width: 450px;
	height: 48px;
	border: 0;
	margin: 18px 13px;
}

#headerlinks
{
	display:inline;
	float: right;
	font-size: 12px;
	margin: 11px 10px 0 0;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing:0.1em;
	color:#999; 
	text-align:center;
}

#pagetools { width:auto; margin-top:13px; }

#pagetools img
{
	border:none;
	width:48px;
	height:50px;
}

#print {  }

#headerlinks a, #headerlinks a:link, #headerlinks a:visited { font-family: times new roman, palatino, serif; color:#999; text-decoration:none; }
#headerlinks a:hover, #headerlinks a:active { font-family: times new roman, palatino, serif; color:#333; background: white; }

#navbar
{
	height:38px;
	width:738px;
	border-bottom: solid 2px #BBBDC0;
}

html>body #navbar /* hack for firefox */
{
	height: 36px;
	width:742px;
}

#flashnav
{
	height:37px;
	width:738px;
	border-bottom: solid 2px #BBBDC0;
	background-image: url('images/nav_bg.gif');
} 

html>body #flashnav /* hack for firefox */
{
	height: 37px;
	width:740px;
}


/* 3px-gap bug */

.rollover { display: block;  }
.rollover img { width: 100%; height: 36px; border: 0; }
.rollover:hover { visibility: visible; }
.rollover:hover img { visibility: hidden; }


/* HOMEPAGE LAYOUT IS DIFFERENT */

#topContainer
{
}


#bottomContainer
{
	border-top: 2px solid #BBBDC0;
}


p.quote
{
	font-family: times new roman, palatino, serif !important; 
	font-size: 16px !important;
	display:block;
	font-weight: bold !important;
	text-align:center !important;
	line-height: 18px !important;
	margin: 0 auto 13px;
}

#padding  { padding:15px 20px; }

html>body #areaSummaries { width: 420px; }

.summaryText
{
	line-height: 18px;
	margin: 18px 45px;
}

#wrapper { width:100%;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* LEFT COLUMN */


#left
{
	width: 209px;
	float: left;
	border-right: solid 2px #BBBDC0;
	margin-right:-5px;
}

html>body #left { width: 207px; }

/* RIGHT COLUMN */

#right
{
	margin-left:207px;
	min-height:100%;
	background-color: #FFFDDF;
	border-left: solid 2px #BBBDC0;
	width:531px;
}

input, textarea
{
	border: solid 1px #999;
}

* html #right 
{
	height:100%;
	margin-right:-3px;
	margin-left:203px;
}

#rightBody
{
	width: auto;
}


.rightPaddedText
{
	line-height: 18px;
	margin: 18px 45px;
}

a.backlink, a.backlink:link, a.backlink:visited { font-family: times new roman, palatino, serif; color:#999; text-decoration:none; }
a.backlink:hover, a.backlink:active { color:#333; }



/* FOOTER */

#footer
{
	clear:both;
	height: 40px;
	font-size:11px;
	text-align:center;
	padding-top: 7px;
	font-family: times new roman, palatino, serif;
}

html>body #footer {	height: 30px; }

#footer a, #footer a:link, #footer a:visited { font-family: times new roman, palatino, serif; color:#999; text-decoration:none; }
#footer a:hover, #footer a:active { font-family: times new roman, palatino, serif; color:#333; background: white;}

/* NAV */

#myNav
{
	clear:both;
	height: 36px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top: 12px;
	font-family: times new roman, palatino, serif;
}

html>body #myNav {	height: 30px; }

#myNav a, #myNav a:link, #myNav a:visited { font-family: times new roman, palatino, serif; color:#999; weight: bold; size: 18px; text-decoration:none; }
#myNav a:hover, #myNav a:active { font-family: times new roman, palatino, serif; color:#875985; size: 18px; background: white;}