/* PROPERTY ORDER: position & size & border, margin & padding, background, text */

/* global elements
 * ------------------------------------------------------- */

html { text-align:center; }

body { width:100%; min-width:972px; font-family:verdana; line-height:1.0; text-align:center; background:url(../../img/clemsonumc/bg.jpg) left top; color:#000; }

h1 { padding:25px 10px 20px 10px; color:#4b89b4; font-weight:bold; font-size:135.1%; }
h2 { padding:25px 10px 20px 10px; color:#4b89b4; font-weight:bold; font-size:123%; }
h3 { padding:25px 10px 20px 10px; color:#4b89b4; font-weight:bold; font-size:116%; }
h4 { padding:25px 10px 20px 10px; color:#4b89b4; font-weight:bold; font-size:108%; }
h5 { padding:25px 10px 20px 10px; color:#4b89b4; font-weight:bold; font-size:100%; }
h6 { padding:25px 10px 20px 10px; color:#4b89b4; font-weight:bold; font-size:93%; }

table, td { padding:5px; }

a { color:#1d4088; }

p { margin-bottom:10px; padding:0px 60px 10px 10px; line-height:1.4; }

ul, ol { margin-left:35px; line-height:1.4; margin-bottom:10px; }

li { margin-bottom:5px; }

form { display:inline; }


/* classed elements
 * -------------------------------------------------------- */

/* named elements
 * -------------------------------------------------------- */


#header { position:absolute; top:0px; left:0px; width:100%; min-width:972px; height:48px; background:url(../../img/clemsonumc/bg-header.png) center top repeat-x; text-align:center; }
	div#header div#nav { width:800px; margin:0 auto; text-align:right; }
		div#header div#nav ul.firstlevel { margin:5px 0px 0px 0px; padding:0px; }
			div#header div#nav ul.firstlevel li.firstlevel { margin:0px 20px 0px 0px; padding:0px; list-style-type:none; float:right; display:inline; }
				div#header div#nav ul.firstlevel li.firstlevel a { display:block; padding:7px 15px 7px 15px; color:#fff; text-decoration:none; font-size:85%; }
					div#header div#nav ul.firstlevel li.firstlevel a:hover { color:#ddd; }
					
				div#header div#nav ul.firstlevel li.firstlevel div.dropdown { position:absolute; display:none; z-index:5; margin-left:10px; border:2px solid #333; padding:3px; background-color:#555; color:#fff; font-size:85%; }
					div#header div#nav ul.firstlevel li.firstlevel div.dropdown ul { padding:0px; margin:0px; }
						div#header div#nav ul.firstlevel li.firstlevel div.dropdown ul li { padding:0px; margin:0px; list-style-type:none; text-align:left; }

#logo { position:absolute; top:53px; margin-left:50px; }

#content { min-height:650px; width:972px; background:url(../../img/clemsonumc/bg-content-shadow.png) center top repeat-y; }
	#content #content-outer { min-height:650px; width:816px; background:url(../../img/clemsonumc/bg-content-grade.jpg) center top repeat-x; background-color:#43612f; }
	#content #content-inner { min-height:600px; width:800px; background-color:#fff; padding-top:50px; }
	
	#left { float:left; display:inline; width:273px; padding:0px 10px 0px 10px; text-align:left; }
		#left ul#left-menu { margin:0px; padding:0px; margin-top:150px; }
			#left ul#left-menu li { margin:0px; padding:0px; list-style-type:none; }
				#left ul#left-menu li a { display:block; width:283px; position:relative; left:-40px; padding:10px 20px 10px 10px; color:#000; text-decoration:none; font-size:135%; text-align:right; }
					#left ul#left-menu li a:hover { color:#fbc80d; }
					#left ul#left-menu li a.active { color:#000; background-color:#fbc80d; padding:7px 17px 7px 7px; border:3px solid #fff; -moz-box-shadow:1px 1px 2px #333; -webkit-box-shadow:1px 1px 2px #333; -moz-box-shadow:1px 1px 2px #333; }
						#left ul#left-menu li.tier3 a { font-size:100%; padding:3px 17px 3px 3px; }
						#left ul#left-menu li.tier3 a.active { font-size:100%; margin-left:80px; width:203px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0px; background-color:#999; }
	#left-html { width:219px; min-height:93px; margin:30px 0px 0px 20px; padding:25px 35px 10px 25px; background:url(../../img/clemsonumc/bg-left.jpg) top left no-repeat; color:#666; font-size:85%; }
		#left-html p { padding:0px; }
	
	#right { float:left; display:inline; width:500px; text-align:left; font-size:85%; padding-bottom:30px; }
		#right img { max-width:480px; }
		
		#right-image { width:480px; border:10px solid #e5e6e6; height:200px; }
			#right-image img { position:absolute; width:480px; height:200px; }

#footer { width:100%; min-width:972px; min-height:99px; padding-top:35px; margin-top:-30px; background:url(../../img/clemsonumc/bg-footer.png) center top repeat-x; font-size:85%; line-height:1.5; }
	#footer div.forthebackground { background:#252525 url(../../img/clemsonumc/bg-footer.png) center -30px repeat-x; padding-bottom:20px;}
	#footer div.wrapper { width:750px; margin:0 auto; text-align:left; }
		#footer div.wrapper div.section { float:left; display:inline; width:145px; font-size:85%; margin-left:5px; }
			#footer div.wrapper div.section a { color:#fff; text-decoration:none; }
		
		#footer div.wrapper div.copyright { float:right; display:inline; color:#ccc; font-size:85%; text-align:right; }
			#footer div.wrapper div.copyright a { color:#fff; }
			
			
div.newspost { border-bottom:1px dashed #aaa; margin-bottom:20px; margin-right:10px; }
	div.newspost h4 { padding-top:10px; }
	div.newspost div.date { float:right; font-size:69%; font-weight:bold; color:#666; padding-top:5px; }
	div.archive_link { text-align:center; }