<style type="text/css">{  }
.fake {
    background-color:white;
}

/* ============================ page background ============================= */
.bodyBack {
    background-color:#d1d3c8;
}

/* ============================= wrapper styles ============================= */
.title {
    font-family:Microsoft Sans Serif; font-size: 18px;
    color: #000000; tahoma
}
.subtitle {
    font-family:Microsoft Sans Serif; font-size: 15px;
    color:#828e5e;
    font-weight:bold;
    padding:2px; tahoma
}

.microtext { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #555555; }

.nav_microlink { font-family: Arial, Helvetica; font-size: 10px; color: #006699; text-decoration: none; }
.nav_microlink:Visited { color: #990000; text-decoration: none; }
.nav_microlink:Hover { color: #006699; text-decoration: underline; }

.nav_sublink { font-family: arial, sans-serif; font-size: 11px; color: #414141; text-decoration: none; font-weight:normal; }
.nav_sublink:Visited { color: #0808A1; text-decoration: none; }
.nav_sublink:Hover { color: #F4570A; text-decoration: underline; }


.title_logo {
	font-family: "Trebuchet MS";
	font-size: 28px;
	color: #5d7c9b;
	font-weight: bold;
	letter-spacing : normal;
	text-decoration: underline;
}

.subtitle_logo {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #5d7c9b;
	font-weight: bold;
	letter-spacing : -1px;
}

.topLink {
    text-decoration:none;
    font-family:Helvetica,Arial,sans-serif;
    font-size:11px;
    color:#000000;
    font-weight:bold;
}

.topBack {
    background-color:#bdc999;
}

.topTab {
    font-size:2px;
    line-height:4px;
    border-top:solid 1px #999999;
    border-right:solid 1px #999999;
    border-left:solid 1px #999999;
}
.bottomTab {
    font-size:1px;
    border-bottom:solid 2px #999999;
    border-right:solid 1px #999999;
    border-left:solid 1px #999999;
}


.topnav {
    text-decoration:none;
    font-family:Helvetica,Arial,sans-serif;
    font-size:11px;
    color:#000000;
}
.topnav:visited {
    text-decoration:none;
    font-family:Helvetica,Arial,sans-serif;
    font-size:11px;
    color:#000000;
}
.topnav:hover {
    text-decoration:none;
    font-family:Helvetica,Arial,sans-serif;
    font-size:11px;
    color:#6b4f36;
}

.greyBack {
    background-color:#d1d3c8;
}
.greyLine {
    border-bottom:solid 1px #d1d3c8;
}
/* ---------------------------- tab styles (end) ---------------------------- */

/* =========================== global body styles =========================== */
.text {
    font-family:verdana, sans-serif;
    font-size:11px;
    line-height:15px;
    color:#000000;
}
.text2 {
    font-family:sans-serif;
    font-size:11px;
    line-height:16px;
    color:#414141;
}
.textHead {
    font-family: Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#000000;
}

.greenTextHead {
    font-family: Helvetica,Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#2b560e;
}


.smallText {
    font-family:verdana, sans-serif;
    font-size:10px;
    line-height:14px;
}

.greenText {
    font-family:verdana,,sans-serif;
    font-size:11px;
    line-height:15px;
    color:#2b560e;
}

.orangeSq {
    width:7px;
    height:7px;
    background-color:#9e650b;
    float:left;
    margin-top:5px;
    font-size:5px;
    margin-right:3px;
}


.greenNav {
    font-family:arial,sans-serif;
    font-size:10px;
    color:#000000;
    background-color:transparent;

	
}

.greenNav:visited {
    font-family:arial,sans-serif;
    font-size:10px;
    color:#0808A1;
    background-color:transparent;

}

.greenNav:hover {
    font-family:arial,sans-serif;
    font-size:10px;
    color:#F4570A;
    background-color:transparent;
	text-decoration:underline;

}

.greenLink {
    font-family:arial,sans-serif;
    font-size:11px;
    color:#414141;
    background-color:transparent;
	
	}

.greenLink:visited {
    font-family:arial,sans-serif;
    font-size:11px;
    color:#0808A1;
    background-color:transparent;

}

.greenLink:hover {
    text-decoration:none;
    font-family:arial,sans-serif;
    font-size:11px;
    color:#F4570A;
    background-color:transparent;
	text-decoration:underline;

}

.greenCustomer {
    font-family:arial,sans-serif;
    font-size:12px;
    color:#203d63;
    background-color:transparent;
    font-weight: bold;
	
	}

.greenCustomer:visited {
    font-family:arial,sans-serif;
    font-size:12px;
    color:#0808A1;
    background-color:transparent;
	font-weight: bold;

}

.greenCustomer:hover {
    text-decoration:none;
    font-family:arial,sans-serif;
    font-size:12px;
    color:#F4570A;
    background-color:transparent;
	text-decoration:underline;
	font-weight: bold;
}

.bodyLink {
    font-family:verdana,sans-serif;
    font-size:12px;
    color:#000000;
}
.bodyLink:visited {
    font-family:verdana,sans-serif;
    font-size:12px;
    color:#000000;
}
.bodyLink:hover {
    text-decoration:none;
    font-family:verdana,sans-serif;
    font-size:12px;
    color:#6b4f36;
}

.greenBack {
    width:240px;
    color: #ffffff;
    font-family:Microsoft Sans Serif; font-size:14px;
    margin:10px;
    padding: 3px; tahoma
}

.ltGreenBack {
    background-color:#f0f3e8;
}

body {
	margin: 0px;
}

img {
	border: none;
}

.cleardiv {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
}

p {
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #141414;
	margin: 0 0 12px 0;
	padding: 0;
	text-align: left;
}

.small {
	font-size: 10px;
}

.smallp {
	font-size: 10px;
	line-height: 12px;
	margin: 0 0 10px 0;
	padding: 0 20px;
	font-style: normal;
}

h1 {
	font-family: trebuchet ms, sans-serif;
	font-size: 18px;
	margin: 0 0 8px 0;
	padding: 0;
}

h2 {
	font-family: trebuchet ms, sans-serif;
	font-size: 16px;
	margin: 0;
}

h3 {
	font-family: trebuchet ms, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

h4 {
	font-family: trebuchet ms, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	text-align: left;
}

h5 {
	font-family: trebuchet ms, sans-serif;
	font-size: 14px;
	margin: 0 0 2px 0;
	padding: 0;
}

h6 {
	font-family: trebuchet ms, sans-serif;
	font-size: 12px;
	margin: 2px 0 0px 0;
	padding: 0;
	color: #304D8E;
}

.subhead {
	margin: 0px 0 8px 0;
}



a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}


/*	container with top margin	*/

.container {
	margin: 16px auto 16px auto;
	padding: 0;
	width: 230px;
	background-color: transparent;
	text-align: left;
	position: relative;
}

/*	container with no top margin	*/

.container2 {
	margin: 0 auto;
	padding: 0;
	width: 720px;
	background-color: transparent;
	text-align: left;
	position: relative;
}

.pad32 {
	padding: 0 32px 0 0;
}

.fakeli {
	padding: 10px 4px 12px 4px; 
	font-size: 10px;
	font-family: verdana, sans-serif;
}

#star {
	position: absolute;
	left: 158px;
	top: 46px;
	margin: 0;
	padding: 0;
	z-index: -10;	
	width: 70px;
	height: 66px;
}

.express {
	color: #880000;
}


#leftnav {
	width: 174px; 
	border: 1px solid #dddddd; 
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	height: auto;
}

#leftnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, sans-serif;
	font-size: 9px;
	line-height: 13px;
	font-weight: bold;
	width: 100%;
}


#leftnav a {
	display: block;
	margin: 0 0 0 0;
	padding: 6px 4px;
	color: #666;
	border-bottom: solid 1px #d9d9d9;
	width: 222px;
}

#leftnav a:link, #leftnav a:visited {
	color: #666;
	text-decoration: none;
}

#leftnav a:hover {
	color: #333;
	text-decoration: none;
	background: #f0fae6;
}

#leftnav a:active {
	outline: none;
}


#leftnav .static {
	line-height: 13px;
	margin: 0;
	background: #d1d3c8;
	padding: 6px 0;
	text-indent: 6px;
	color: #232323
	border: none;
	width: 230px;
}

#leftnav li#selected a {
	background: #f0fae6;
	color: #333;
}


#maincontent {
	margin: 0px 0 0 180px;
	width: 540px;
	text-align: left;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
/* Left Nav styles (LIT) */
#lnavparagraph {
	padding: 8px;
	font-family: sans-serif;
	font-size: 11px;
	color: #5d7c9b;
	border-bottom: 0px solid #c9c9c9;
	margin-bottom: 10px;
}
/* Main styles (LIT)*/
#main {
	height: 100%; 
	width: 548px;
	border: 1px solid #dddddd; 
	background-color: #ffffff;
	font-family: sans-serif;
	font-size: 11px;
}
#maintitle {
	background-color: #f9f9f9; 
	border-bottom: 3px solid #5d7c9b; 
	text-align: left;
}
#mainarea {
	padding: 10 10 10 10;
	text-align: left
}
#mainareaheading {
	padding: 0 0 10 0;
	color: #003d7b;
	font-weight: bold;
	font-size: larger;
}
#mainareafiletype {
	color: #003d7b;
	font-weight: bold;
}
#mainareasubheading {
	color: #003d7b;
	font-weight: bold;
	line-height: 16px;
}
/* Footer (LIT)*/

#footer {
	font-family: sans-serif;
	font-size: 10px;
	color: #efefef;
}

#footer p {
	font-size: x-small;
	color: #999999;
}

#footer a:hover {
	text-decoration: underline;
}

/*	full page width	*/

.block720 {
	float: left;
	width: 720px;
	margin: 0px 0 0px 0;
	background: transparent;
	text-align: left;
	padding: 16px 20px;
}

/*	two-thirds column width	*/

.block474 {
	float: left;
	width: 474px;
	margin: 0px 0 0px 0;
	background: transparent;
	text-align: left;
}

.block458 {
	float: left;
	width: 458px;
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: left;
}

/*	one-half column width	*/

.block352 {
	float: left;
	width: 230px;
	margin: 0px 0 0px 0;
	background: transparent;
	text-align: left;
}

.block344 {
	float: left;
	width: 344px;
	margin: 0px 0 0px 0;
	background: transparent;
	text-align: left;
}

/*	one-third column width	*/

.block230 {
	float: left;
	width: 230px;
	margin: 0px 0 0px 0;
	text-align: left;
	height: auto;
}

.block230 .round {
	background-image: url('../images/round_230x62.png');
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 12px
}

.block230 .flat {
	background-image: url('../images/flat_230x62.png');
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px
}

.block230.flatswap  a.frame {
	background-image: url('../images/flat_230x124.png');
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
	height: 62px;
	overflow: hidden
}

.block230.flatswap a.frame:hover {
	background-position: 0 -62px;
}

.block168 {
	float: left;
	width: 168px;
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: left;
}

.gutter12 {
	float: left;
	width: 12px;
	margin: 0;
	background: transparent;
}

.gutter15 {
	float: left;
	width: 15px;
	margin: 0;
	background: transparent;
}

.gutter16 {
	float: left;
	width: 16px;
	margin: 0;
	background: transparent;
}

.gutter32 {
	float: left;
	width: 32px;
	margin: 0;
	padding: 0;
}

.subhilight {
	font-family: verdana, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-style: normal;
	color: #141414;
	margin: 0 0 12px 0;
	width: 170px;
	text-align: left;
}


/*	home page column frame styles	*/

dl {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: auto;
	position: relative;
}

dt { 
	background: url('../images/frame_230x62.png') no-repeat 0px 0px; 
	height: 62px;
	width: 100%;
	margin: 0;
	padding: 6;
	display:block
}

dt a {
	background: url('../images/frame_230x62.png') no-repeat 0px 0px; 
	height: 62px;
	width: 230px;
	margin: 0;
	padding: 0;
	display:block
}

dt img {
	display: block;
	border: none;
}

dt a:hover {
	background-position: 0px -62px;
}

dd {
	position: relative;
	margin: 0;
	width: 100%;
	height: auto;
	background: url('../images/frame_230x500c.png') no-repeat bottom left;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:18px
}

body#home dd {
	height: 270px;
	background: url('../images/frame_230x500b.png') no-repeat bottom left;
}

dd p {
	width: auto;
	background: transparent;
	margin: 0;
	padding: 12px 12px 0 12px; 
}

dd.nobg {
	height: auto;
	width: 230px;
	margin: 0;
	padding: 0;
	background: none;
}


/*	page middle styles	*/

.clicklist {
	width: 100%;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	color: #333;
	padding: 0;
	margin: 0 0 0 0;
}

.clicklist .row {
	position: relative;
	margin: 0 1px;
	padding: 0;
	width: 100%;
	display: block;
	border-top: solid 1px #d9d9d9;
}

.clicklist .row .leftcol {
	position: absolute;
	left: 12px;
	top: 0;
	width: 20px;
	margin: 0;
	padding: 6px 0;
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #404040;
	overflow: hidden;
}

.clicklist .row .leftcol img {
	display: inline;
	margin-top: 2px;
}

.clicklist .row .rightcol {
	margin: 0 0 0 62px;
	padding: 6px 0;
	width: 100%;
}

.clicklist .row a {
	text-decoration: none;
	color: #333;
	display: block;
	height: auto;
}

.clicklist .row a:hover {
	text-decoration: none;
	background: #f0fae6;
	color: #141414;
	cursor: hand;
}

.clicklist .firstrow {
	border-top: none;
}

.newsitem {
	color: #232323;
	font-weight: bold;
}

/*	474 column styles	*/

.clicklist474 {
	width: 100%;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	color: #333;
	padding: 0;
	margin: 0 0 0 0;
}

.clicklist474 .row {
	position: relative;
	margin: 0 1px;
	padding: 0;
	width: 228px;
	display: block;
	border-top: solid 1px #d9d9d9;
}

.clicklist474 .row .leftcol {
	position: absolute;
	left: 12px;
	top: 0;
	width: 20px;
	margin: 0;
	padding: 6px 0;
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #404040;
	overflow: hidden;
}

.clicklist474 .row .leftcol img {
	display: inline;
	margin-top: 2px;
}

.clicklist474 .row .rightcol {
	margin: 0 0 0 62px;
	padding: 6px 0;
	width: 474px;
}

.clicklist474 .row a {
	text-decoration: none;
	color: #333;
	display: block;
	height: auto;
}

.clicklist474 .row a:hover {
	text-decoration: none;
	background: #f0fae6;
	color: #141414;
	cursor: hand;
}

.clicklist474 .firstrow {
	border-top: none;
	background: #f0fae6;
	font-size: 12px;
	height: 48px;
	
}

.newsitem {
	color: #232323;
	font-weight: bold;
}

/*	352 column styles	*/

.clicklist352 {
	width: 100%;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	color: #333;
	padding: 0;
	margin: 0 0 0 0;
}

.clicklist352 .row {
	position: relative;
	margin: 0 1px;
	padding: 0;
	width: 255px;
	display: block;
	border-top: solid 1px #d9d9d9;
}

.clicklist352 .row .leftcol {
	position: absolute;
	left: 12px;
	top: 0;
	width: 20px;
	margin: 0;
	padding: 6px 0;
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #404040;
	overflow: hidden;
}

.clicklist352 .row .leftcol img {
	display: inline;
	margin-top: 2px;
}

.clicklist352 .row .rightcol {
	margin: 0 0 0 62px;
	padding: 6px 0;
	width: 255px;
}

.clicklist352 .row a {
	text-decoration: none;
	color: #333;
	display: block;
	height: auto;
}

.clicklist352 .row a:hover {
	text-decoration: none;
	background: #f0fae6;
	color: #141414;
	cursor: hand;
}

.clicklist352 .firstrow {
	border-top: none;
	background: #f0fae6;
	font-size: 12px;
	height: 48px;
	
}

.newsitem {
	color: #232323;
	font-weight: bold;
}

/*	two column styles	*/

.clicklist2 {
	width: 100%;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	color: #333;
	padding: 0;
	margin: 0 0 0 0;
}

.clicklist2 .row {
	position: relative;
	margin: 0 1px;
	padding: 0;
	width: 474px;
	display: block;
	border-top: solid 1px #d9d9d9;
}

.clicklist2 .row .leftcol {
	position: absolute;
	left: 12px;
	top: 0;
	width: 300px;
	margin: 0;
	padding: 6px 0;
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #404040;
	overflow: hidden;
}

.clicklist2 .row .leftcol img {
	display: inline;
	margin-top: 2px;
}

.clicklist2 .row .rightcol {
	margin: 0 0 0 62px;
	padding: 6px 0;
	width: 474px;
}

.clicklist2 .row a {
	text-decoration: none;
	color: #333;
	display: block;
	height: auto;
}

.clicklist2 .row a:hover {
	text-decoration: none;
	background: #f0fae6;
	color: #141414;
	cursor: hand;
}

.clicklist2 .firstrow {
	border-top: none;
	background: #f0fae6;
	font-size: 12px;
	height: 48px;
	
}

.newsitem {
	color: #232323;
	font-weight: bold;
}




body#home .block230 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #333;
	font-weight: normal;
	width: 230px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 61px;
	overflow:hidden;
}

body#home .block230 li {
	background-image: url('../images/red_arrow.gif');
	background-repeat: no-repeat;
	background-position: 12px 8px;
	border-top: 1px solid #d9d9d9;
	margin: 0 1px
}

body#home .block230 li a {
	display: block;
	background-image: url('../images/red_arrow.gif');
	background-repeat: no-repeat;
	background-position: 12px 8px;
	width: 160px;
	text-decoration: none; padding-left:62px; padding-right:6px; padding-top:6px; padding-bottom:6px
	
}

body#home .block230 li a:link, body#home .block230 li a:visited {
	text-decoration: none;
	color: #333;
}

body#home .block230 li a:hover {
	background-color: #f0fae6;
	background-image: url('../images/red_arrow.gif');
	background-repeat: no-repeat;
	background-position: 12px 8px;
	text-decoration: none;
	color: #333
}


.customer {
	margin: 0;
	padding: 0 0 8px 0;
	width: 457px;
}

.frame42 {
	background-image: url('../images/flat_600x42.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 42px;
	padding: 12px;
	margin: 0
}
	
.frame42 h5 {
	padding: 12px 12px 0 12px;
	margin: 0;
}

.bottom458 {
	background-image: url('../images/bottom_458.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0;
	height: auto;
	position: relative;
    font-family: verdana, sans-serif;
	font-size: 11px;
	color: #333; padding-left:14px; padding-right:16px; padding-top:12px; padding-bottom:0
}

.bottom458 p {
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #333;
}


ul.keylist {
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
}

ul.keylist li {
	margin: 0;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url('../images/blue_arrow.gif');
	background-repeat: no-repeat;
	background-position: left center;
	color: #333;
	width: 390px; padding-left:24px; padding-right:0; padding-top:6px; padding-bottom:6px
}


/* Monthly Calendar Grid */
.month1bkgnd { background-color: #993333; }

.month1textmonth { background-color: #5d7c9b; font-family: "sans-serif"; font-size: 13px; font-weight: bold; color: #FFFFFF; horizontal-align: center; padding: 2 2 2 2; }
.month1textmonth a{ font-family: Verdana, Arial, Helvetica; font-size: 9px; color: #FFFFFF; text-decoration: none; font-weight: normal; }
.month1textmonth a:Visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.month1textmonth a:Active { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.month1textmonth a:Hover { color: #FFFFFF; text-decoration: none; font-weight: bold; }

.month1texttoday { font-family: "sans-serif"; font-size: 10px; line-height: 14px; color: #FFFFFF; font-weight: bold; }
a.month1texttoday:link {color: #CCCCCC; text-weight:bold; text-decoration:none; }
a.month1texttoday:visited {color: #CCCCCC; text-weight:bold; text-decoration:none; }
a.month1texttoday:hover {color: #CCCCCC; text-weight:bold; text-decoration:underline; }
a.month1texttoday:active {color: #6666CC; text-weight:bold; text-decoration:underline; }

.month2 { background-color: #CCCCCC; font-family: "sans-serif"; font-size: 11px; color: #000000; font-weight: normal; padding: 2 2 2 2;}
.month3 { background-color: #efefef; font-family: "sans-serif"; font-size: 11px; font-weight: normal; color: #000000; border-right: #E0E0E0 solid 1px;}
.month3textfaint { font-family: "sans-serif"; font-size: 10px; line-height: 14px; color: #555577; font-weight: bold; }
a.month3textfaint:link {color: #CCCCCC; text-weight:bold; text-decoration:none; }
a.month3textfaint:visited {color: #CCCCCC; text-weight:bold; text-decoration:none; }
a.month3textfaint:hover {color: #CCCCCC; text-weight:bold; text-decoration:underline; }
a.month3textfaint:active {color: #6666CC; text-weight:bold; text-decoration:underline; }

.month4 { font-family: "sans-serif"; font-size: 10px; color: black; background-color: #FFFFFF; background-position: top; vertical-align: top;} 
.month4last { font-family: "sans-serif"; font-size: 10px; color: black; background-color: #FFFFFF; background-position: top; vertical-align: top;} 

td#month4 {border-right: #E0E0E0 solid 1px; vertical-align: top;}
td#month4sun {border-right: #E0E0E0 solid 1px; border-left: #E0E0E0 solid 1px;}
a.month4:link {color: #993333; text-weight:bold; }
td#month4last {border-right: #E0E0E0 solid 1px; border-bottom: #E0E0E0 solid 1px;}
td#month4sunlast {border-right: #E0E0E0 solid 1px; border-left: #E0E0E0 solid 1px; border-bottom: #E0E0E0 solid 1px;}

a.month4:visited {color: #333333; text-weight:bold; }
a.month4:hover {color: #6666CC; text-weight:bold; }
a.month4:active {color: #6666CC; text-weight:bold; }

//-->
</style>

