@charset "utf-8";
/* CSS Document */

/* CSS RESET ----------------------------------------------------------------- */

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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1;
	 font-family:Arial, Helvetica, sans-serif;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: square; 

}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

img {float:left;}

/* ------------------------------------------------------------------------------- */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
	}

.clearfix {
    display: inline-block;
	}

/* start commented backslash hack \*/

* html .clearfix {
    height: 1%;
	}

.clearfix {
    display: block;
	}
/* close commented backslash hack */
/* ------------------------------------------------------------------------------- */

.spacer_5 {width:100%; height:5px; clear:left;}

.spacer_10 {width:100%; height:10px; clear:left;}

.spacer_20 {width:100%; height:20px; clear:left;}

.spacer_30 {width:100%; height:30px; clear:left;}

.spacer_40 {width:100%; height:40px; clear:left;}

/* ------------------------------------------------------------------------------- */


body { background:url(../images/top_bg.gif) repeat-x top; color:#2d2d2d; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

#wrapper { width:910px; margin:auto;}

#logo { height:110px;}

#logo img { margin:26px 0 35px 30px;}

#top_nav { height:50px; width:100%; background:url(../images/nav_bg.png) repeat-x; border-bottom:6px solid #FFFFFF;}

#side_column { width:225px; border-right:1px solid #dfdfdf; float:left;}

#info_box { width:217px; width:218px; background-color:#f7f7f7; font-size:12px; color:#000000; margin-bottom:10px; } 

	#info_box h2 { font-size:21px; color:#7d7b7b; height:43px; clear:both; padding:15px 0 0 12px;}
	#info_box h2 img { margin-top:-8px;}
	#info_box p { margin:0 0 0 12px; width:190px; line-height:17px;}
	
#main_column { width:673px; background:url(../images/main_top_bg.gif) repeat-x; float:left; margin-left:10px;}

#main_column h1 { height:40px; width:645px; margin:0 13px 5px 13px; border-bottom:1px solid #dddddd; font-size:27px; color:#8a8a8a; padding-top:16px; font-weight:normal; letter-spacing:-1px;}

#main_column h2 { margin:20px 0 0 13px; width:640px; font-weight:bold; line-height:17px;}

#main_column p { margin:20px 0 0 13px; width:640px; line-height:17px;}


#main_column_broad { width:99%; background:url(../images/main_top_bg.gif) repeat-x; float:left; margin-left:10px;}

#main_column_broad h1 { height:40px; width:97%; margin:0 13px 5px 13px; border-bottom:1px solid #dddddd; font-size:27px; color:#8a8a8a; padding-top:16px; font-weight:normal; letter-spacing:-1px;}

#main_column_broad h2 { margin:20px 0 0 13px; width:97%; font-weight:bold; line-height:17px;}

#main_column_broad p { margin:20px 0 0 13px; width:97%; line-height:17px;}





#footer { font-size:12px; color:#898989; height:30px; width:910px; border-top:1px solid #dddddd; margin-top:10px; clear:both; float:left; padding-top:20px; }

#footer a { color:#898989; text-decoration:none; }
#footer a:hover { color:#333333;}

#footer_spacer { width:225px; height:20px; float:left;}