/* Colors
	Dark light blue:		#9cf
	Light light blue:		#ddf3ff
	Dark blue:			#059
*/


html, body {
	margin: 			0px;
	font-family: 		"Segoe UI", "Trebuchet MS", Arial, sans-serif;
	background-color:	#ddf3ff;
	font-size:			11pt;
}

a {
	text-decoration: 	none;
}

a img {
	border:				none;
}

/* header */
#header {
	position: 			fixed;
	top:				0px;
	left:				0px;
	width:				100%;
    z-index:            99;
}

#header .warn {
    border-top:         3px solid red;
    border-bottom:      3px solid red;
    background-color:   #fcc;
    height:             20px;
}

#header #shadow {
    height:             6px;
    background:         url(../img/shadow.png) repeat-x top left;
}

#banner {
	background:			#059;
	opacity:            0.85;
    filter:             alpha(opacity = 85);
}

#betatag {
	position:			absolute;
	left:				0px;
	top:				0px;
}

img.headerlogo {
	display:			block;
	margin: 			0px auto;
}


/* All content */
#spacer {
	height:				137px;
	background-color:	#9cf;
}

#all {
	background: 		#ddf3ff url(../img/bgtile.jpg) repeat-x scroll top left;
    min-height:         300px;
}

div.contentContainer {
	margin:				0px auto;
	padding-top:		10px;
	width:				800px;
	z-index:			90;
}

/* Nav bar */
#topNav {
	/*background:			url(../img/topnav-background.png) repeat-x top left;*/
    background-color:   white;
	height:				33px;
	z-index:			100;
	padding-top:		2px;
    border-top:         1px solid black;
}

#topNav .navButton {
	display:			block;
	float:				left;
	padding:			0px 5px;
	width:				70px;
	text-align:			center;
	border:				1px solid white;
	border-right:		1px solid #bbb;
	line-height:		29px;
	color:				black;
	font-size: 			0.9em;
}

#topNav .navButton:hover {
	background:			#ffe333 url(../img/pop-background.jpg) repeat-x top left;
	border-top:			1px solid #fb0;
	border-bottom:		1px solid #fb0;
	cursor:				pointer;
}

#topNav .navButtonSelected {
	display:			block;
	float:				left;
	padding:			0px 5px;
	width:				70px;
	text-align:			center;
	border:				1px solid white;
	border-right:		1px solid #bbb;
	line-height:		29px;
	color:				black;
	font-size: 			0.9em;
	background:			#ffe333 url(../img/pop-background2.jpg) repeat-x top left;
	border-top:			1px solid #fb0;
	border-bottom:		1px solid #fb0;
	cursor:				pointer;
}

#topNav #searchBox {
	float:				right;
	margin-top:			4px;
}

/* Main div */
div.main {
	margin:				0px;
	width:				530px;

}

div.fullMain {
    width:              780px;
}

div.main div.contentBox {
	border: 			1px solid #99ccff;
    margin-bottom:      10px;
}

div.error {
    border:             3px solid red;
    background-color:   #fcc;
    padding:            5px;
    margin-top:         10px;
}

div.main div.success {
    border:             3px solid green;
    background-color:   #cfc;
    padding:            5px;
    margin-top:         10px;
}

div.main div.contentBox > .title {
	text-align: 		center;
	font-size: 			1.3em;
	background:			#fff url(../img/title-background.jpg) repeat-x bottom left;
	color: 				#059;
	padding:			2px 5px;
}

div.main div.contentBox > .title  a{
	color: 				#059;
	font-weight:		normal;
}

div.main div.contentBox > div.content {
	padding: 			5px;
	background-color:	white;
}

div.main div.contentBox > div.content a {
	color:				#059;
}

div.main div.contentBox > div.content a:hover {
	/*text-decoration:	underline;*/
	color:				#9cf;
}

div.main div.contentBox > div.content a:hover:after {
    content:            " \261E";
    color:              black;
    line-height:        1em;
}

div.main div.contentBox > div.content p {
	padding: 			0px;
	margin:				0px;
	margin-bottom:		1em;
}

div.main div.contentBox > div.content blockquote {
	border-left:		3px solid #9cf;
	padding:			5px 5px 5px 10px;
	background:			#fff6dd url(../img/quotes.png) no-repeat scroll top left;
}

div.main div.contentBox > div.content blockquote div p:first-child:first-line {
	padding-left:		20px;
}

div.main div.contentBox > div.content table.prettyTable {
	width: 				100%;
	border:				1px solid #99ccff;
}

div.main div.contentBox > div.content table.prettyTable th {
	background-color:	#ddf3ff;
	text-align:			center;
}

div.main div.contentBox > div.content img {
    max-width:          515px;
}

div.main div.managerContentBox {
	margin:				0px auto 10px;
	border: 			1px solid #99ccff;
}

div.main div.managerContentBox label {
	display:			block;
}

div.main div.managerContentBox ol.prettyForm {
	list-style-type:	none;
	padding:			0px;
	margin:				10px;
}

div.main div.managerContentBox ol.prettyForm label {
	display:			inline-block;
	font-size:			0.9em;
	width:				200px;
	vertical-align:		top;
}

div.main div.managerContentBox #newPostTitle {
	width:				400px;
	margin:				5px 0px;
}

div.main div.managerContentBox .title {
	text-align: 		center;
	font-size: 			1.3em;
	background:			#fff url(../img/title-background.jpg) repeat-x bottom left;
	color: 				#059;
	padding:			2px 5px;
}

div.main div.managerContentBox div.content {
	padding: 			5px;
	background-color:	white;
	min-height:			150px;
}

div.main div.managerContentBox div.content div.posResult {
	border: 			1px solid green;
	padding:			5px;
	background-color:	#cfc;
}

div.main div.managerContentBox div.content table#recentPosts {
	width: 				100%;
	border:				1px solid #99ccff;
}

div.main div.managerContentBox div.content table#recentPosts tr.header {
	background-color:	#ddf3ff;
	text-align:			center;
}

div.main div.managerContentBox div.button {
	display:			inline-block;
	border:				1px solid #ccc;
	background:			white url(../img/pop-background.jpg) repeat-x top left;
	padding:			5px;
	width:				150px;
	height:				23px;
	text-align:			center;
	color:				black;
	cursor:				pointer;
	margin:				5px 5px 0px 0px;
}

div.main div.managerContentBox div.button:hover {
	background:			white url(../img/pop-background2.jpg) repeat-x top left;
}

div.main div.postBox {
	margin:				0px auto 10px;
}

div.main div.postBox div.contentBox {
	border: 			1px solid #99ccff;
	border-bottom:		1px dashed #9cf;
    margin-bottom:      0px;
}

div.main div.postBox div.contentBox div.content > p:first-child:first-letter {
	color:				#9cf;
	float:				left;
	font-size:			3em;
	padding:			0em 0.1em 0.1em 0em;
	font-family:		"Times New Roman", serif;
	margin:				0px 5px;
}

div.main div.postBox div.commentBox div.comments {
	background-color:	#f5f5f5;
	width:				478px;
	margin:				0px auto;
	border-left:		1px solid #ccc;
	border-right:		1px solid #ccc;
	padding:			5px;
	display:			none;
}

div.main div.postBox div.commentBox div.comments  div.comment{
	border: 			2px solid #ddf3ff;
	padding:			5px;
	background-color:	white;
	margin-bottom:		5px;		
}


div.main div.postBox div.commentBox div.comments  div.name {
	font-weight:		bold;
	border-bottom:		1px solid #9cf;
	color:				black;
}

div.main div.postBox div.commentBox div.comments  div.date {
	color:				#666;
	font-style:			italic;
	float:				right;
	font-size:			0.8em;
	
}

div.main div.postBox div.commentBox div.comments  div.name a:visited {
	color:				#059;
}

div.main div.postBox div.commentBox div.comments  div.addCommentBox {
	border-top:			1px solid #ccc;
	padding-top:		5px;
	margin-top:			10px;
}

div.main div.postBox div.commentBox div.comments  div.addCommentBox h1{
	text-align:			center;
	font-weight:		normal;
	color:				#059;
	font-size:			1.2em;
	margin:				0px;
	padding:			0px;
}

div.inputForm ol{
	list-style-type:	none;
	padding:			0px;
	margin:				10px;
}

div.inputForm label{
	display:			inline-block;
	font-size:			0.9em;
	width:				200px;
	vertical-align:		top;
}

div.inputForm label.short{
	display:			inline-block;
	font-size:			0.9em;
	width:				50px;
	vertical-align:		top;
}

div.inputForm input.textbox{
	width:				250px;
}

div.sidebar div.inputForm label {
    width:              100px;
}

div.sidebar div.inputForm input.textbox{
	width:				100px;
}

div.main div.postBox div.commentBox div.commentExpander {
	background-color:	white;
	border: 			1px solid #99ccff;
	border-top:			1px dashed #9cf;
	text-align:			left;
	cursor:				pointer;
	padding:			5px;
	margin:				0px;
	font-style:			italic;
	font-size:			0.8em;
	color:				#666;
}

div.main div.postBox div.commentBox div.commentExpander div.dateBox {
	text-align:			right;
	float:				right;
}

/* Bottom navigation div */
div.main div.navigationBox {
	border:				1px solid #9cf;
	background-color:	white;
	padding:			5px;
	height:				35px;
}

div.main div.navigationBox a {
	display:			block;
	border:				1px solid #ccc;
	background:			white url(../img/pop-background.jpg) repeat-x top left;
	padding:			5px;
	width:				150px;
	height:				23px;
	text-align:			center;
	color:				black;
}

div.main div.navigationBox a:hover {
	background:			#ffe333 url(../img/pop-background2.jpg) repeat-x top left;
	cursor:				pointer;
}

/* Sidebar div */
div.sidebar {
	float: 				right;
	width:				250px;
	font-size:			0.8em;
    padding-bottom:      10px;
}

div.sidebar div.contentBox {
	margin:				0px auto;
	border: 			1px solid #99ccff;
	font-size:			1em;
}

div.sidebar div.contentBox .title {
	text-align: 		center;
	font-size: 			1.3em;
	background:			#ddf3ff url(../img/sidebar-title-background.jpg) repeat-x top left;
	color: 				white;
	font-weight:		bold;
	padding:			1px 0px;
}

div.sidebar div.contentBox .errorTitle {
	text-align: 		center;
	font-size: 			1.3em;
	background:			#f55;
	color: 				black;
	padding:			1px 0px;
}

div.sidebar div.contentBox div.content {
	padding: 			5px;
	background-color:	white;
}

div.sidebar div.contentBox div.centeredContent {
	padding: 			5px;
	background-color:	white;
	text-align:			center;
}

div.sidebar div.contentBox div.content p {
	padding: 			0px;
	margin:				0px;
	margin-bottom:		1em;
}

div.sidebar div.contentBox div.content div.quote {
	border-left:		3px solid #9cf;
	min-height:			80px;
	background:			white url(../img/quotes.png) no-repeat scroll top left;
	padding-left:		10px;
}

div.sidebar div.contentBox div.content div.quoteAuthor {
	text-align:			right;
}

div.sidebar a.popBox  {
	display:			block;
	background:			#ffe333 url(../img/pop-background.jpg) repeat-x top left;
	color:				black;
	text-align:			center;
	margin-bottom:		10px;
	padding:			10px 0px;
	font-size:			1.2em;
	border:				1px solid #ccc;
	cursor:				pointer;
}

div.sidebar div.nav {
    padding:            3px;
    cursor:             pointer;
    margin-bottom:      2px;
    border:             1px solid #ccc;
    font-size:          14pt;
    text-align:         center;
    font-weight:        bold;
    background-color:   #eee;
}

div.sidebar div.nav a {
    text-decoration:    none;
    color:              inherit;
    display:            block;
}

div.sidebar div.nav:hover {
    border:             1px solid #888;
    background-color:   #9cf;
    color:              white;
}

div.main div.message {
    border:             1px solid #9cf;
    margin:             5px 0px;
}

div.main div.message > div.title {
    font-weight:        bold;
    background-color:   #059;
    padding:            5px;
    color:              white;
}

div.main div.message > div.added {
    float:              right;
    font-size:          10pt;
    font-style:         italic;
    margin:             5px 5px;
    color:              white;
}
    
div.main div.message > div.messageContent {
    padding-left:       20px;
    padding-top:        5px;
    padding-bottom:     5px;
    background-color:   #f3f3f3;
}

/* Google search */
div.gsc-control {
	width:				240px;
}

table.gsc-branding {
	display:			none;
}

div.contactCard {
    margin:             5px;
    border:             1px solid #059;
}

div.contactCard div.name {
    background-color:   #ddf3ff;
    color:              #059;
    font-size:          1.3em;
    font-weight:        bold;
    text-align:         center;
    border-bottom:      1px solid #059;
}

div.contactCard div.info {
    background-color:   #f3f3f3;
    padding:            5px;
    font-size:          0.9em;
}

div.contactCard ol {
	list-style-type:	none;
	padding:			0px;
    margin:             0px;
}

div.contactCard label{
	display:			inline-block;
	font-size:			0.9em;
	width:				200px;
	vertical-align:		top;
    font-weight:        bold;
}