/* CSS - OCPA */

/* reset */
	body, form, ul, li, img, pre, fieldset {padding: 0; border: 0; margin: 0;}

/* general */
	strong {font-weight: bold;}
	em {font-style: italic;}
	.left {float: left;margin-right: 1em;}
	.right {float: right;margin-left: 1em;}
	.padded {padding: 5px;}
	.hide {display: none;}
	.show {display: block;}
	body {font-size: 12px;background: #F6F6F6 url(images/bg.jpg) repeat-x;font-family: Arial, Helvetica, sans-serif; }
	.clear {clear: both; display: none;}
	a {color: #8b1313; font-weight: bold;}
	hr {clear: both;}
	a:hover {text-decoration: none;}
	#insideBody h1 {font-size: 18px; color: #082b4d; font-weight: bold;}
	#insideContent h2 {font-size: 16px; color: #082b4d; font-weight: bold;}
	#insideContent h3 {font-size: 14px; color: #082b4d; font-weight: normal;}
	#insideContent ul {padding-left: 20px;}
/* basic */
	#mainContainer {clear: both;}
	
/* header */
	#headerContainer {clear: both;background: url(images/header.jpg) no-repeat; width: 1004px; height: 180px; margin: 0 auto;padding-top: 1px;}
	#headerContainer #search {width: 269px; height: 42px; float: right;margin-top: -42px;padding-right: 8px;}
	#headerContainer #search .searchBox {background:url(images/text.jpg) no-repeat; width: 161px; height: 19px;border: 0;padding-left: 10px; padding-top: 5px;color: #666;border: 1px solid #ccc;}
	#headerContainer #search .searchButton {background:url(images/button.jpg) no-repeat; width: 56px; height: 17px; border: 0;color: #fff;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-size: 10px;}
	#headerContainer #topNav {float: right;margin-right: 30px;margin-top: 5px;}
	#headerContainer #topNav li {display: inline; list-style: none;padding-right: 7px;}
	#headerContainer #topNav li a {color: #fff;text-decoration: none;}
	#headerContainer #topNav li a:hover {text-decoration: underline;}
	#headerLogo {width: 218px; height: 122px; margin: 0 auto;}
	#headerLogo h1 {text-indent: -9999px;margin: 0;display: inline;}
	#headerLogo a {display: block;width: 218px; height: 122px; margin: 0 auto;margin-top: 15px;}
	#headerNav {width: 1004px; background:url(images/navbg.jpg) no-repeat -1px 0; height: 45px;margin: 0 auto;;}
	#headerNav ul {padding-left: 18px;}
	#headerNav li {list-style: none;padding-left: 4px; display: inline;float: left;}
	#headerNav li a {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;color: #4d4d4d;float: left;height: 36px; padding: 0 13px;padding-top: 6px;}
	#headerNav .lastItem a {padding-right: 12px;}
	#headerNav li a:hover {text-decoration: underline;background: url(images/nav_hover_bg.jpg) repeat-x;color: #fff;}

/* body */
	#bodyContainer {clear: both;width: 1004px;  min-height: 803px;margin: 0 auto;background:url(images/bodycontentbg.jpg) repeat-y;}
	#bodyContent {width: 1004px; background:url(images/bodybg.jpg) no-repeat center top;}
	#bodyContainer ul {padding-left: 30px;}
	#bodyContainer li {list-style: square;}
	#leftCol {float: left;width: 650px; padding-left: 40px;padding-top: 20px;}
	#leftCol .bodyHeader h1 {background:url(images/bodyheader.jpg) no-repeat; height: 34px;color: #fff;font-size: 16px; font-weight: bold;padding: 8px 0 0 8px;}
	#leftCol h1 {color: #082b4d;font-size: 16px; font-weight: bold;}
	#leftCol #boxes  h1 {background:url(images/sidebarheader.jpg) no-repeat; height: 26px;color: #fff;font-size: 16px; font-weight: bold;padding: 8px 0 0 8px;}
	#leftCol #boxes h1 a {color: #fff; text-decoration: none;}
	#leftCol #boxes ul {padding: 0;}
	#leftCol #boxes li {list-style: none;}
	#leftCol #boxes #pressRoom {width: 60%; float: left;margin-top: 17px;}
	#leftCol #boxes #blog {width: 37%; float: right;margin-top: 17px;}
	#leftCol #boxes #blog .date {font-style: italic; display: block; margin-bottom: 3px; font-size: .8em;}
	#leftCol #whatsNew .date {color: #8b1313; font-size: 11px; font-weight: bold;margin: 0;}
	#leftCol #whatsNew h2 {margin-top: 0px;}
	#leftCol #whatsNew h2 a {color: #032444; font-size: 14px;margin-top: 0px;text-decoration: none;}
	#leftCol #whatsNew h2 a:hover {text-decoration: underline;}
	#leftCol .bodyBox {padding-bottom: 20px;clear: both;display: block;min-height: 140px;}
	#leftCol #pressRoom {clear: both;}
	#rightCol {float: right;width: 300px}
	#rightCol .rightBox {margin: 15px 0;margin-right: 35px;float: right;width: 241px;margin-bottom: 0px;}
	#rightCol .rightBox h1 {background:url(images/sidebarheader.jpg) no-repeat; height: 26px;color: #fff;font-size: 16px; font-weight: bold;padding: 8px 0 0 8px;}
	#rightCol .rightBox h1 a {color: #fff; text-decoration: none;}
	#rightCol #perspective h1 {background:url(images/perspectiveheader.jpg) no-repeat; height: 30px;padding: 42px 0 0 8px;}
	#rightCol #blog ul {padding-left: 0px;}
	#rightCol #blog li {padding-bottom: 10px;list-style: none;}
	#rightCol #blog .date {color: #8b1313; font-size: 11px;font-style: italic;margin: 0;}
	#rightCol #blog .postTitle {font-size: 14px;}
	#rightCol .inputBox {width: 215px; height: 24px; background:url(images/inputbox.jpg) no-repeat;border: 1px solid #ccc;font-size: 18px; font-family: Arial, Helvetica, sans-serif; padding: 6px 0 0 8px;color: #666;}
	#rightCol #spendBox {color: #032444;}
	
/* footer */
	#footerContainer {clear: both;background: url(images/footerbg.jpg) no-repeat;  width: 1004px; margin: 0 auto;}
	#footerContent {padding-top: 80px;color: #032444;padding-left: 40px;font-size: 10px;}
	#footerContent a {color: #032444;text-decoration: underline;}
	#footerContent a:hover {text-decoration: none;}
	#footerContent li {display: inline; list-style: none;padding-right: 10px;}
	
	/* inside nav */
	
	#insideNav li {list-style: none; padding: 7px 0;background: url(images/insidenavline.jpg) no-repeat bottom; width: 244px;}
	#insideNav li a {text-decoration: none;font-size: 16px;}
	#insideNav li a:hover {text-decoration: underline;}
	#leftCol .links li {list-style: none; padding-bottom: 10px;}
	#leftCol .links li a {padding-right: 30px;}
	
/* from old site */

	.essay_footer { text-align: center; border-top: solid 1px #000000; margin-top: 15px; }
	.essay_rules li { padding: 4px; padding-left: 15px; background: transparent url(images/dash.gif) no-repeat left center; list-style: none!important; }
	
	.essay_question { padding: 10px; border: 4px solid #244C9D; margin: 25px; font: bold 14px #000000 !important;}
	.essay_question h3 { font: bold 16px arial; color: #244C9D; margin: 5px 0px; padding: 0px; }
	.essay_judges li { padding: 4px; padding-left: 15px; background: transparent url(images/dash.gif) no-repeat left center; list-style: none!important; }
	
.rssIcon {float: right; padding-right: 10px; position: relative;}


#social ul {padding: 0; margin: 0;}
#social li {list-style: none; clear: left;}
#social li a {padding: 5px 0 5px 30px; float: left; clear: left; font-size: 16px;text-decoration: none;}
#social li a:hover {text-decoration: underline;}
#social .myspace a {background: url(images/myspace.png) no-repeat 0 3px;}
#social .facebook a {background: url(images/facebook.png) no-repeat 0 3px;}
#social .twitter a {background: url(images/twitter.png) no-repeat 0 3px;}
#social .podcast a {background: url(images/podcast.gif) no-repeat 0 3px;}
#social .youtube a {background: url(images/youtube.gif) no-repeat 0 3px;}

.twtr-hd h3 {display: none!important;}