/* these two selectors are used to center something inside a grid object.
	use text center for text, boxcenter for box-like items
	*/	

.textcenter {
	text-align: center;
	}

.boxcenter {
	margin:0 auto;
	}

/* some overrides from typography.css */

h1, h2, h3, h4, h5, h6 {
	color:#222;
	}


a {
	color:black;
	text-decoration: none;
	}
	
a:focus, a:hover {
	color:;
	text-decoration: underline;
	}	


/* below here are formatting things from the tah theme */

/* stuff that applies here everywhere as a default */
body { 
	background:#256277 none repeat scroll 0 0;
	background:#256277 url(images/background.png) repeat-y scroll center top;
	color:#222;
  	font-family: verdana,"Helvetica Neue", Arial, Helvetica, sans-serif;
  	font-size:13px;
	}


/* 	this creates a centered section and wll hold the grid container.
	The width should match the grid width
*/	
#centered {
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	width:950px;
	}

/* 	put a border around the menu
	note that the xhtml uses one column extra for this div, and the <UL> that is
	the actual menu is given the same width as the image, then the menu is 
	centered in the div
	this is based on blueprint "box" selector
	*/
.box-tahmenu {
	border-top:5px solid black;
	border-bottom:5px solid black;
	padding: 5px 0;
	margin-bottom:1.5em;
	}


/* set the width of the horizontal menu to be the same as the image plus the borders */
#menu ul {
	width:950px;
	background:#256277;
	}
	
/* formatting specific for the menu items on this page */
#menu li {
	display:inline;
	list-style-type:none;
	}

/* format the links in the actual menu */	
#menu ul li a {
	font-size:2em;
	font-weight:bold;
	padding:5px 21px;
	text-transform:lowercase;
	}	
	
/* format the hover:links in the actual menu */	
#menu ul li a:hover {
	color: #256277;
	background: #fff;
	text-decoration: none;
	}

/* design specifc info for header */
.header {
	height:60px;
	background:blue;

	background:#256277 url(images/x.png) repeat-x scroll center top;
	border-top:5px solid #333333;
	clear:both;
	height:198px;
	margin:0 auto;
	text-align:center;
	}

#content, #sidebar {
  	font-family: verdana,"Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-top:0;
	}

#content a {
	color:#256277;
	font-weight:bold;
  	font-family: verdana,"Helvetica Neue", Arial, Helvetica, sans-serif;
	}
	

#content h1 {
	background:#FFFFFF none repeat scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	border-top:5px solid #CCCCCC;
	color:#256277;
	font-size:29px;
	font-weight:normal;
	letter-spacing:2px;
	margin:0 0 15px;
	padding:10px 0;
	text-align:center;
	}

#content p {
	padding:5px 0;
	}

#sidebar h2 {
	background:#6BEEEE none repeat scroll 0 0;
	border-bottom:2px solid #009090;
	border-top:2px solid #009090;
	color:#009090;
	font-family:Verdana,Lucida Grande,Tahoma,Verdana;
	font-size:1.75em;
	font-weight:bold;
	letter-spacing:1px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 5px;
	text-align:center;
	}

#sidebar h2.first {
	margin-top: 0;
	}
	
#sidebar p, #sidebar .textwidget {
	margin:0;
	padding:0px 0 16px;
	font-size:1.2em;
	line-height:1.2em;
	}
	
#sidebar ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	}

#sidebar ul li  {
	border-bottom:1px dotted #666666;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0px 0 6px 0px;
	}
	
#text #sidebar ul li {
	border-bottom:none;	}
	
#sidebar a {
	color:#2D53AA;
	}
	
#sidebar a:focus, #sidebar a:hover {
	color:white;
	background: #2D53AA;
	text-decoration: none;
	}	


.footer {
  	font-family: verdana,"Helvetica Neue", Arial, Helvetica, sans-serif;
	background:#256277 none repeat scroll 0 0;
	border-top:5px solid #333333;
	color:#FFFFFF;
	letter-spacing:1px;
	}
	
.boxcomments ol {
	list-style-type:none;
	margin-left: 0;
	}

.boxcomments h2 {
	font-size: 1.2em;
	font-weight:bold;
	}