@charset "UTF-8";

body {
	background-color: #6578AC;
	margin: 0px;
	padding: 0px;
	background-image: url(../pics/blue-background.jpg);
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #999;
	background-repeat: repeat-x;
}

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.menu:hover { color: #000; text-decoration: none; }
a.heading:link, a.heading:visited, a.heading:active { color: #333; text-decoration: none; }
a.heading:hover { color: #000; text-decoration: none; }
a.menulist:link, a.heading:visited, a.heading:active { color: #FFF; text-decoration: none; }
a.menulist:hover {
	color: #FFF;
	text-decoration: none;
	background-image: url(../pics/red-tab.png);
}

p {
	margin-bottom: 10px;
}
h1 {
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 18px;
	color: #333;
	letter-spacing: -1px;
	line-height: 36px;
}
h2 {
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #666;
	letter-spacing: -1px;
	padding-bottom: 14px;
}
h3 {
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #333;
	letter-spacing: -1px;
	padding-bottom: 14px;
}
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
hr {color: #333; background-color: transparent; border: 1px dotted #333; border-style: none none dotted; margin-bottom: 25px; margin-top: 25px; }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }

.small { font-weight: normal; font-size: 10px; line-height: 10px; color: #999; }

#container {
	margin:0px auto; /* real browsers */
	min-height:100%;
	width: 800px;
	padding: 0px;
}

#header {
	margin: 0px;
	padding: 0px;
}

#body-top {
	width: 550px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../pics/body-top.png);
	background-repeat: no-repeat;
	height: 64px;
}

#body-mid {
	width: 490px;
	padding: 0px 30px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../pics/body-mid.png);
	background-repeat: repeat-y;
}

#body-bottom {
	width: 550px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../pics/body-bottom.png);
	background-repeat: no-repeat;
	height: 23px;
}

#rightTitle {
	width:476px;
	margin-right: auto;
	margin-left: auto;
	height: 120px;
}

#main {
	width:600px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
}

.johntm {
	font-size: 30px;
	line-height: 36px;
	color: #F2F2F2;
	letter-spacing: -1px;
	text-transform: none;
	padding-top: 49px;
	padding-right: 20px;
}

.selected {
	background-image:url(../pics/red-tab.png)
}

.menulist {
	list-style-type: none;
	font-size: 12px;
	line-height: 15px;
	color: #F2F2F2;
	text-transform: uppercase;
	letter-spacing: normal;
	height: 100px;
}

.menulist a {
	display:block;
	width: 92px;
	height: 35px;
	padding-top: 65px;
}

.menulist li {
	padding-left: 0px;
	text-align:center;
	float: left;
	margin: 0px;
}

.subheading {
	color: #333;
}

.darker {
	color: #666;
}

.rounded { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -khtml-border-radius: 10px; }
.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
.roundshadow {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;
	margin-right: auto;
	margin-left: auto;
	width: 570px;
	background-color: #FFF;
	padding: 7px;
}

/* Blog styles */

.headline {
	font-size: 16px;
	line-height: 18px;
	color: #333;
	letter-spacing: -1px;
}

.feedburnerFeedBlock li {
	padding-bottom: 20px;
}

#creditfooter {
	padding-top: 20px;
	visibility: hidden;
}

.date {
	font-size: 10px; color: #333;
}

.blogtitle { font-weight: bold; font-size: 14px; line-height: 18px; color: #333; }
.blogdate { font-weight: normal; font-size: 10px; line-height: 18px; color: #333; }