/*  
Theme Base
Description: master styles for a series of color-based designs
Version: 1.0
Author: frank hamilton, Community IT Innovators
Author URI: http://citidc.com
*/

/*
 Colors
 Red: #931b22;
 Grey: #444444;

/*	------------------------------------------------------- 
	DOCUMENT
	------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	color: #111111;
	/*color: #333333;*/
	font: 12px/16px Arial, Helvetica, san-serif;
}

a, a:link, a:active, a:visited {
	color: #931b22;
	text-decoration: none;
}

a:hover {
	color: #931b22;
	text-decoration: underline;
}

p { 
	margin: 0 0 10px 0;
}

h1, h2, h3, h4 { 
	font-weight: 100;
	color: #333333;
	/*color: #666666;*/
	margin-bottom: 0;
}
h1 { font: 24px/26px Arial, Helvetica, san-serif; margin-bottom: 10px; }
h2 { font: 20px/26px Arial, Helvetica, san-serif; margin: 20px 0 10px 0; }
h3 { font: 18px/24px Arial, Helvetica, san-serif; }
h4 { font: 16px/18px Arial, Helvetica, san-serif; font-weight: bold;}
h5 { font: 14px/16px Arial, Helvetica, san-serif; }

/*ul { list-style-type: none; }*/
li { margin: 5px 0 0 0; }

blockquote {
	margin: 10px;
	padding: 10px 0 0 22px;
	font: 12px/14px Courier, Georgia, serif;
	color: #666666;
}

img { 
	border: none;
}


/*	------------------------------------------------------- 
	LAYOUT
	------------------------------------------------------- */
#universal {
	height: 25px;
	margin: 0;
	/*background-color: #6699CC;*/
}

/*#universal {
	height: 130px;
	margin: 0;
	background-color: #444444;
	border-bottom: 2px solid #931b22;
}*/

#nav_universal {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	
}

#quick_links {
	color: #FFFFFF;
	float: right;
}

#site_switch { 
	padding: 2px 0;
	float: right;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}

#header	{ 
	width: 990px;
	height: 195px;
	display: block;
	float: left;
}

#nav_global { 
	width: 990px;
	margin: 0 0 0 0;
	float: left;
}

#nav_functional {
	width: 990px;
	height: 50px;
	margin-top: 2px;
	float: left;
}

#titling {
	width: 450px;
	float: left;
}

#search {
	width: 300px;
	height: 30px;
	float: left;
}
#searchform { padding: 3px 0 0 0; }
#s, #searchsubmit { padding: 0; margin: 0 0 0 5px; float: left; }

#member_info {
	width: 237px;
	height: 35px;
	margin: 0 0 0 2px;
	float: left;
}

#member_panel {
	position: absolute;
 width: 236px;
	right: 1px;
	color: #FFFFFF;
}

/* from zen */
.no-sidebars #one
{
  width: 990px;
  float: left;
  text-align: left;
  margin-left: 0;
  /*margin-right: -990px; / * Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

.sidebar-left #one
{
  width: 690px;
  float:left;
  text-align:left;
}

.sidebar-right #one
{
  width: 690px;
  float:left;
  text-align:left;
}

.two-sidebars #one
{
  width: 450px;
  float: left;
  text-align: left;
}

#content {
  clear: left;
  width: 990px;
  position: relative;
}

#content-inner
{
  margin: 0;
  padding: 0;
}



.two-sidebars #one {
	width: 450px;
	float: left;
	text-align: left;
}

.one-sidebar-three #one {
	width: 750px;
	float: left;
	text-align: left;
} 


.one-sidebar.sidebar-right #one {
	width: 750px;
	float: left;
	text-align: left;
} 

#two {
	width: 300px;
	float: left;
	text-align: left;
}

#three {
	width: 240px;
	float: left;
	text-align: left;
	overflow: hidden;
}

#universalFooter {
	background-color: #444444;
	border-top: 2px solid #000;
	height: 80px;
	clear: both;
	margin-top: 20px;
}

#footer {
	clear: both;
	width: 990px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: center;
}

#above_footer {
	clear: both;
	width: 990px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.inside_5 { padding: 5px 10px; float: left; } .inside_5 p { padding: 5px 0; float: left; }
.inside_10 { padding: 10px; }
.inside_one { padding: 10px 5px; }
.inside_two { padding: 10px; }
.inside_three { padding: 10px 5px; }


/*	------------------------------------------------------- 
	NAVIGATION : UNIVERSAL
	------------------------------------------------------- */

#u { 
	float: right;
	width: 463px;
	margin: 12px 0 0 0;
	text-align: right;
}

#quick_links a { 
	color: #FFFFFF;
	text-decoration: underline;
}


/*	------------------------------------------------------- 
	NAVIGATION : GLOBAL
	------------------------------------------------------- */

#nav_global ul {
	padding: 0;
	margin: 0;
	width: 990px;
	list-style: none; 
	font-size: 14px;
	line-height: 1;
	float: left;
}

#nav_global li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0px;
}

/*Update to ul.link li based on changing above to inline-block instead of float: left*/
ul.links li {padding: 0 0.37em;}

#nav_global a {
	margin: 0;
	padding: 5px 7px;
	float: left;
	display: block;
	background: transparent;
	text-decoration: none;
	color: #000000;
}

#nav_global a:hover {
	background-color: #FFFFFF;
	display: inline-block;
	*zoom: 1;
	*display: block;
}

/*	------------------------------------------------------- 
	NAVIGATION : Personal Menu Block
	------------------------------------------------------- */
#acsPersonalMenu {
	margin: 0px;
}

#acsPersonalMenu h3 {
	padding: 10px 2px 3px 2px;;
	margin: 2px;
}

#acsPersonalMenu ul {
	padding-left: 12px;
	margin-left: 12px;
}


/*	------------------------------------------------------- 
	CONTENT : GENERAL
	------------------------------------------------------- */

.byline {
	font-size: 10px;
	color: #999999;
	font-style: italic;
}

.section {}

.promo { 
	margin: 0 0 10px 0;
	float: left;
}

li.pdf {
	padding-left: 25px;
	background: url("g/pdf.png") top left no-repeat;
}

.messages {
	padding: 10px 0px;
	font-weight: bold;
	font-size: 16px;
}

/*	------------------------------------------------------- 
	CONTENT : ONE
	------------------------------------------------------- */

.featured_img img { margin: 5px; }

.inside_one h1, .inside_one h2, .inside_one p { padding: 0 10px; }

.more { text-align: right; }

.one_module_left {
	width: 213px;
	margin: 10px 0 0 0;
	float: left;
	border: 1px solid #CCCCCC;
}
.one_module_right {
	width: 213px;
	margin: 10px 0 0 0;
	float: right;
	border: 1px solid #CCCCCC;
}

#one .one_module_left ul, #one .one_module_right ul { padding: 5px 0; margin: 0; }
.one_module_left p { padding: 5px 0; }
.one_module h5 { padding: 0 5px; }

#one ul { margin-left: 20px; }

/*	------------------------------------------------------- 
	CONTENT : TWO
	------------------------------------------------------- */

.two_module { 
	margin: 0 0 20px 0;
	text-align: center;
}

.two_module h3, .two_module p { text-align: left; }


/*	------------------------------------------------------- 
	CONTENT : THEREE
	------------------------------------------------------- */

#three .promo h4 {
	padding: 5px;
	color: #666666;
	background: #C8D9EB url("g/three_promo_top.jpg") top left no-repeat;
}

#three .promo { width: 230px; }
#three .promo img { padding: 5px 4px; float: left; }

#three .promo {
	padding: 0 0 10px 0;
	color: #FFFFFF;
	background: #C8D9EB url("g/three_promo_bottom.jpg") bottom left no-repeat;
}

.promo_left {
	width: 55px;
	float: left;
}

.promo_right {
	width: 175px;
	float: right;
}

#three .promo ul, #three .promo p { padding: 0 5px; }

.nav_sub { margin: 0 0 25px 10px; }


/*	------------------------------------------------------- 
	CONTENT : MEMBER PANEL
	------------------------------------------------------- */

#three .inside_10 { margin: 0 2px; padding: 0; }

#member_panel ul, #member_panel p { padding: 5px 10px; }