body {
	font: 12px 'Trebuchet MS', Verdana; 
	color: #444;
	background: #EDEDED;
	text-align: center;
	margin: 0 0 30px;
	}
DIV, P, PRE, CENTER, TABLE, FORM,
SPAN, FONT, UL, OL, LI, A {
	margin:	0px;
	padding: 0px;
}
UL, OL {
	margin-left: 20px;
}


#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 12px 0 10px;
	position: relative;

	width: 900px;
	border: 1px solid #ddd;
	border-top: none;
	}

body.flex #page { 
	width: 900px;
	}

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 80px;
	background: #3371A3;
	}

#header center a {
 color: #fff;
 font-size: 18px;
 text-decoration: none;
}
#header center{
  margin-top: 24px;
}
.leftbar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 10px 10px 0px 10px;
	width: 180px;
	float: left;
	}

#primary {
	width: 490px;
	float: left;
	}

.secondary {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 10px 0px 0px 700px;
	width: 200px;
	}


.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
}
.menu  a {
	float: left;
	padding: 3px 8px 3px 8px;
	color: white;
	letter-spacing: -1px;
	background: #999999;
	margin: 0;
	}
.menu a:hover {
	padding: 3px 8px 3px 8px;
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}



h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana;
}

h1 { 
	font-size: 1.8em;
	letter-spacing: -1px;
	padding: 0;
	margin: 0;
}

h2 { 
	font-size: 1.3em;
	letter-spacing: -1px;
	padding: 0;
	margin: 0;
}

.leftbar h2,
.secondary h2 { 
	font-size: 1.3em;
	letter-spacing: -1px;
	padding: 0;
	margin: 0;
}






.metadata { 
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
	}

.metadata a, .commentmetadata a {
	color: #777;
	}



.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}

#primary .item {
	margin: 0;
	padding: 5px 0 5px;
	
	}

#primary .item .itemtext {
	margin-top: 12px;
	font: 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #444;
	}




#footer {
	margin: auto;
	padding: 6px 10px 6px 10px;
	border: 1px solid #ddd;
	background: white;
	text-align: center;
	width: 880px;

	}

#footer a {
	color: #888;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: black;
	}

#primary a:hover, 
.secondary a:hover, 
.leftbar a:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #27d;
	text-decoration: none;
	}


.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}



.theme {
	font: 80% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: left;	
       }

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.noborder {
	border: none !important;
	}

small {
	font-size: .9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}