/* *************************************************************************
Title : CSS main styles
Author : Tim Searles
Description : Common styles for layout and appearance
Created : 06.16.07 
Modified : 

CSS TOC
=HTML SELECTORS
=LAYOUT
=NAVIGATION
=SECTION SPECIFIC
************************************************************************* */


/* *************************************************************************
=HTML SELECTORS
************************************************************************* */
* {
}	
html {
}	
body {
	background: url(../images/background.jpg) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 0;
	padding: 0;
}

/* ----- HEADINGS ----- */
h1 {
}
h2 {
}
h3 {
}
h4 {
	color: #0066CC;
	font-size: 1.1em;
	margin: 0 0 8px 0;
	padding: 8px 0 0 0;
}
h5 { 
}
h6 { 
}

/* ----- PARAGRAPHS ----- */
#drill p {
	margin-top: 0;
}	

/* ----- QUOTES ----- */
blockquote {
}
cite {
}

/* ----- CODE ----- */
pre {
}
code {
}

/* ----- LISTS ----- */
ul {
}
ul li {
}
ol {
}
ol li {
}

/* ----- IMAGES ----- */
img {
	border:0;
	margin:0;
	padding:0;
}
/* ----- TEXT FORMATTING ----- */
strong {
}
em {
}
b {
}
i {
}
ins {
}
del {
}
/* ----- LINKS ----- */
#contentLeft a {
	color: #0066CC;
	text-decoration: none;
}

#contentLeft a:hover {
	color: #001A33;
	text-decoration: underline;
}

/* ----- FORMS ----- */
form {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
}
input {

}	
	
/* ----- TABLES ----- */
table {
}
caption {
}
thead {
}
tbody {
}
tfoot {
}
tr {
}
th {
}
td {
}
#resources td {
	padding: 2px 10px 2px 0;
}

#resources #topScenery td {
	padding: 0;
}

/* ----- DEFINITIONS ----- */
dl { 
}
dt {
}
dd {
}

/* ----- Horizontal Rule -----*/
hr{
}

/* ----- ID AND CLASS SELECTORS ----- */
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
}

/* *************************************************************************
=LAYOUT
************************************************************************* */

#container {
	background-color: #fff;
	margin: 20px auto;
	width: 742px;
}

#content {
	background-color: #fff;
	height: 100%;
	margin: 0;
	padding: 10px 0;
	position: relative;
	width: 742px;
}

#contentWide {
	padding: 0 10px;
	width: 722px;
}

#ministry #content, #eblasts #content {
	background-color: #fff;
	height: 100%;
	margin: 0;
	padding: 10px;
	position: relative;
	width: 722px;
}

#contentLeft {
	background-color: #fff;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 15px 0 10px;
	position: relative;
	width: 507px;
}

#contentRight {
	background-color: #fff;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	position: relative;
	width: 200px;
}

/* footer */

#footer {
	border-top: 1px solid #001A33;
	margin-top: 30px;
	padding: 0;
	width: 742px;
}

#ministry #footer {
	margin-left: -10px;
	position: relative;
}

#footerLeft, #footerRight {
	float: left;
	margin: 0;
	padding: 10px;
	width: 351px;
}
#footerRight {
	text-align: right;
}

#footer p {
	color: #000;
	font-weight: bold;
}

#footer a {
	color: #0066CC;
	text-decoration: none;
}

#footer a:hover {
	color: #001A33;
	text-decoration: underline;
}

/* *************************************************************************
=NAVIGATION
************************************************************************* */

#topNavigation {
	background-color: #001A33;
	color: #fff;
	height: 30px;
	margin: 2px 0;
	padding: 10px 10px 0 10px;
	text-align: right;
	width: 722px;
}

#topNavigationLeft {
	display: inline;
	float: left;
	font-weight: bold;
	margin-top: 4px;
	text-align: left;
	width: 222px;
}
#topNavigationRight {
	display: inline;
	float: left;
	margin-top: 4px;
	text-align: right;
	width: 500px;
}

#topNavigation span {
	color: #ccc;
	font-size: 1.0em;
}

#topNavigation a.navLink {
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

#topNavigation a.navLink:hover {
	color: #ccc;
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb a {
	color: #0066CC;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #001A33;
	text-decoration: underline;
}

/* *************************************************************************
=SECTION SPECIFIC
************************************************************************* */

#topScenery {
	background-color: #fff;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 742px;
}

#topFlash {
	margin: 0;
	padding: 0;
}

#topForm {
	background-color: #fff;
	display: block;
	height: 30px;
	margin: 0;
	padding: 15px 0;
	width: 742px;
}
#topForm span {	
	color: #0066CC;
	font-weight: bold;
}

#topFormWelcome {
	display: inline;
	float: left;
	font-size: 1em;
	padding: 0 0 0 10px;
	width: 302px;
}
#topFormSignup {
	display: inline;
	float: left;
	padding: 0 10px 0 0;
	width: 420px;
	text-align: right;
}

#welcomeMessage {
	background-color: #fff;
	display: block;
	height: 72px;
	margin: 0;
	padding: 10px 0;
	width: 742px;
}

#pagesBoxHeader, #promoteBoxHeader, #effortsBoxHeader, #eharmonyBoxHeader, #onlineVideoHeader, #sponsorsBoxHeader, #resourceBoxHeader {
	background-color: #001A33;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 10px;
	text-align: left;
	width: 520px;
}
#promoteBoxHeader {
	text-align: center;
}
#effortsBoxHeader, #onlineVideoHeader, #resourceBoxHeader {
	width: 300px;
}

#pagesBox, #promoteBox, #effortsBox, #eharmonyBox, #onlineVideoBox, #sponsorsBox, #resourceBox {
	background-color: #0099FF;
	border: 1px solid #001A33;
	margin-bottom: 15px;
	padding: 10px;
	position: relative;
	width: 518px;
	z-index: 0;
}
#effortsBox, #onlineVideoBox, #resourceBox {
	width: 298px;
}

#pagesBox ul, #resourceBox ul {
	margin-left: 15px;
}

#pagesBox ul li, #resourceBox ul li {
	color: #fff;
	font-size: 1.0em;
	list-style-type: square;
}

#effortsBox ul {
	display: block;
	float: left;
	height: 206px;
	list-style: none;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative;
	width: 296px;
}
#effortsBox ul li {
	color: #fff;
	font-size: 0.8em;
	list-style-type: none;
	padding-right: 8px;
	width: 250px;
}
#effortsBox ul li a {
	color: #fff;
	text-decoration: none;
}
#effortsBox ul li a:hover {
	text-decoration: underline;
}

.venueCaption {
	font-size: 0.8em;
	padding-top: 5px;
}

.boxDisplay {
	float: right;
	margin: -11px 0;
	position: relative;
}

.resourceBox {
	background-color: #eee;
	border: 1px solid #001A33;
	color: #000;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	z-index: 0;
	width: 700px;
}
.resourceBox p {
	margin: 0 0 1.0em 0;
	padding: 0;
}
.resourceBoxTitle {
	background-color: #001A33;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
	width: 702px;
}