@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
    background: black;
    background: #000 url(/Data/DocAssets498/website%20images/okoraidersbck.jpg) center top no-repeat;
}

/* STRUCTURE */

#pagewrap {
    border: none;
}
#header {
    background: transparent;
	height:145px;
	z-index:100;
	border: none;
}

#subpageContent {
  background-color: #FFFFFF;
  width: auto;
  padding: 0.8em;
  margin: 0.4em;
}
#menuBarH{
  background: transparent;
}

#firstColumn {
    background: white;
    width: 57%;
}

#secondColumn {
    background: white;
    border: none;
    width: 39%;
}
#homeTopRightContainer{
	background-color: white;
/*	width: 340px;*/
  	width: 100%;
	height: 353px;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#homeTopRightContent{
	background-color: white;
/*	width: 320px;*/
    width: 94%;
	height: 290px;
	overflow:auto;
	float: left;
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}
#homeTopLeftContainer{
	background-color: white;
/*	width: 340px;*/
  	width: 100%;
	height: 353px;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#homeTopLeftContent{
	background: #ffffff;
    width: 95%;
	height: 322px;
	float: left;
	text-align: left;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}
#homeBottomRightContainer{
   background:#ffffff;
/*	width: 340px;    */
  	width: 100%;
	height: 353px;
	float: left;
	text-align: left;
    margin-top: 5px;

}
#homeBottomRightContent{
   background:#ffffff;
/*	width: 320px;*/
    width: 94%;
	height: 290px;
	float: left;
	text-align: left;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}
#homeBottomLeftContainer{
	background: #ffffff;
    width: 100%;
	height: 353px;
	float: left;
	text-align: left;
	margin-top: 5px;
}
#homeBottomLeftContent{
	background: #ffffff;
    width: 95%;
	height: 290px;
	float: left;
	text-align: left;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}

#homeRightColContainer{
   background:transparent;
/*	width: 340px;    */
  	width: 100%;
    min-height: 705px;
	float: right;
	text-align: left;
    margin-top: 5px;
    color: white;
    overflow: auto;
}
#homeBottomColContent{
   background:#ffffff;
/*	width: 320px;*/
    width: 94%;
	height: 660px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}
#contentPage {
  clear: both;
    background: white;
    width: auto;
    padding: 5px 10px 10px 10px;
/*    min-height: 440px;*/
    min-height: 695px;
}

#newsContainer{
	background: #093D6F;
	background: #ffffff;
	width: 550px;
	float: left;
	height: 353px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#rnImage{
	background: inherit;
	width: 100%;
	height: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#rnTitle {
	background: #0A7C61;
	width: 542;
	height: 25px;
	padding: 2px 3px 3px 5px;
	margin: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#rnBrief {
	background: inherit;
	width: 545px;;
	height: 68px;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}
#footer {
	background: black;
	color : #FFFFFF;
  	height: 120px;
}
#footer-right {
   background: #000 url("http://www.sportzsoft.com/images/background/poweredbyw.png") no-repeat right;
   width: 30%;
   height: 70px;
   padding: 3px 3px 3px;
   float: right;
   color: inherit;

}
#footer-left {
	float: left;
	text-align: center;
    vertical-align: middle;
    padding-top: 25px;
    width: 60%;
    height: 70px;
}
.footer {
	color: #ffffff;
	font-size : 10px;
	font-family : arial, verdana;
	font-weight: normal;
	text-align: center;
}
.titleContent {
	background: #093D6F;
	height: 20px;
	color : #FFFFFF;
	font-size : 16px;
	font-family : arial, verdana;
	font-weight : bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:3px;
	padding-left:5px;
}
.data {
	color : black;
	font-size : 12px;
	font-family : arial, verdana;
	font-weight : normal;
}
.data a:link {color:#6398C6;}      /* unvisited link */
.data a:visited {color:#6398C6;}  /* visited link */
.data a:hover {color:#6398C6;}  /* mouse over link */
.data a:active {color:#6398C6;}  /* selected link */

.rndata {
	color : #000000;
	background: #ffffff;
	font-size : 14px;
	font-family : arial, verdana;
	font-weight : normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:3px;
	padding-left:5px;
}
.rnBrief {
	color : #000000;
	font-size : 14px;
	font-family : arial, verdana;
	font-weight : normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:3px;
	padding-left:5px;
}
.rntitle {
	color : white;
	font-size : 16px;
	font-family : arial, verdana;
	font-weight : bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:3px;
	padding-left:5px;
}



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {

	#firstColumn {
		width: auto;
		padding: 1% 4%;
	}

 /*	#secondColumn {
		clear: both;
		padding: 1% 4%;
	}
   */
    #homeTopRightContainer, #homeTopRightContent,  #homeBottomRightContainer, #homeBottomRightContent, #homeRightColContainer {
      width: auto;
      float: none;
      height: auto;
    }

    #newsContainer, #rnImage, #rnTitle, #rnBrief, #homeBottomLeftContainer, #homeBottomLeftContent, #contentPage {
      width: auto;
      float: none;
      height: auto;
    }

    #footer-right, #footer-left {

      background-size: auto;
    }

	#header, #footer {
	/*	padding: 1% 4%;*/
        background-size: 94%;
        background-size: auto;

	}
    #secondColumn {
      width: auto;
      float: none;
      height: auto;
    }

}

/* for 700px or less */
@media screen and (max-width: 600px) {


/*	#firstColumn {
		width: auto;
		float: none;
		margin-left: 0px;
	}
  */
/*	#secondColumn {
		width: auto;
		float: none;
	}*/

    #secondColumn {
      width: auto;
      float: none;
      height: auto;
    }

}

/* for 480px or less */
@media screen and (max-width: 480px) {

    #header {
	 	height: 140px;
      background: #000 url(/Data/DocAssets498/Website%20Images/smlheader.jpg) no-repeat;
    background-size: auto;
	}

	h1 {
		font-size: 2em;
	}
	#secondColumn {
		width: auto;
		float: none;
	}*/
    #footer-right, #footer-left {

      background-size: auto;
    }
    #header {
      background-size: auto;
    }
    #homeTopRightContainer, #homeTopRightContent,  #homeBottomRightContainer, #homeBottomRightContent, #homeRightColContainer {
      width: auto;
      float: none;
      height: auto;
    }

    #newsContainer, #rnImage, #rnTitle, #rnBrief, #homeBottomLeftContainer, #homeBottomLeftContent, #contentPage {
      width: auto;
      float: none;
      height: auto;
    }
    #secondColumn {
      width: auto;
      float: none;
      height: auto;
    }

}

 /*
#secondColumn {
	background: #f0efef;
}  */
/*#header, #firstColumn, #secondColumn {
	margin-bottom: 5px;
} */

#firstColumn, #secondColumn {
	border: solid 1px #03362A;
}
/*
.scroller {
    overflow-y:visible!important;

}
  */