/*************************************/
/*  1. CSS Rest                      */
/*                                   */
/*  Thank you Eric Meyer             */
/*  http://www.meyerweb.com          */
/*************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*************************************/
/*  2. Global CSS                    */
/*                                   */
/*  Applies to all pages in site     */
/*************************************/

body {
	background:transparent url(/images/bkg-body.gif) scroll repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
}
body div.wrapper {
	margin: 30px auto 0 auto;
	width: 955px;
	background-color: #FFFFFF;
}

/*  LEFT COLUMN */

body div.wrapper div.left_column {
	margin: 0 2px 0 0;
	float: left;
	width: 288px;
}
body div.wrapper div.left_column h1.logo{
	background:transparent url(/images/pix-logo.jpg) scroll no-repeat left top;
    width:288px;
    height:146px;
}
body div.wrapper div.left_column h1.logo a{
	display:block;
    text-indent:-99999px;
    width:288px;
    height:146px;
}
body div.wrapper div.left_column ul#nav{
	background:#220d0e url(/images/bg-nav.gif) scroll repeat-y left top;
    border-top:2px solid #908f73;
}
body div.wrapper div.left_column ul#nav > li {
	border-bottom: 1px solid #FFFFFF;
}
body div.wrapper div.left_column ul#nav > li > a {
	padding: 0 0 0 49px;
	display: block;
	line-height: 32px;
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
	background: transparent url(/images/bg-nav-arrow.gif) scroll no-repeat left top;
}
body div.wrapper div.left_column ul#nav > li > a:hover,
body div.wrapper div.left_column ul#nav > li > a:active{
	background-color: #CCCCCC;
	color: #000000;
}
body div.wrapper div.left_column ul#nav > li > a.current {
	color: #ac7e17;
}
body div.wrapper div.left_column ul#nav > li > ul {
	overflow: hidden;
	height:0px;
}
body div.wrapper div.left_column ul#nav > li.active > ul {
	display: block;
	height: 200px;
}

body div.wrapper div.left_column ul#nav > li > ul ul {
	margin-left:25px;
}

body div.wrapper div.left_column ul#nav > li > ul li {
	border: none;
}

body div.wrapper div.left_column ul#nav > li > ul li a {
	padding: 0 0 0 75px;
	display: block;
	line-height: 20px;
	color: #ac7e17;
	text-decoration: none;
	background: transparent url(/images/bg-nav-arrow2.gif) no-repeat scroll 55px 8px;
	font-size: 12px;
	height: 20px;
}
body div.wrapper div.left_column ul#nav > li > ul li.active>a {
	color: #bd8f28;
    text-decoration:underline;
}

body div.wrapper div.left_column ul#nav > li > ul li a:hover {
	background-color: transparent;
	color: #bd8f28;
	text-decoration: underline;
}


/*  RIGHT COLUMN */

body div.wrapper div.right_column {
	float: left;
	width: 665px;
    background:#FFFFFF url(/images/bg-banner.jpg) scroll no-repeat top left;
}
body div.wrapper div.right_column ul.utility_nav {
	color: #4e682f;
	font-size: 1px;
	text-align:right;
    height:15px;
    line-height:15px;
    margin-top:60px;
    margin-bottom:41px;
}
body div.wrapper div.right_column ul.utility_nav li{
	display:inline;
    padding:0 4px 0 3px;
    border-right: 1px solid #4e682f;
	font-size: 11px;
}
body div.wrapper div.right_column ul.utility_nav li.last{
	border:none;
}
body div.wrapper div.right_column ul.utility_nav li a{
	color: #4e682f;
}
body div.wrapper div.right_column ul.utility_nav li a:hover,
body div.wrapper div.right_column ul.utility_nav li a:active{
	text-decoration:none;
}

body div.wrapper div.right_column ul.utility_nav li a.enews {
	margin: 0 0 0 3px;
	padding: 0 5px 0 24px;
	background:transparent url(/images/bg-enews.gif) scroll no-repeat left top;
	font-size: 12px;
}

/* FOOTER */

body div.footer {
	padding: 38px 0 15px;
	color: #91806e;
	font-size: 12px;
	text-align: center;
	background: transparent url(/images/bg-footer.gif) scroll repeat-x left top;
    clear:both;
}
body div.footer ul {
	line-height: 14px;
    font-size:1px;
}

body div.footer ul li {
	display: inline;
	border-right: 1px solid #91806E;
    padding:0 5px 0 4px;
   	font-size:11px;
}

body div.footer ul li a {
}

body div.footer ul li a.enews {
	margin: 0 0 0 3px;
	padding: 0 5px 0 24px;
	background:transparent url(/images/bg-enews.gif) scroll no-repeat left top;
	font-size: 12px;
}

body div.footer ul li.last {
	border-right: none;
}

body div.footer p {
	padding: 5px 0 0 0;
    font-size:11px;
}

body div.footer a {
	color: #91806e;
	text-decoration: none;
}

body div.footer a:hover,
body div.footer a:active {
	text-decoration: underline;
}

/*************************************/
/*  3. Home Page                     */
/*                                   */
/*  Applies to the home page only    */
/*************************************/
body.home div.wrapper div.left_column ul#nav{
	height:165px;
    overflow:hidden;
}
body.home div.wrapper div.features{
	margin: 5px 0 20px 0;
	width:100%;
    float:left;
	background: transparent url(/images/bg-features-mid2.gif) scroll no-repeat left bottom;
}
body.home div.wrapper div.features div.features_top{
	height: 2px;
	overflow: hidden;
	background: transparent url(/images/bg-feature-top-bot.gif) scroll no-repeat left top;
}
body.home div.wrapper div.features ul{
	background: transparent url(/images/bg-features-mid.gif) scroll repeat-y left top;
    float:left;
    padding:0 2px;
}
body.home div.wrapper div.features ul li{
	float:left;
	padding: 15px;
	margin-left:16px;
	width: 276px;
}
body.home div.wrapper div.features ul li.first{
	margin-left:0;
}

body.home div.wrapper div.features ul li.last{
	margin-left:17px;
}
body.home div.wrapper div.features ul li h2 {
	font-size: 20px;
}
body.home div.wrapper div.features ul li p {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.5;
}
body.home div.wrapper div.features ul li a {
	color: #000000;
	text-decoration: underline;
}
body.home div.wrapper div.features ul li a:hover,
body.home div.wrapper div.features ul li a:active {
	text-decoration: none;
}
body.home div.wrapper div.features ul li a.more {
	font-weight: bold;

}
body.home div.wrapper div.features div.features_bottom{
	height: 2px;
	overflow: hidden;
	background: transparent url(/images/bg-feature-top-bot.gif) scroll no-repeat left top;
    clear:both;
}
/*************************************/
/*  4. Content                       */
/*                                   */
/*  Applies to all content pages     */
/*                                   */
/*************************************/

/* LEFT COLUMN */

body.content div.wrapper div.left_column div.callout {
	padding: 15px;
	margin: 10px 0 30px 0;
	border: 2px solid #b3b5b8;
	background: transparent url(/images/bg-feature-mid.gif) repeat-x scroll left bottom;
}
body.content div.wrapper div.left_column div.callout h2 {
	font-size: 20px;
}
body.content div.wrapper div.left_column div.callout p {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.5;
}
body.content div.wrapper div.left_column div.callout a {
	color: #000000;
	text-decoration: underline;
}
body.content div.wrapper div.left_column div.callout a:hover,
body.content div.wrapper div.left_column div.callout a:active {
	text-decoration: none;
}
body.content div.wrapper div.left_column div.callout a.more {
	font-weight: bold;
	color: #000000;
}
body.content div.wrapper div.left_column div.callout img.left {
	margin: -10px 10px 10px -5px;
	float: left;
}
body.content div.wrapper div.left_column div.callout img.right {
	margin: 10px -5px -10px 5px;
	float: right;
}
body.content div.wrapper div.left_column div.callout img.center {
	display:block;
	margin:0 auto;
	padding: 10px 0;
}

/* RIGHT COLUMN */
body.content div.wrapper div.right_column .content_banner{
	border-bottom: 4px solid #274701;
}

/* RIGHT COLUMN - MAIN CONTENT AREA */
body.content div.wrapper div.right_column div.main {
	padding: 30px 45px 45px;
	font-size: 14px;
}
body.content div.wrapper div.right_column div.main h1 {
	padding: 0 0 20px 0;
	text-transform: uppercase;
	color: #274701;
	font-size: 24px;
}
body.content div.wrapper div.right_column div.main span.fancy {
	color: #c2a204;
}
body.content div.wrapper div.right_column div.main h2 {
	color: #274701;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: normal;
	clear: both;
}
body.content div.wrapper div.right_column div.main h3 {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	color: #6a3e14;
	font-size: 16px;
	clear: both;
}
body.content div.wrapper div.right_column div.main p {
	padding: 0 0 15px 0;
	line-height: 1.15;
}
body.content div.wrapper div.right_column div.main a {
 color:#000000;

}
body.content div.wrapper div.right_column div.main ul,ol { 
	margin: 10px 20px;
}
body.content div.wrapper div.right_column div.main ul{
	list-style-type: disc;
}
body.content div.wrapper div.right_column div.main ol{
	list-style-type: decimal;
}

body.content div.wrapper div.right_column div.main ul li,
body.content div.wrapper div.right_column div.main ol li { 
	padding-bottom:8px;
}

body.content div.wrapper div.right_column div.main img.left {
	margin: -10px 10px 10px -5px;
	float: left;
}
body.content div.wrapper div.right_column div.main img.right {
	margin: 10px -5px -10px 5px;
	float: right;
}

body.content div.wrapper div.right_column div.main img.center {
	display:block;
	margin:0 auto;
	padding: 10px 0;
}