html, body
{
	margin: 0px;
	padding: 0 0 5px 0;
	background: url('images/main_bg.jpg') repeat-x #ececec;
	font-family: "Trebuchet MS", Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 76%;
}

#content a:link, #content a:visited
{
	color: #036;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#content a:hover, #content a:active
{
	color: #105FAE;
	text-decoration: none;
	border-bottom: 1px solid;
}

#page-container
{
	width: 760px;
	border: 3px solid #fff;
	background: #fff;
	margin: 0 auto;
}

.skiplink { display: none; }

#menu_container
{
	margin: 0;
	padding: 0 0 3px 0;
	border: 1px solid #fff;
	position: relative;
	width: 760px;
	height: 30px;
	z-index: 100;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited
{
	display: block;
	width: 187px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: 12px;
	border: 1px solid #fff;
	border-width: 1px 2px 1px 1px;
}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited { border-width: 0 1px 1px 1px; }
#pmenu li a.enclose, #pmenu li a.enclose:visited { border-width: 1px; }

/* Set up the list items */
#pmenu li
{
	float: left;
	background: #036;
	zoom: 1;
	-moz-opacity: 0.98; /* for mozilla */
	opacity: 0.98;		/* for safari */
	khtml-opacity: 0.98 /* for konquerer and older safari */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);		/* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
}

/* For Non-IE browsers and IE7 */
#pmenu li:hover { position: relative; }

/* Make the hovered list color persist */
#pmenu li:hover > a
{
	background: #105FAE;
	color: #fff;
}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul { display: none; }

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul
{
	display: block;
	position: absolute;
	top: -11px;
	left: 80px;
	padding: 10px 30px 30px 30px;
	background: transparent url(images/transparent.gif);
	width: 220px;	
}

/* Position the first sub level beneath the top level links */
#pmenu > li:hover > ul
{
	left: -30px;
	top: 21px;
}

/* get rid of the table */
#pmenu table
{
	position: absolute;
	border-collapse: collapse;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 1em;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover
{
	position: relative;
	background: #105FAE;
	color: #fff;
}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus
{
	background: #105FAE;
	color: #fff;
}

/* Set up the pointers for the sub level indication */
#pmenu li.fly { background: #036 url(images/fly.gif) no-repeat right center; }
#pmenu li.drop { background: #036 url(images/drop.gif) no-repeat right center; }

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul
{
	visibility: hidden;
	display: block;
	position: absolute;
	top: -11px;
	left: 80px;
	padding: 10px 30px 30px 30px;
	background: transparent url(images/transparent.gif);
}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul { visibility: hidden; }

/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul { visibility: hidden; }

/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }

/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul
{
	visibility: visible;
	left: -30px;
	top: 14px;
	lef\t: -31px;
	to\p: 15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul
{
	visibility: visible;
	top: -11px;
	left: 80px;
}

/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { visibility: visible; }

/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */
/*End Menu*/

#header
{
	background: url('images/header_bg.png') repeat-x top left #036;
	height: 110px;
	font-size: 1.75em;
}

#header01
{
	background: url('images/box_04.jpg') #036;
	height: 140px;
	width: 758px;
	font-size: 1.75em;
	border: 1px solid #999;
}

#header h1, #header01 h1
{
	margin-top: 0;
	margin-left: 20px;
}

#header a, #header01 a
{
	color: #fff;
	text-decoration: none;
}

.pullquote {
	width: 127px;
	border-top: #333 solid 3px;
	border-bottom: #333 solid 3px;
	float:right;
	display: inline;
	background-color: #eee;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	line-height: 1.15em;
	text-align: center;
	margin: 0px 10px 2px 8px;
	padding: 10px 7px 10px 10px;
}

.pullquote u
{
	color: #053769;
}

#fauxColumn
{
	width: 760px;
	margin-top: 3px;
	margin-bottom: 3px;
	background: url('images/bg_01.jpg') repeat-y #fff;
}

#sidebar
{
	float: right;
	width: 190px;
	text-align: center;
	padding: 25px 16px;
	font-size: 1.3em;
}

#sidebar ul, #sidebar ul ol
{
	margin: 0;
	padding: 10px;
}

#sidebar ul li
{
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin-bottom: 10px;
}

#sidebar ul li h2
{
	font-size: 1.5em;
}

#sidebar input
{
	font-size: 1.2em;
}

/*#testiText
{
	padding-left: 24px;
	background: transparent url(images/start_quote_rb.gif) left top no-repeat;
	zoom: 1;
}

#testiTextInner
{
	width:152px;
	padding-right: 24px;
	background: transparent url(images/end_quote_rb.gif) right bottom no-repeat;
}

#testiAuth
{
	float: right;
	font-size: 0.8em;
	font-style: italic;
	zoom: 1;
}*/

#content
{
	float: left;
	width: 500px;
	padding: 10px;
	font-size: 1.7em;
}

#content ul li
{
	font-size: 1em;
	list-style-type: square;
}

.post
{
	margin-top: 30px;
}

.post p
{
	line-height: 1.35;
}

.post h2 { font-size: 1.6em; }

.post h2 a
{
	border: none;
	text-decoration: none;
	color: #036;
}

.post h2 a:hover
{
	color: #105FAE;
	border: none;
}

.post h2 .date, .post h3 .date
{
	color: #aaa;
	font-size: 14px;
}

#metropolis
{
border: #999 3px solid;
width: 100%;
margin: 0 0 10px 0;
padding: 0;
background-image: url("images/metropolis.jpg");
background-repeat: no-repeat;
background-position: 10px 10px;
text-decoration: none;
}

#metropolis h1
{
line-height: 0px;
position: relative;
top: 7px;
left: 230px;
color: gray;
text-transform: uppercase;
font-size: 2em;
letter-spacing: 2px;
text-decoration: none;
border-bottom: none;
}

#metropolis p
{
font-size: 1.2em;
padding: 10px 0 0 0;
text-align: center;
text-decoration: none;
border-bottom: none;
}

.metropolis a:link
{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
border-bottom: none;
}

#metropolis a:link
{
text-decoration: none;
border-bottom: none;
}

.entry h3
{
	font-size: 1.25em;
	color: #105FAE ;
}

.postmetadata
{
	padding: 8px;
	background: #f4f4f4;
	font-size: 80%;
	border-bottom: 1px solid #ededed;
}

img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright
{
	padding: 4px;
	margin: 0 0 7px 30px;
	display: inline;
	border: 1px solid gray;
}

img.alignleft
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.imgfloatleft
{
	float: left;
	border: none;
	margin-right: 20px;
	margin-bottom: 7px;
}

.imgfloatright
{
	float: right;
	border: 1px solid #333;
	margin-left: 20px;
	margin-bottom: 7px;
}

.alignright { float: right; }
.alignleft { float: left; }

.move table
{
	width: 480px;
	background-color: #fafafa;
	border: 1px #999999 solid;
	border-spacing: 8px;
}

.move td, input, option
{
	font-family: "Courier New", "Lucida Sans Typewriter", Monospace;
	font-size: 1em;
	color: #404040;
}

.move td.sml { font-size: 0.9em; }

#footer
{
	background: #ededf0;
	padding: 5px;
	padding-left: 20px;
	font-size: 1.5em;
	color: #999999;
}

#footer a:link, #footer a:visited
{
	color: #666666;
	text-decoration: none;
	border: none;
}

#footer a:hover, #footer a:active { color: #333333; }

.q
{
font-size: 1.15em;
font-weight: bold;
margin-top: 2em;
}

.faq_top a
{
text-transform: uppercase;
text-decoration: none;
border: none;
color: #666;
}

ul#faq li
{
	font-size: 0.8em;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1.7em;
}

ul#faq a
{
	text-decoration: none;
	border: none;
}

#proto
{
	width: 480px;
	background-color: #fafafa;
	border: 1px #999999 solid;
	border-spacing: 8px;
}

#footertop
{
	font-size: 1.3em;
}

#sidebar blockquote
{
	width: 140px;
	text-align: center;
	margin: 10px 0 10px 25px;
	padding: 0;
	font-family: georgia, serif;
	font-size: 120%;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #545454;
	background: #fff url("images/quotop.gif") no-repeat top left;
}

#testiText
{
	margin: 0 10px 0 0;
	padding: 12px 8px 12px 8px;
	background: url("images/quobot.gif") no-repeat right bottom;
}

#testiTextInner
{

}

#testiAuth
{
	margin: 0;
	padding: 0 0 10px 0;
	color: #999;
	font-size: 70%;
}