/* CSS Document */


body {
	background: url(../images/bg_page.gif) repeat-x top left #a17426;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

li {
	padding: 0;
	margin: 0;
	}

h1 {
	margin: 15px 0;
	clear: left;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
	color: #990000;/*705013*/
	}

h2 {
	margin: 5px 0;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	padding: 5px 0 0 0;
	}


h3 {
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #990000;/*705013*/
	}


h5.byline {
	float: left;
	width: 95%;	
	font-size: 12px;
	font-weight: bold;
	color: #92620a;
	text-align: left;
	margin: 5px 10px;	
	padding; 0;	
	}


h6 {
	float: left;
	width: 95%;	
	font-size: 11px;
	font-weight: normal;
	color: #555;
	text-align: right;
	margin: 8px;	
	padding: 0;
	}


p {
	width: 98%;
	margin: 10px 0 15px 10px;
	clear: left;
	}



.story_image {
	width: auto;	
	height: auto;
	margin: 5px;
	padding: 5px 2px;
	clear: none;
	}


.left {
	float: left;
	clear: none;
	}


.center {
	float: center;
	clear: none;
	}

.right {
	float: right;
	clear: none;
	}


.caption {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	tex-align: left;
	font-size: 11px;
	font-weight: normal;
	color: #990000;
	}



/* ====================== GENERAL ====================== */
#wrapper
	{
	width: 1000px;
	background: #fff;
	margin: 0 auto;
	border-left: solid 2px #705013;
	border-right: solid 2px #705013;
	/*background: url(../images/bg_container.gif) repeat-x top left #a78544;*/
	}



/* ====================== HEADER ====================== */

#header
	{
	height: 157px;
	padding: 0 10px;
	}

#header .sobalogo {
	float: left;
	widht: auto;
	height: 157px;
	padding: 0 10px;
	}


#aboutUs {
	float: left;
	width: 359px;
	height: 317px;
	margin: 0;
	padding: 0;
	background: url('../images/aboutUs_fBg.gif') no-repeat top left;
	position: relative;
	}


#aboutUs #topItem {
	position: absolute;
	width: 359px;
	height: 74px;
	top: 0;
	left: 0;
	}


#aboutUs #midItem {
	position: absolute;
	width: 359px;
	height: 181px;
	top: 74px;
	left: 0;
	background: #fff url('../images/aboutUs_fBg_mid.gif') no-repeat top left;
	}


#aboutUs #midItem p {
	width: 300px;
	margin: 15px 0 10px 45px;
	padding: 0;
	font-size: 12px;
	color: #333;
	line-height: 18px;
	}


#aboutUs #bottomItem {
	position: absolute;
	width: 99px;/*359px*/
	height: 25px;
	top: 265px;/*255px*/
	left: 260px;
	font-size: 12px;
	}


#aboutUs #bottomItem a {
	font-weight: bold;
	color: #fbad05;
	text-decoration: none;
	}


#aboutUs #bottomItem a:hover {
	color: #fff;
	}


#aboutUs #bottomItem img {
	vertical-align: middle;
	padding-left: 6px;
	padding-top: 0;
	}


#titlebar
	{
	float: left;
	width: 980px;
	height: 50px;
	margin: 0 0 0 10px;
	padding: 0;
	background: url(../images/titlebar.gif) no-repeat top left;
	}


#titlebar h3
	{
	margin: 11px 0 0 20px;
	font-family: Georgia, Times New Roman, serif;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	}



/* ====================== CONTENT ====================== */

#content
	{
	padding: 10px;
	width: 980px;
	background: url(../images/bg_col_separator.gif) repeat-y;
	float: left;
	font-size: 12px;
	line-height: 18px;
	}


#content_pdf
	{
	margin: 0 10px;
	padding: 0;
	width: 980px;
	float: left;
	}

#content_left
	{
	width: 600px;
	padding: 0 15px 0 5px;
	float: left;
	}


#content_left a,
#content_left a:visited {
	color: #990000;
	text-decoration: underline;
	}


#content_left a:hover {
	color: #333;
	text-decoration: underline;
	}


#content_right {
	float: left;
	width: 350px;
	margin: 0 0 0 10px;
	padding: 0;
	}


#content_left img.clogo {
	float: left;
	clear: left;
	width: 550px;
	padding: 10px 5px;
	}



.sideBox {
	width: 100%;
	float: left;
	clear: left;
	margin: 5px 0;
	}



.timeline
	{
	font-size: 12px;
	color: #000;
	padding: 5px;
	}


.timeline li
	{
	padding: 0 0 10px 0;
	}


.timeline_header
	{
	padding: 5px 10px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background: url(../images/bg_cat.gif) repeat-x top left;
	}

.timeline_title
	{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	display: inline;
	}



/* ====================== ADS ====================== */

.ads img
	{
	padding: 15px 0;
	}

.leaderboard
	{
	float: left;
	width: auto;
	display: inline;
	padding-left: 40px;
	padding-top: 40px;
	}


.leaderboard img {
	border: 1px solid #ddd;
	}

/* ====================== FOOTER ====================== */


#footer
	{
	padding: 10px;
	width: 980px;
	clear:both;
	background-color: #705013;
	text-align: center;
	font-size: 11px;
	color: #FFF;
	}

#footer a
	{
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}

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


/* ====================== ABOUT ====================== */

.intro li
	{
	clear: left;
	width: 90%;
	list-style-type: circle;
	margin-left: 25px;
	}



.intro li.img
	{
	list-style-type: none;
	margin: 10px;
	}


.intro li.rule
	{
	list-style-type: none;
	padding: 5px;
	}

/* ====================== CATEGORIES ====================== */

.categories_title
	{
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 8px 0 2px;
	}


.categories li
	{
	width: 90%;
	clear: left;
	list-style-type: circle;
	margin-left: 25px;
	padding-bottom: 10px;
	}


.categories a,
.categories a:visited {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	}



.categories a:hover {
	color: #990000;
	text-decoration: underline;
	}



.categories h3 {
	/*font-family: Arial, Helvatica, sans-serif;*/
	color: #333;
	}

/* ====================== NEWS ====================== */

.newsBox {
	width: 95%;
	height: 100px;
	margin: 15px 0 10px 10px;	
	padding: 0 0 10px 0;
	border-bottom: 1px solid #d3921d;

	}

.newsBox h3 {
	width: 100%;
	margin: 0;	
	padding: 0;
	/*font-family: Georgia, Times New Roman, serif;*/
	font-size: 18px;
	color: #990000;
	}

.newsBox p {
	width: 100%;
	margin: 0;
	padding: 5px 0 10px 10px;
	/*font-family: Arial, Helvatica, sans-serif;*/
	color: #000;
	}


.newsBox:last-child {
	border-bottom: none;
	}



.newsBox a {
	color: #990000;
	text-decoration: none;
	}


.newsBox a:hover {
	background: #fff;
	text-decoration: none;
	}


.news_date {
	margin: 2px 0 2px 5px;
	font-size: 11px;
	color: #666;
	}



.news_container {
	margin: 0 0 20px 0;
	}


.news_container h2 {
	margin: 0 0 0 5px;
	/*font-family: Arial, Helvatica, sans-serif;*/
	}



.news_container a,
.news_container a:visited {
	color: #990000;
	text-decoration: underline;
	}

.news_container a:hover {
	color: #333;
	text-decoration: underline;
	}



/* ====================== Application Form ====================== */



/*.applicationFm a
	{
	color: #705013;
	text-decoration: none;
	}

.applicationFm a:hover
	{
	text-decoration: underline;
	}*/



/* ====================== FAQ ====================== */

.faqBox {
	width: 95%;
	margin: 15px 0 10px 10px;	
	padding: 0 0 10px 0;
	font-weight: normal;
	}

.faqBox h3 {
	width: 100%;
	margin: 0;	
	padding: 5px 0 5px 8px;
	/*font-family: Arial, Helvatica, sans-serif;*/
	font-size: 15px;
	color: #990000;
	}

.faqBox strong {
	margin: 0;	
	padding: 0 5px;
	/*font-family: Arial, Helvatica, sans-serif;*/
	font-size: 15px;
	color: #990000;
	}

.faqBox p {
	width: 100%;
	margin: 3px 0;
	padding: 10px 0 10px 10px;
	/*font-family: Arial, Helvatica, sans-serif;*/
	color: #000;
	font-weight: normal;
	}


.faqBox em {
	text-decoration: underline;
	}

.faqBox a,
.faqBox a:visited {
	color: #990000;
	text-decoration: none;
	}


.faqBox a:hover {
	color: #333;
	text-decoration: underline;
	}

.linkBox {
	width: 95%;
	margin: 15px 0 10px 10px;	
	padding: 0 0 10px 0;
	font-weight: bold;
	text-align: left;
	}

.linkBox a {
	color: #990000;
	text-decoration: none;
	}


.linkBox a:hover {
	color: #333;
	text-decoration: none;
	}



/* ====================== SPONSORS' LOGO BOX ====================== */

.sponsors {
	float: left;
	width: 326px;
	padding: 5px 5px;
	}


.logoLeft {
	float: left;
	width: 150px;
	margin: 0 0 0 10px;
	padding: 0;
	}


.slogoBox {
	float: left;
	width: 145px;
	height: auto;
	margin: 5px 3px 0;
	padding: 0;
	}

.slogoBox h6 {
	float: left;
	clear: right;
	width: 90%;
	margin: 10px 3px 3px 3px;
	padding: 0 0 0 8px;
	/*font-family: Arial, Helvatica, sans-serif;*/
	font-size: 13px;
	font-weight: bold;
	color: #555;
	text-align: left;
	}


.sponsors_bottom {
	float: left;
	width: 570px;
	margin: 20px 5px 10px;
	padding: 0;
	}


.sponsors_bottom .slogoBox {
	float: left;
	display: inline;
	width: 180px;
	height: auto;
	margin: 0 2px;
	padding: 0;
	text-align: center;
	}


.sponsors_bottom .slogoBox02 {
	float: left;
	display: inline;
	width: 295px;
	height: auto;
	margin: 0 2px;
	padding: 0;
	text-align: center;
	}


.sponsors_bottom .slogoBox02 h6,
.sponsors_bottom .slogoBox h6 {	
	float: left;
	clear: right;
	width: 95%;
	margin: 2px;
	padding: 0 0 5px 0;
	/*font-family: Arial, Helvatica, sans-serif;*/
	font-size: 11px;
	font-weight: bold;
	color: #555;
	text-align: center;
	}


/* ====================== Embed PDF ====================== */


#pdfframe {
	float: left;
	width: 980px;
	height: 900px;
	margin: 0;
	Padding: 0;
	background: #fff;
	border-bottom: 1px solid #ccc;
	text-align: center;
	}

#pdfframe p {
	/*font-family: Arial, Helvatica, sans-serif;*/
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #333;
	margin: 5px;
	}


#pdfframe a,
#pdfframe a:visited {
	color: #555;
	text-decoration: underline;
	}


#pdfframe a:hover {
	color: #CC0000;
	text-decoration: underline;
	}



#link {
	float: left;
	width: 980px;
	height: 32px;
	background: #cccccc;
	}


#link p {
	float: right;
	margin: 0;
	padding: 7px 15px;
	/*font-family: Arial, Helvatica, sans-serif;*/
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
	}


#link a,
#link a:visited {
	color: #555;
	text-decoration: none;
	}


#link a:hover {
	color: #CC0000;
	text-decoration: none;
	}


/* ====================== Gallery ====================== */

.sobaGallery {
	float:left;
	width: 540px;
	margin: 15px;
	padding: 0;
	}


.sobaGallery img {
	flaot: left;
	width: 150px;
	height: auto;
	margin: 15px 8px;
	padding: 0;
	border: 5px solid #ccc;
	}

.sobaPCategory {
	float: left;
	width: 550px;
	height: auto;
	margin: 10px 0 10px 20px;
	padding: 10px 0 10px 0;
	background: #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}


.sobaPCategory img {
	float: left;
	display: inline;
	width: auto;
	height: auto;
	margin: 12px;
	padding: 0;
	border: 4px solid #fff;
	}


.sobaPCategory h2 {
	float: left;
	display: inline;
	width: 60%;
	height: auto;
	margin: 16px 10px 12px;
	padding: 0;
	}

.sobaPCategory p {
	float: left;
	display: inline;
	width: 60%;
	height: auto;
	margin: 0 10px 0 10px;
	padding: 5px 0 15px 0;
	font-size: 11px;
	line-height: 16px;
	color: #666;
	clear: none;
	}


/* ====================== Categories Guide ====================== */


.sobaSection {
	float: left;
	width: 520px;
	height: auto;
	margin: 0;
	padding: 10px;
	}


.sobaSection h1 {
	float: left;
	clear: both;
	width: 500px;
	height: auto;
	margin: 0;
	padding: 2px 10px;
	font-size: 20px;
	color: #990000;
	}

.sobaSection h4 {
	float: left;
	clear: both;
	width: 500px;
	height: auto;
	margin: 0;
	padding: 2px 10px;
	font-size: 15px;
	color: #990000;
	}


.sobaSection h5 {
	float: left;
	clear: both;
	width: 500px;
	height: auto;
	margin: 0;
	padding: 2px 10px;
	font-size: 13px;
	color: #e43725;
	}


.sobaSection p {
	float: left;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 10px;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	}


.sobaSection ul {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
	list-style-type: none;
	}


.sobaSection ul li {
	float: left;
	clear: left;
	width: 90%;
	margin: 5px 0 5px 10px;
	padding: 0;
	font-size: 12px;
	color: #333;
	}


.sobaSection ul li.secheader {
	float: left;
	clear: left;
	width: 90%;
	margin: 5px 0 5px 10px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #990000;
	}