/*
 *	site.css - General web-site level style sheet rules
 *	Copyright (c) 2010-2012 SillyTutu.com, Inc.
 *	All rights reserved.
 *
 *	Written by:		Larry Coffey
 *	Date:			1 September 2010
 *	Last modified:	7 October 2012
 *
 *
 */

/* Main full-screen body class */
.main
{
	margin:					0px;
	padding:				0px;
	background-color:		#000000;
	background-image:		url('../images/477735main_hoag_hst_big_full.jpg');
	background-repeat:		repeat-x;
	background-attachment:	fixed;
	font-family:			Verdana, Geneva, Sans-Serif;
	font-size:				14px;
	height:					100%;
}

p:first-child
{
	margin-top:				0px;
}

fieldset
{
	border:					0px;
	margin:					0px;
	padding:				0px;
}

.fieldset-frame
{
	border:					1px solid black;
	margin:					auto;
	padding:				0.75em;
/*	margin:					2px, 2px, 5px, 2px;
	padding:				0em, 0.75em 0.25em 0.75em; */
}

.container
{
	margin:					auto;
	width:					1000px;
	height:					100%;
	background-color:		#FFFFFF;
	border-width:			2px;
	border-style:			solid;
	border-color:			#CCCCCC #888888 #555555 #BBBBBB;
}

.top-container
{
	width:					1000px;
	height:					150px;
	background-color:		transparent;
	border-bottom:			1px solid #000000;
	background-image:		url('../images/banner3.png');
	background-repeat:		no-repeat;
}

.login-buttons-region
{
	float:					right;
	height:					40%;
	margin:					30px 10px 0px 0px;
}

.login-button
{
	width:					130px;
	height:					30px;
}

.login-welcome
{
	margin:					0px 10px 0px 0px;
	position:				relative;
	top:					120px;
	left:					200px;
	height:					30px;
	width:					790px;
	text-align:				right;
	line-height:			2em;
	color:					#FFFFFF;
}

.left-container
{
	float:					left;
	width:					175px;
	height:					100%;
	border-right:			1px solid #000000;
	background-color:		#00FFFF;
	padding:				0px;
}

/* Side menu */
.left-box1
{
	float:					left;
	width:					175px;
	border-bottom:			1px solid #000000;
	background-color:		#2A4F62;
	color:					#E0E0E0;
}

.right-box1 h4, .left-box1 h4
{
	text-align:				center;
	padding:				0px;
	margin:					5px 0px 0px 0px;
}

.left-box1 a, .left-box1 ul
{
	list-style:				none;
	text-decoration:		none;
	color:					#FFFFFF;
}

/* Left-side ad */
.left-box2
{
	float:					left;
	width:					175px;
	background-color:		#3A5F72;
	border-bottom:			1px solid #000000;
	padding:				14px 0px;
	text-align:				center;
}

/* Fillers */
.left-box3, .right-box3
{
	float:					left;
	width:					175px;
	background-color:		#5A7F92;
	height:					100%;
	background-image:		url('../images/metal-texture.png');
}

/* AddThis */
.left-box4
{
	float:					left;
	width:					175px;
	background-color:		#4A6F82;
	border-bottom:			1px solid #000000;
	padding:				0px 0px 14px 0px;
	text-align:				center;
	margin:					auto;
}

.content
{
	width:					620px;
	padding:				0px 14px;
	float:					left;
	height:					auto !important;
	height:					300px;
	min-height:				300px;
	background-color:		#FFFFFF;
}

.big-letter
{
	float:					left;
	width:					0.8em;
	font-size:				400%;
	font-family:			Algerian, Courier;
	line-height:			80%;
}

.hr-ufo
{
	clear:					both;
	text-align:				center;
	margin:					auto;
	border:					0;
	width:					150px;
	height:					22px;
	background-image:		url('../images/ufo.png');
	background-repeat:		no-repeat;
}

.right-container
{
	float:					left;
	width:					175px;
	background-color:		#FF00FF;
	border-left:			1px solid #000000;
}

.right-box1
{
	float:					left;
	width:					165px;
/*	background-color:		#236B8E; */
	background-color:		#2A4F62;
	border-bottom:			1px solid #000000;
	padding:				0px 5px 0px 5px;
	color:					#E0E0E0;
}

.right-box1 a
{
	color:					#FFFFFF;
}

.right-box2
{
	float:					left;
	width:					171px;				/* Plus 2px padding on left & right */
	height:					470px;
/*	background-color:		#236B8E; */
	background-color:		#3A5F72;
	border-bottom:			1px solid #000000;
/*	padding:				14px 0px; */
	padding:				14px 2px;
	text-align:				center;
}

.right-box4
{
	float:					left;
	width:					175px;
	height:					410px;
	min-height:				410px;
	background-color:		#4A6F82;
	border-bottom:			1px solid #000000;
	text-align:				center;
	margin:					auto;
	padding:				10px 0px 0px 0px;
}

.bottom-container
{
	clear:					both;
	width:					100%;
	min-height:				100px;
	background-color:		#416072;
	border-top:				1px solid #000000;
	font-size:				12px;
	text-align:				center;
	padding:				20px 0 20px 0;
}

.bottom-container hr
{
	margin:					20px 0 20px 0;
	border:					0;
	background-color:		#000000;
	color:					#000000;
	width:					100%;
	height:					1px;
}

.menubar-container
{
	margin:					auto;
	text-align:				center;
	background-color:		#5A7F92;
	border-bottom:			#000000 1px solid;
	background-image:		url('../images/metal-texture.png');
}

.menubar
{
	position:				relative;
	left:					175px;
/*	background-color:		#416072; */
	width:					100%;
/*	height:					24px; */
	height:					36px;
	padding:				0;
/*	margin:					0px auto;
	text-align:				center; */
}

.menubar ul
{
	list-style:				none;
	padding:				0px;
	margin:					0px auto;
}

.menubar li
{
	position:				relative;
	width:					108px;
	float:					left;
}

.menubar ul ul
{
	border:					1px solid black;
	display:				none;
	position:				absolute;
	top:					100%;
}

.menubar li li
{
	float:					none;
	width:					128px;
}

.menubar ul ul ul
{
	top:					0px;
	left:					100%;
}

.menubar a
{
	background-color:		#00005A;
	color:					#FFFFFF;
	text-decoration:		none;
	font:					bold 12px/16px Helvetica, Arial, sans-serif;
	display:				block;
	border-width:			1px;
	border-style:			solid;
	border-color:			#CCCCCC #888888 #555555 #BBBBBB;
	margin:					0px auto;
	padding:				2px 3px;
}

.menubar li a
{
	display:				block;
/*	padding:				3px; */
	padding:				9px 0px;
}

.menubar li a:hover
{
	background:				#333333;
	color:					#FFFFFF;
}

.menubar li:hover > ul
{
	display:				block;
}

.menubar ul:after
{
	content:				".";
	display:				block;
	height:					0;
	clear:					both;
	visibility:				hidden;
}

.newsitem-box
{
	margin:					0 auto;
	background:				url("../images/nibox-bodyr.png") no-repeat bottom right;
	width:					90%;
}

.newsitem-boxhead
{
	background:				url("../images/nibox-headr.png") no-repeat top right;
	margin:					0px;
	padding:				0px;
	text-align:				center;
}

.newsitem-boxhead h4
{
	background:				url("../images/nibox-headl.png") no-repeat top left;
	margin:					0px;
	padding:				22px 30px 5px;
	color:					#FFFFFF;
	font-weight:			bold;
	font-size:				1.2em;
	line-height:			1em;
}

.newsitem-boxbody
{
	background:				url("../images/nibox-bodyl.png") no-repeat bottom left;
	margin:					0px;
	padding:				5px 30px 31px;
}

.newsitem-boxbody h4:first-child
{
	margin-top:				5px;
}

.adlink
{
	text-decoration:		none;
	border:					0px;
}

.adlink img
{
	border:					0px;
}

/* A simple box around a division using the same color as the news header */
.simple-frame
{
	border:					1px solid #4C3C1B;
	padding:				5px;
	width:					600px;
	background-color:		#9DADC6;
	margin:					5px;
}

/* Popup body class */
.popup
{
	margin:					0px;
	padding:				0px;
	background-color:		#000000;
	font-family:			Verdana, Geneva, Sans-Serif;
	font-size:				14px;
	height:					100%;
}

.container-popup
{
	border-width:			0px;
	margin:					auto;
	width:					400px;
	height:					100%;
	background-color:		#FFFFFF;
}

.content-popup
{
	margin:					0px;
	padding:				0px 14px;
	width:					372px;
	float:					left;
	height:					auto !important;
	height:					250px;
	min-height:				250px;
	background-color:		#FFFFFF;
}

.content-popup h1:first-child
{
	margin-top:				0px;
}

.content-popup img
{
	float:					left;
	margin-right:			1em;
}

.footer-popup
{
	clear:					both;
	width:					100%;
	background-color:		#416072;
	border-top:				1px solid #000000;
	font-size:				12px;
	text-align:				center;
	padding:				20px 0 20px 0;
	margin:					0px;
}

.quote
{
	font-size:				.9em;
	font-style:				italic;
}

.indent
{
	margin-left:			1em;
	margin-right:			1em;
}

.center-block
{
	margin:					auto;
	text-align:				center;
}

.vcenter-block
{
	margin:					auto;
	vertical-align:			middle;
}

.left
{
	text-align:				left;
}

.img-left
{
	float:					left;
	margin-right:			1em;
}

.img-right
{
	float:					right;
	margin-left:			1em;
}

.clear-float
{
	clear:					both;
}

.clear-after:after
{
	content:				".";
	display:				block;
	height:					0;
	clear:					both;
	visibility:				hidden;
}

ul.rocket-bullet
{
	list-style-type:		none;
}

ul.rocket-bullet li
{
	background-image:		url('../images/favicon.png');
	background-repeat:		no-repeat;
	background-position:	0 0;
	padding-left:			40px;
	height:					32px;
	padding-top:			8px;
}

.book-blurb-container
{
	float:					left;
	border-width:			0px;
	width:					45%;
	background-color:		#FFFFE8;
	margin:					0px 1em 1em auto;
	border:					1px solid #000000;
	padding:				0px;
}

.book-blurb-content
{
	padding:				0px;
	margin:					0px;
	height:					100%;
}

.book-blurb-content p
{
	margin-top:				.5em;
}

.book-blurb-content img
{
	float:					left;
	margin-right:			1em;
	border:					0;
}

.book-blurb-content a
{
	text-decoration:		none;
	color:					#000000;
}

.book-blurb-content h4, .book-blurb-content h5
{
	margin:					0px;
}

.book-blurb-footer
{
	text-align:				center;
	font-size:				.8em;
	clear:					both;
	margin:					auto;
	width:					100%;
	padding-top:			10px;
}

.topseven
{
	clear:					both;
	text-align:				left;
	margin:					auto;
}

.topseven h5
{
	margin:					0px;
}

.topseven img
{
	float:					left;
	margin:					1em 1em 0px 0px;
}

.topseven a
{
	border-width:			0px;
}

.events
{
	clear:					both;
	text-align:				left;
	margin:					auto;
}

.events img
{
	float:					right;
	margin:					0px 0px 1em 1em;
}

.events h5
{
	margin:					20px 0px 0px 0px;
}

.image-left, .image-right
{
	clear:					both;
	text-align:				left;
	margin:					auto;
}

.image-left img
{
	float:					left;
	margin:					0px 1em .5em 0px;
}

.image-right img
{
	float:					right;
	margin:					0px 0px .5em 1em;
}

.caption
{
	text-align:				center;
	font-style:				italic;
	font-size:				smaller;
	text-indent:			0;
}

.watermark-marked
{
/*	background-image:		url('images/overlay.gif'); */
	background-repeat:		no-repeat;
/*	padding-left:			20px;
	vertical-align:			middle; */
	color:					DarkGray;
}

.watermark-normal
{
}

/*******************************************************************************************/
/* The following is from http://matthewjamestaylor.com/blog/perfect-3-column.htm */

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
/*	background:#eee;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
/*	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
/*	background:#f4f4f4;		/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/*******************************************************************************************/
/* The following is from AddThis */

/* AddThis Vertical Layout Menu */

.addthis_toolbox .vertical {
    margin: auto;			/* Added by LGC to center within box */
    background: #fff;
    width: 136px;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .vertical a {
    position: relative;
    display: block;
    background: #fff;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #00bff3;
}

.addthis_toolbox .vertical a:hover {
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .vertical span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .vertical .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .vertical .more a {
    padding: 4px 0;
    margin: 0;
}
.addthis_toolbox .vertical .more a:hover {
    background: none;
}

.addthis_toolbox .vertical .more span {
    display: none;
}

/*******************************************************************************************/
/* Fancy table */
table.fancy
{
	margin:					1em 1em 1em 0;
	background:				whitesmoke;
	border-collapse:		collapse;
}

table.fancy th, table.fancy td
{
	border:					1px silver gainsboro;
	padding:				0.2em;
}

table.fancy th
{
	background:				gainsboro;
	text-align:				left;
}

table.fancy tr:hover td
{
	background:				mintcream !important;
}

table.fancy caption
{
	margin-left:			inherit;
	margin-right:			inherit;
	background:				#5A7F92; /* #4A6F82; */
	font-weight:			bold;
	height:					2em;
	padding-top:			.5em;
	vertical-align:			middle;
}

/*******************************************************************************************/
/* Reader */
.reader-container
{
	margin:					auto;
	width:					1000px;
	height:					100%;
	background-color:		#FFFFF5;
	border-width:			2px;
	border-style:			solid;
	border-color:			#CCCCCC #888888 #555555 #BBBBBB;
}

.reader-panel
{
	width:					1000px;
	height:					100px;
	background-color:		#2A4F62;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
}

.reader-content
{
	width:					800px;
	background-color:		#FFFFF5;
	height:					auto !important;
	height:					300px;
	min-height:				300px;
}

.reader-essay
{
	width:					700px;
	line-height:			1.5;
	text-indent:			40px;
	background-color:		#FFFFFF;
	padding:				50px 100px 50px 100px;
	border-style:			outset;
	margin:					0px 50px 0px 50px;
}

.reader-button
{
	width:					170px;
	height:					60px;
	font-weight:			bold;
}

div.column p
{
	font-size:			1.2em;
	background-color:		#FFFFF5;
}

div.column
{
	font-family:			"Times New Roman", Georgia, times, Serif;
}

/*******************************************************************************************/
/* Hover balloon */

.balloon span
{
	display:				none;
}

.balloon:hover span
{
	position:				absolute;
	margin:					15px 0px 0px 20px;
	background-color:		beige;
	max-width:				400px;
	padding:				2px 10px 2px 10px;
	border:					1px solid #C0C0C0;
	font:					normal 10px/12px verdana;
	text-decoration:		none;
	color:					#000;
	text-align:				left;
	display:				block;
	z-index:				1000;
}

/*
 *	Copyright (c) 2010-2012 SillyTutu.com, Inc.
 *	All rights reserved.
 */