/* 
Blue: #1e458b
Dark Blue: #11223f
Yellow: #f6ab1e
*/

* {margin: 0; padding: 0;}
body {font: 0.8125em Helvetica, Verdana, sans-serif; line-height: 1em; color: #333; background: #11223f;}

a img {border:none;}
a:focus {outline:none;}

h1 {font-size: .8125em; line-height: 1em;}
h2 {font-size: 1.4em; line-height: 1.4em;}
li {list-style: none;}

#header {background-image:url(http://lsuchurch.org/img/header-bkgd.gif);background-repeat:repeat-x;}
#header .container {min-height:120px; height:auto !important; height:120px; background-image:url(http://lsuchurch.org/img/header-graphic.jpg); background-repeat: no-repeat;background-position: 250px 0px;}

	#logo {position: absolute; z-index: 5; top: 27px; left: 31px;}
	
	#topnav-container {position:absolute; top:0; width:100%;}
	
	ul.topnav {position:absolute; left:350px; top:50px; margin:0; padding:0;}
	
	ul.topnav li { display:block; padding-bottom:5px; float:left; text-align:left; margin-right:40px;}
	.ie6 ul.topnav li, .ie7 ul.topnav li {margin-right:15px;}
	ul.topnav li span { font: bold 1.4em Helvetica, Verdana, sans-serif; text-transform: uppercase; margin:0;}
	.ie6 ul.topnav li span, .ie7 ul.topnav li span {margin-right:25px;}
	ul.topnav li a { font:0.8125em Helvetica, Verdana, sans-serif; text-decoration:none; line-height: 1.3em; color: #fff;}
	ul.topnav li a:hover { color:#f6ab1e;}

	ul.topnav li ul {visibility:hidden; position:absolute; background:#f6ab1e; color:#11223f; border:solid 1px #11223f; 
		-moz-border-radius:5px; -webkit-border-radius:5px; padding:11px 15px 3px 15px; top:35px; z-index:1001; margin-left:-10px;  white-space:nowrap;}
	.ie6 .drop-a ul, .ie7 .drop-a ul {left:0px;}
	.ie6 ul.links.drop-b, .ie7 ul.links.drop-b {left:112px;}
	.ie6 ul.links.drop-c, .ie7 ul.links.drop-c {left:237px;}
	ul.topnav li ul a { text-decoration:none; color: #11223f; border-bottom: 1px dotted #11223f;}
	ul.topnav li ul a:hover { color: #fff; border-bottom: 1px dotted #fff;}
	
	ul.topnav li ul li {float:left; clear:left; margin:0;}
	ul.topnav li ul li h3 a {font: bold 1.2em/1.2em Helvetica, Verdana, sans-serif; color:#11223f;}
	ul.topnav li ul li p {margin-top:5px; line-height:1.3em; margin-bottom:10px;}
	
	.links {font: 1.2em/1.8em Helvetica, Verdana, sans-serif;}
	ul.topnav li ul.links {padding-top: 9px; padding-bottom: 8px;}
	ul.topnav li ul.links li a {border:0;}

	ul.quick-menu {position:absolute; right:30px; top:0px; height:25px; margin:0; padding:0 0 0 1em; background: #f6ab1e;}
	ul.quick-menu li { display:block; padding:0; float:left; text-align:right; margin-right:1em;}
	ul.quick-menu li a { font: .8125em Helvetica, Verdana, sans-serif; text-decoration:none; line-height: 2.4em; color: #11223f; display:block; }
	ul.quick-menu li a:hover { color:#fff; }

#promo {background: #ddd; border-top: 10px solid #11223f;}
#promo-container {margin:0 auto; position:relative; width:960px;}

	#slider {margin:0 auto; width:920px; height:310px; position:relative; font: 1.1em Helvetica, Verdana, sans-serif; line-height: 1.4em; color: #11223f;  margin-top:-30px; overflow:hidden;}
	#slider ul {margin:0; padding:0; list-style:none;}
	#slider li {width:920px; height:310px; overflow:hidden;list-style:none;}

	#slider img {border:solid 10px #11223f; float:right; margin-right:10px;}

	.featured_text {margin:40px 0 0 10px; width:302px; display:inline-block; padding-right:8px; overflow:hidden; height:260px;}
	.ie6 .featured_text {z-index:2;}
	.featured_text p {margin-bottom:.6em; width:305px; display:inline;}
	.featured_text h1 {text-transform: uppercase;}
	.featured_text h2 {width:312px; margin:.5em 0; padding-left: .3em; padding-top: .15em; color: #fff; background: #11223f;}
	.featured_image {width:140px; height:200px; float:right;}
	.ie8 span.featured_image {width:150px; height:200px; float:right;}
	.more {display:inline; background-color:#11223f; font-size:.8125em; padding:2px 4px 1px 4px;}
	.more a {color:#fff; text-decoration:none;}
	.more a:hover {color:#f6ab1e;}
		
	/* image replacement */
    #prevBtn, #nextBtn {margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}

	#prevBtn, #nextBtn {display:block; width:20px; height:20px; position:absolute; left:-2px; top:160px; z-index:2;}	
	#nextBtn {left:940px;}
	#prevBtn a, #nextBtn a {display:block; position:relative; width:20px; height:20px; background:url(http://lsuchurch.org/img/promo-nav.gif) no-repeat 0 0;}	
	#nextBtn a {background:url(http://lsuchurch.org/img/promo-nav.gif) no-repeat -20px 0;}

#highlight {background: #122f63 url(http://lsuchurch.org/img/highlight-bkgd.gif) repeat-x; border-top: 10px solid #11223f;}
#highlight .container {min-height:46px; height:auto !important; height:46px; margin-top: 14px;}
.ie6 #highlight .container, .ie7 #highlight .container {height:46px; margin-top: 14px; padding-top:14px;}
	#highlight-text {margin-left:30px;}

	#highlight-text {font: 1.1em Helvetica, Verdana, sans-serif; line-height: 1.4em; color: #fff;}
	#highlight-text h1 {text-transform: uppercase;}
	#highlight-text h2 {display:inline;}
	
	.av-archive, .av-video {float:right; width:63px;}
	.av-audio {float:right; width:101px;}
	.av object {margin:0 10px;}
	.av h3 {text-align: center; font-size: .8125em; line-height: 1em; text-transform: uppercase; color:#fff; margin-top:-5px; margin-bottom:6px;}
	.ie6 .av, .ie7 .av {margin-top:-5px;}
	.ie6 .av h3, .ie7 .av h3 {padding-top:5px;}
	.av img {text-align: center; margin:0 10px;}
	.podcast {float:right; width:34px; margin-right:31px;}
	.copy {float:right; width:135px; margin-left:25px; margin-right:15px; padding:0;}
	.copy p {font: 0.8125em Helvetica, Verdana, sans-serif; line-height: 1.1em; color: #ddd;}
	.short {float:right; width:100px; margin-left:15px; margin-right:10px; padding:0;margin-top: 7px;}
	.short p {font: 0.8125em Helvetica, Verdana, sans-serif; line-height: 1.1em; color: #ddd;}

#content {margin-top:10px;}
#content .container {min-height:70px; height:auto !important; height:70px;}

	#main {width:640px; min-height:445px; height:auto !important; height:445px; margin:0 0 10px 30px; padding:20px; padding-bottom:0; background: #ddd; float:left; display:inline;}
	
	.main-photowrap {margin:-77px -15px -15px 5px; float:right; overflow:hidden; visibility:visible;}

	#main {font: 1.2em Helvetica, Verdana, sans-serif; line-height: 1.6em;}
	#main p {margin-bottom: 1.4em;}
	#main p strong {color: #1e458b;}
	#main a { text-decoration:none; color: #1e458b; border-bottom: 1px dotted #1e458b;}
	#main a:hover { color: #f6ab1e; border-bottom: 1px dotted #f6ab1e;}
	#main h1 {font-size: 2em; line-height: 1.2em; color: #1e458b; margin-bottom: .7em;}
	#main h2 {margin-bottom: .7em;}
	
	#main p object {margin-top:15px; margin-left: 120px; border: 10px solid #FFF;}
	
	.pastor-photo {float:left; margin:0 15px -15px 0;}
	.ie6 .pastor-photo {margin-bottom:-10px;}
	#main p.pastor-name {margin-bottom:0; padding-top:25px;}
	#main p.pastor-name a {border:0;}
	.divider {border: 5px solid #11223f; margin:20px -20px 20px -20px;}
	#main a.noborder {border:0;}
	#main a.noborder img {padding:1px;}
	#main a:hover.noborder img {padding:0; border:1px solid #f6ab1e;}
	
	.treasures-photo {float:right; margin-top:-50px;}
	.treasures-archives {margin:30px 0 10px 5px; color:#f6ab1e; text-align:left;}
	.treasures-archives li {margin-top:7px;}
	.treasures-archives a {color:#fff; line-height: 1.2em; text-decoration: none; border-bottom: 1px dotted #1e458b;}
	.treasures-archives a:hover {color:#f6ab1e; border-bottom: 1px dotted #f6ab1e;}

	.photobucket-sm {background:#fff;margin:-70px 0 -10px 20px; width:435px; height:300px; float:right; overflow:hidden; text-align:center; border:solid 1px #11223f;}
	.photobucket-lg {background:#fff; margin:0 0 15px 61px; width:515px; height:360px; overflow:hidden; text-align:center;  border:solid 1px #11223f;}
	.ie6 .photobucket-sm {margin-top:0; margin-bottom:0px;}
	.ie7 .photobucket-sm, .ie8 .photobucket-sm {margin-bottom:0;}

	#sidebar {width:240px; margin-left:10px; float:left; display:inline;}
	.ie6 #sidebar {margin-left:0; width:250px;}
	ul.sidebar-menu li {height:43px; padding:5px 0 0 10px; margin-bottom:5px; background: transparent url(http://lsuchurch.org/img/sidebar-button.gif) no-repeat; overflow:hidden;}
	.ie6 .sidebar-menu {margin-left:10px;}
	#sidebar-nav {margin-left:5px;}
	.ie6 #sidebar-nav {margin-left: 15px;}
	#sidebar-nav li.nav-current {margin-left:-15px; background-image:url(http://lsuchurch.org/img/nav-current.gif); background-repeat:no-repeat;}
	.ie7 .nav-current {height:36px;}

	ul.sidebar-menu li a { font: .8125em Helvetica, Verdana, sans-serif; text-decoration:none; color: #fff;}
	ul.sidebar-menu li a:hover { color: #f6ab1e;}
	ul.sidebar-menu li span { font: bold 1.4em Helvetica, Verdana, sans-serif; text-transform:uppercase;}

	#sidebar-nav {font:1.4em/2em Helvetica, Verdana, sans-serif;}
	#sidebar-nav a {text-decoration:none; color:#fff;}
	#sidebar-nav a:hover {color:#f6ab1e;}

	#sidebar-nav li.nav-current a {color:#11223f; margin-left:15px;}
	#sidebar-nav li.nav-header a {color:#f6ab1e; text-transform:uppercase;}
	#sidebar-nav li.nav-subhead {font:.8em/1.6em Helvetica, Verdana, sans-serif; margin-left:10px;}

	.nav-subhead + .nav-standard {margin-top:7px;}

#footer {background: #102c5e;border-bottom: 10px solid #11223f;}
#footer .container {min-height:70px; height:auto !important; height:70px;}

	ul.site {margin:20px 20px 20px 15px; float:left;}
	#footer .container > ul.site {margin-left:30px;}
	.address {position:absolute; left:710px; padding:20px; padding-right:0;}

	.address {font: .8125em/1.6em Helvetica, Verdana, sans-serif; color: #fff;}
	.address-header {font: bold 1.2em/1.4em Helvetica, Verdana, sans-serif; color:#fff; margin-bottom:.5em;}
	.address-email {margin:1em 0;}
	.address-podcast {margin:2em 0;}

	.address a { text-decoration:none; color: #fff; border-bottom: 1px dotted #fff;}
	.address a:hover { color: #f6ab1e; border-bottom: 1px dotted #f6ab1e;}

.container {width:960px; margin:0 auto; position:relative;}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}

ul.site li.site-header a {color:#f6ab1e;}
ul.site li.site-header a:hover {color:#fff;}
ul.site li a {font: .8125em/1.6em Helvetica, Verdana, sans-serif; text-decoration:none; color: #fff;}
ul.site li a:hover {color: #f6ab1e;}

.site-header {font: bold 1.1em Helvetica, Verdana, sans-serif; text-transform: uppercase; color:#fff; margin-bottom:.5em;}

button, select, textarea, input {font:1em "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;}
label{font-weight:bold;}
input, textarea{margin:2px 0 14px 0;padding:5px;color:#333;}
input[type="text"] {width:350px;}
input#name2 {width:350px;}
textarea#message {width:600px; height:90px;}
textarea#prayer-story {width:600px; height:300px;}
input#signup_email, input#signup_name {width:350px;}
.ie6 #sidebar form {margin-left:10px;}
#sidebar form div input#signup_email {width:225px;}
#sidebar form div input#signup_name {width:225px;}
#sidebar form div label{color: #fff;}
#sidebar h3{font-size: 1.3em; line-height: 1.2em; color:#f6ab1e; margin:30px 0 15px 0;}
.ie6 #sidebar h3 {margin-left:10px;}
.boxes{width: 1em;}
#submitbutton{margin:5px 0 25px 0;width:125px;color:#333;}
.ie6 #submitbutton, .ie7 #submitbutton, .ie8 #submitbutton{width:150px;}

