@charset "utf-8";
/* layout.css
		style sheet for sitewide layout settings
		created by: C.Christopher Kovach
		on: 07-31-2009
*/

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

body {
	background-image:url(../images/roanokeStarBG.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#002f52;
	font-family:Verdana, Geneva, sans-serif;
}

#shadowPanel {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/shadowBG.png)
}
#layoutPanel {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/contentBG.gif);
}

#headerPanel {
	background-color:#125187;
	background-image:url(../images/navBG.jpg);
	background-position:right;
	background-repeat:none;
	height:100px;
}

#logoPanel {
	width:280px;
	height:100px;
	float:left;
	background-image:url(../images/rvcLogo.jpg);
}

#logoPanel h1 {
	text-indent:-900em;
}

#navPanel {
	width:500px;
	float:right;
}

#navPanel a, #connectMenu a, #ministryMenu a, #directionsPanel a {
	color:#FFF;
	text-decoration:none;
}

#navPanel a:hover, #connectMenu a:hover, #ministryMenu a:hover, #directionsPanel a:hover {
	color:#125187;
/*	background-color:#FFF;*/
}

#navPanel ul {
	padding-left:40px;
}
	
#navPanel li {
	float:left;
	list-style:none;
	width:80px;
	padding-top:70px;
	color:#fff;
	font-size:14px;
	overflow:visible;
}

#contentPanel {
	background-image:url(../images/contentBG.gif);
}

#sidebarPanel {
	width:220px;
	float:left;
	color:#fff;
	background-color:#00477c;
}


#sidebarPanel h2 {
	font-size:20px;
	letter-spacing:-2px;
}

#articlePanel {
	width:560px;
	float:right;
	background-color:#FFF;
}

.widgetBlock {
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:#00477c;
	font-size:12px;
}

.widgetBlock a {
	color:#CFF;
}

.widgetBlock a:hover {
	color:#FF9;
}

.widgetBlock li {
	line-height:20px;
	font-size:12px;
	padding-bottom:10px;
}

#connectMenu {
	height:150px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:#00477c;
}

#connectMenu ul, #ministryMenu ul, .widgetBlock ul {
	list-style-type:none;
	padding-top:10px;	
}

#connectMenu li, #ministryMenu li, {
	line-height:20px;
	font-size:20px;
	padding-bottom:10px;
}
	
#ministryMenu {
	height:220px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:#125187;
}

#searchBar {
	height:60px;
	background-color:#125187;
}

#searchBar input {
	float:left;
	width:180px;
	font-size:20px;
	margin-left:20px;
	margin-top:15px;
}

#latestSermons {
	padding-top:20px;
	padding-left:20px;
}

#upcomingEvents {
	padding-top:20px;
	padding-left:20px;
}

#latestSermons ul, #upcomingEvents ul {
	list-style-type:none;
	padding-top:10px;
}

#latestSermons li, #upcomingEvents li {
	line-height:20px;
	font-size:12px;
	padding-bottom:10px;
}

#directionsPanel {
	height:70px;
	background-color:#125187;
}

#directionsPanel h2 {
	color:#FFF;
	font-size:20px;
	padding-top:20px;
	padding-left:20px;
	letter-spacing:-2px;
}

#directionsPanel input {
	width:320px;
	font-size:20px;
	margin-left:20px;
}

#getDirections {
	width:160px;
	float:left;
}

#enterDirections {
	width:380px;
	float:right;
	padding-top:30px;
}

#slideshow {
	height:320px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#000;
}

#articleHeader {
	height:70px;
	padding-left:20px;
	padding-right:20px;
	background-color:#e9eef2;
	background-image:url(../images/articleHeader.jpg);
}

#articleHeader h2 {
	font-size:20px;
	line-height:70px;
	letter-spacing:-1px;
}

#articleHeader a {
	color:#000;
}

#breadcrumb {
	height:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:#cdd3d8;
	background-image:url(../images/breadcrumbBG.jpg);
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
}

#breadcrumb a {
	color:#125187;
}


#article {
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}

.date {
	color:#fff;
	background-color:#125187;
}

.postDate {
	position:absolute;
	width:40px;
	height:78px;
	background-color:#125187;
	background-image:url(../images/dateBG.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-left:540px;
	margin-top:0px;
	padding-top:5px;
	text-align:center;
	color:#FFF;
}

.postDay {
	color:#FFF;
	font-size:30px;
}

.postMonth {
	color:#FFF;
}

.makeRoom {
	margin-top:9px;
	margin-bottom:9px;
	width:100%;
	height:2px;
	background-color:#EEEEEE;
}

#footerPanel {
	width:780px;
	clear:both;
	background-color:#125187;
}

#leftFoot {
	float:left;
	width:200px;
	color:#CCC;
	font-size:12px;
	padding-left:20px;
	padding-top:20px;
}

#rightFoot {
	float:right;
	width:560px;
}

#rightBigToe {
	float:left;
	width:260px;
	color:#CCC;
	font-size:12px;
	padding-left:20px;
	padding-top:20px;
}

#rightPinkyToe {
	float:right;
	width:260px;
	color:#CCC;
	font-size:12px;
	padding-left:20px;
	padding-top:20px;
}

#endFoot {
	clear:both;
}

#pageEnd {
	width:780px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	background-color:#125187;
}

/* Start of the Formatting for Articles and Content */

/* all tags using line-height 18 */
#article p, #article h2, #article h3, #article h4, #article h5, #article h6, #article div, #article address, #article blockquote, #article ul, #article ol, #article dl, #article dt, #article input, #article label, #article textarea, #article pre {
	line-height:20px;
}

/* all tags using font 14px */
#article p, #article div, #article address, #article blockquote, #article li, #article code, #article kbd, #article q, #article samp, #article tt, #article strong, #article lable, #article pre {
	font-size:14px;
}

/* all tags using margin-bottom 18px */
#article p, #article h1, #article h2, #article h3, #article h4, #article h5, #article h6, #article div, #article address, #article blockquote, #article ul, #article ol, #article dl, #article dd, #article img {
	margin-bottom:10px;
}

#article h1, #article h2, #article h3, #article h4, #article h5, #article h6, #article a {
	color:#125187;
	text-decoration:none;
}

#article a:hover {
	color:#3473a9;
	text-decoration:underline;
}

#article h1 {
	font-size:26px;
	line-height:30px;
	letter-spacing:-1px;
}

#article h2 {
	font-size: 22px;
	line-height:40px;
	letter-spacing:-1px;
}

#article h3 {
	font-size: 18px;
	line-height:20px;
	letter-spacing:-1px;
}

#article h4 {
	font-size: 16px;
	line-height:20px;
	letter-spacing:-1px;
}

#article h5 {
	font-size: 14px;
	line-height:20px;
	letter-spacing:-1px;
}

#article h6 {
	font-size: 14px;
	line-height:20px;
	letter-spacing:-1px;
}

#article div {
	border:0px;
}

#article ol, #article ul {
	padding-left:30px;
	margin-top:0px;
}

#article dd {
	margin-left:30px;
}

#article code, #article kbd, #article q, #article samp, #article tt, #article strong {
	line-height:17px;
}

#article sub, #article sup {
	line-height: 0px;
}

#article input {
	margin-top: 7px;
	vertical-align:middle;
	margin-bottom: 9px;
}

#article textarea {
	vertical-align:top;
}