/* ***** General Styles ***** */

html {
	font-size: 100%;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #555555;
	font-size: 0.75em;
	line-height: 1.25em;
	margin: .4em 0em .5em 0em;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h1 {	
	color: #666666;
	font-size: 1em;
	margin: .5em 0em .2em 0em;
}
h2 {
	color: #f47342;
	font-size: 1.1em;
}
h3 {
	font-size: 1.0em;
	color: #f47342;
}
h4 {
	font-size: .8em;
	color: #666666;
}
h5 {
	font-size: 0.6em;
	color: #666666;
}
h6 {
	font-size: 0.6px;
	color: #666666;
}

a {
	/*color: #f36d3a; - orange*/
	color: #6C0085;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #f36d3a;
	font-weight: bold;
	text-decoration: underline;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

img {
	margin: 0px;
	padding: 0px;
}

.page_content ul {
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style-type: none;
	font-size: 0.75em;
}
.page_content li {
	margin-top: .5em;
	margin-bottom: .5em;
}


/* ***** Containers and Columns ***** */

div.wrapper {	/*outer container*/
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

div.main_content {
	height: 100px;
	width: 980px;
	position: relative;
	z-index: 5;
}

.left_column {
	float: left;
	width: 330px;
}
.right_column {
	float: right;
	width: 650px;
}

.sub_left_column {
	float: left;
	width: 630px;
	background-image: url(wide_box_middle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 0px;
	padding-right: 0px;
}
.sub_right_column {
	float: right;
	width: 330px;
}
.sub_left_top {
	width: 630px;
	height: 10px;
	background-image: url(wide_box_top.jpg);
	background-repeat: no-repeat;
}

.page_content {
	width: 598px;
	float: left;
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 5px;
}

.pagebreak {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	height: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
}

.sub_left_bottom {
	width: 630px;
	background-image: url(wide_box_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 10px;
	float: left;
}

.pyramid_flash_box {
	float: right;
	width: 650px;
	margin-bottom: 10px;
}



/* ***** Widget Boxes ***** */

.widget_box {
	width: 320px;
	margin-bottom: 10px;
}

.widget_marginleft {
	margin-left: 10px;
}
.widget_marginright {
	margin-right: 10px;
}

.widget_floatleft {
	float: left;
}

.widget_floatright {
	float: right;
}

.widget_boxtop {
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 320px;
	background-image: url(box_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.widget_boxmiddle {
	background-image: url(box_middle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 280px;
	padding-right: 20px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.widget_boxbottom {
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 320px;
	background-image: url(box_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	
.widget_title, .widget_content h2 {
	padding-bottom: 5px;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.widget_content {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}



/* ***** Header and Nav ***** */

div.top_banner {	/*Header*/
	position: relative;
	z-index: 10;
}

div.banner {
	position: relative;
	z-index: 5;
	background-image: url(banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 95px;
	width: 980px;
}

div.barnavContainer {	/*navbar container*/
	clear: both;
	width: 980px;
	background-image: url(nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 60px;
} 

#nav, #nav ul {		/*nav block*/
	padding: 0;
	margin: 0;
	margin-left: 5px;
	list-style: none;
}

#nav li {	/*nav elements*/
	padding: 0; margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	float: left;
}

#nav li ul li {		/*nav subelements*/
	color: #333333;
	float: none;
}

#nav a, #nav a:hover {	/*nav links*/
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;	/*fixed so resizing wont break nav*/
	font-weight: normal;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 12px;
	height: 35px;
}
#nav a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #999999;
	background-image: url(nav_over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#nav li:hover, #nav li.sfhover {
	background-image: url(nav_over.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#nav li ul li a, #nav li ul li a:hover {	/*subnav links*/	
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	background-image: none;
	padding: 5px;
	display: block;
	/*float: left;*/
	height: auto;
	width: auto;
} 
#nav li ul li a:hover {
	color: #333333;
	background-color: #CCCCCC;
}

#nav li ul {	/*nav subitems hiding*/
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color: #EEEEEE;
	color: #333333;
	border: solid 1px #AAAAAA;
	overflow: hidden;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	margin: 0px;
	padding: 3px;
}



/* ***** Footer ***** */

.footer {
	height: 30px;
	width: 980px;
	float: left;
	background-image: url(footer_bar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: solid 1px #CCCCCC;
	margin-top:25px;
}

div.footer ul {
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	padding-top: 0px;
}
div.footer ul li {
	list-style: none;
	display: inline;
	color: #666666;
}
div.footer ul li a {
	color: #666666;
	text-decoration: none;
	font-size: 0.6em;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	height: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.footer ul li a:hover {
	color: #333333;
	text-decoration: none;
	font-size: 0.6em;
	float: left;
}

/*
div.footer ul li a.thispage {
background-image: url(nav_over.jpg);
background-repeat: no-repeat;
background-position: center top;
float: left;
color: #000000;
text-decoration: underline;
*/



/* ***** Minimenu elements ***** */

.minimenu h2 { font-size: 1em; }
.minimenu ul { margin: 0px; padding: 0px; list-style: none; }
.minimenu li { margin: 0px; padding: 0px; height: auto; }
.minimenu li a { font-size: .8em; font-weight: normal; color: #666666; }
.minimenu li a:hover { color: #f36d3a; }
.minimenu .subtext { display: none; }	/* Hide subtext items */


/******************************************************************************************************************************/


/*
'
'div.nav_bar {
'height: 55px;
'width: 980px;
'background-image: url(nav_bg.jpg);
'background-repeat: no-repeat;
'background-position: left top;
'}
'
'div.nav {
'float: left;
'width: 830px;
'height: 55px;
'padding-left: 10px;
'}
'
'div.twitter {
'float: right;
'height: 45px;
'width: 120px;
'margin-right: 10px;
'}
'

'

'
'
'div.nav ul {
'margin-left: 0;
'padding-left: 0;
'display: inline;
'padding-top: 0px;
'}
'
'div.nav ul li {
'list-style: none;
'display: inline;
'font-family: Arial, Helvetica, sans-serif;
'color: #FFFFFF;
'}
'
'div.nav ul li a {
'font-family: Arial, Helvetica, sans-serif;
'color: #FFFFFF;
'text-decoration: none;
'font-size: 0.9em;
'height: 40px;
'padding-top: 10px;
'padding-right: 20px;
'padding-left: 20px;
'float: left;
'}
'
'div.nav ul li a:hover {
'font-family: Arial, Helvetica, sans-serif;
'color: #333333;
'text-decoration: none;
'font-size: 0.9em;
'height: 40px;
'padding-top: 10px;
'padding-right: 20px;
'padding-left: 20px;
'float: left;
'}
'
'div.nav ul li a.thispage {
'float: left;
'color: #000000;
'}
'

'} */

'/*
'
'
'



'

'


'

'
'
'}*/