@charset "utf-8";
/* CSS Document */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
*
{
	margin: 0px; 
	padding: 0px;
}
body
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #cccccc;
	margin: 20px 0px 0px 0px;
}
body *
{
	text-align: left;
}
.wrapper
{
	width: 770px;
	margin: auto;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px; /* TOP + Bottom but no side padding */
}
.wrapper2
{
	padding: 10px 10px 10px 10px;
}
.header
{
	margin: 0px 0px 10px 0px;
}
.header .banner
{
	background: #6280B3 url(/res/tagline.gif) no-repeat scroll right center;
	margin: 0px 0px 1px 0px;
}
.header .banner img
{
	border: none;
}
.header .nav
{
	background-color: #FFAA01;
}
.header .nav ul
{
	list-style: none;
	display: block;
	width: 100%;
}
.header .nav ul li
{
	display: block;
	float: left;
}
.header .nav ul li a
{
	display: block !important;
	float: left;
	color: #ffffff;
	font-size: 1.1em;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	height: 30px;
	line-height: 2.1em;
	border-right: solid 1px #ffffff;
}
.header .nav ul li a:hover, .header .nav ul li.selected a
{
	background-color: #FFF274;
	color: #333333;
	text-decoration: underline;
}
.panel1
{
	float: right;
	width: 490px;
}
.panel2
{
	width: 250px;
	float: left;
	margin-right: 10px;
}
.footer
{
	margin: 10px 0px 0px 0px;
	display: inline;
}
.footer .nav
{
	background-color: #6280B3;
	width: 100%;
	margin: 0px 0px 1px 0px;
	clear: both;
	height: 30px;
}
.footer .nav ul
{
	list-style: none;
	width: 100%;
	height: 30px;
}
.footer .nav ul li
{
	display: block;
	float: left;
}
.footer .nav ul li a
{
	display: block;
	float: left;
	text-decoration: none;
	height: 30px;
	color: #ffffff;
	padding: 0px 10px 0px 10px;
	line-height: 2.3em;
}
.footer .nav ul li a:hover
{
	text-decoration: underline;
}
.footer .info
{
	background: #CAC5FF url(/res/copyright.gif) no-repeat scroll left center;
	text-align: right;
	font-size: 0.8em;
	height: 65px;
}
.footer .info .contact
{
	padding: 10px 10px 0px 0px;
}
.footer p
{
	text-align: right;
	margin: 0px 0px 5px 0px;
}


/*************************************
STYLES
*************************************/
.content
{
	padding: 0px 0px 0px 0px;
	background-color: #EAEAEA;
	margin: 0px 0px 10px 0px;
	clear: both;
	width: 100%;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6
{
	background: #CAC5FF url(/res/content_heading_bullet.gif) no-repeat scroll left center;
	color: #001A4D;
	font-weight: bold;
	font-size: 1.1em;
	height: 30px;
	line-height: 2.2em;
	padding: 0px 0px 0px 35px;
	margin: 0px 0px 10px 0px;
	border-bottom: solid 1px #ffffff;
	text-transform: lowercase;
}
.content .text
{
	padding: 0px 10px 0px 10px;
}
.content .text p
{
	margin: 0px 0px 15px 0px;
	background: transparent url(/res/bullet.gif) no-repeat scroll left top;
	padding: 0px 0px 0px 15px;
}
.content .text p.indent
{
	margin: 0px 0px 15px 120px;
}
.content .text img
{
	float: left;
	margin-right: 10px;
	border: solid 1px #666666;
	width: 110px;
}

.content .text ul
{
	margin: 0px 0px 0px 0px;
	list-style: disc;
}
.content .text ul li
{
	margin: 0px 0px 10px 0px;
}
/***********************************/
.content2
{
	padding: 0px 0px 0px 0px;
	background-color: #FFFFCC;
	width: 240px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	display: inline !important; /* IE5 Bug margin doubling bug fix */
}
.content2.alternate
{
	margin-right: 0px;
	margin-bottom: 10px;
}

.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6
{
	background: #FFE033 url(/res/content2_heading_bullet.gif) no-repeat scroll left center;
	color: #001A4D;
	font-weight: bold;
	font-size: 1.1em;
	height: 30px;
	line-height: 2.2em;
	padding: 0px 0px 0px 35px;
	margin: 0px 0px 10px 0px;
	border-bottom: solid 1px #ffffff;
	text-transform: lowercase;
}
.content2 h1 a, .content2 h2 a, .content2 h3 a, .content2 h4 a, .content2 h5 a, .content2 h6 a
{
	color: #001A4D;
	text-decoration: none;
}
.content2 .text
{
	padding: 0px 10px 0px 10px;
}
.content2 .text p
{
	margin: 0px 0px 10px 0px;
}
.content2 .text img
{
	float: left;
	margin: 0px 10px 10px 0px;
	border: solid 1px #666666;
}
.content2 .text a
{
	color: #333333;
	text-decoration: none;
}
.content2.highlight
{
	background-color: #FFFF77;
}
.content2.highlight a
{
	color: #ffffff;
	text-decoration: underline;
}
.content2.highlight .text a
{
	color: #000000;
	text-decoration: underline;
}
.content2.highlight h1, .content2.highlight h2, .content2.highlight h3, .content2.highlight h4, .content2.highlight h5, .content2 h6
{
	background: #FFAA01 url(/res/content2_heading_bullet_hl.gif) no-repeat scroll left center;
}
/***********************************/
.sidebar 
{
	padding: 0px 0px 10px 0px;
	background-color: #FFFFCC;
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6
{
	background: #FFE033 url(/res/content2_heading_bullet.gif) no-repeat scroll left center;
	color: #001A4D;
	font-weight: bold;
	font-size: 1.1em;
	height: 30px;
	line-height: 2.2em;
	padding: 0px 0px 0px 35px;
	margin: 0px 0px 10px 0px;
	border-bottom: solid 1px #ffffff;
	text-transform: lowercase;
}

.sidebar .text
{
	margin: 0px 10px 10px 10px;
	background-color: #ffffff;
	padding: 10px 10px 0px 10px;
}
/***********************************/
.home-portfolio ul
{
	list-style: none;
	width: 100%;
}
.home-portfolio ul li
{
	display: block;
	float: left;
	text-align: center;
	width: 100px;
	height: 145px;
}
.home-portfolio ul li.alternate
{
	display: block;
	float: left;
	text-align: center;
	width: 100px;
	margin: 0px 0px 0px 10px;
}
.home-portfolio ul li img
{
	border: solid 1px #cccccc;
	width: 98px;
	height: 108px;
}
.home-portfolio ul li a
{
	font-size: 0.8em;
	color: #333333;
	text-decoration: none;
}

.home-portfolio ul li.highlight img
{
	border: solid 1px #333333;
	width: 98px;
	height: 108px;
}
.home-portfolio ul li.highlight a
{
	font-size: 0.8em;
	color: #333333;
	text-decoration: underline;
}

/***********************************/
.quote1
{
	background: #EAEAEA url(/res/quote1.gif) no-repeat scroll left top;
	height: 120px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-style: italic;
}
.quote2
{
	
	background: #FFFFCC url(/res/quote2.gif) no-repeat scroll left top;
	height: 120px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-style: italic;
}
.quote1 .text, .quote2 .text
{
	padding: 15px 15px 15px 15px;
}
.quote1 .text p, .quote2 .text p
{
	margin: 0px 0px 10px 0px;
}