/* 
FF12sector Mobile Style alpha 5.0
*/

body, html { margin: 0; padding: 0;
	background-color : #e6e6e6;
	font-family : arial,helvetica,verdana, sans-serif;
	font-size : 15px;
	font-weight : normal;
	line-height: 1.5em;
	color: #000;
    overflow-x:hidden;
}

@media screen and (max-width: 1070px) {
body, html { margin: 0; padding: 0;
	background : #CCC;
}
}

/* Adjust pre size for mobile devices */

@media screen and (max-width: 1000px) {
pre {
	font-family:monospace,monospace;
	font-size:0.65em;
	overflow-x: auto;
}
}

/* Allow scrolling of tables on mobile */

#tablediv {
	overflow-x:auto;
}

/* Adjust jump list padding so top menu doesn't block it */

a[name] {
  padding-top: 75px;
  margin-top: -75px;
  display: inline-block; /* required for webkit browsers */
}

/* /////////// Lists /////////// */
ul {list-style-image: url('/images/icons/list.png')}
ol {list-style-type: decimal;}
/* this margin and padding caused top menu problems */
ul, ol {margin:0; padding:0;}
li { margin:0; padding:0; }
/* Right Menu Links
#rightmenudiv li a {
font-size: 0.90em;
font-weight: normal;
}
*/

/* Content specific lists */

#main ul, ol {margin:5px;padding-left:25px;padding-bottom:10px;color:#000;}
#main li {padding-bottom:10px;padding-right:10px;color:#000;}


/* top & bottom image bg */

#topimage img { display: block; }
#bottomimage img { display: block; }


/* Keep font same size on mobile and anti aliasing */

@media screen and (max-width: 1000px) {
html {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
}

/* Style Images */

img {
   min-width: none !important;
   max-width: 100%;
   height: auto;
}
}

/* ////////// Style images MOBILE ////////// */

@media screen and (max-width: 1000px) {
img {
   max-width: 100%;
   height: auto;
}
}

/* ////////// Links  ////////// */

a {
	color : #009bff;
	text-decoration : none;
	font-size: 15px;
	line-height: 1.5em; 
	font-face:  arial,helvetica,verdana, sans-serif;
	font-weight : normal;
	border: 1px;
	border-width: 0 0 1px;
	border-style: solid;
}
a:hover {
	color : #067dca;
	text-decoration : none;
	border: 0px;
}

/* THE TOP HEADER BELOW    */

form {
	margin: 0;
}

#headerbelow {
	background : #414141;
	padding : 0 0 0 0;
	height: 90;
	width: 100%;
	border : 1px solid #000000;
}

#headerad {
	margin : 0;
	width : 100%;
	height: 90;
	background : #444444;
	padding : 0 0 0 0;
}

#headersearch {
	background : #000000;
}


td#normal
{
	background: #414141;
}

td#tableheader
{
	background: #333333;
	/* background-image : url(/images/backgrounds/navbgtop.jpg); */
}

/* Index background

#indexdiv {
  background-color: #002000;
  background-image: -moz-linear-gradient(top, #4A4A4A, #1f4921);
  background-image: -webkit-linear-gradient(top, #4A4A4A, #1f4921);
  background-image: -o-linear-gradient(top, #4A4A4A, #1f4921);
  background-image: linear-gradient(to bottom, #4A4A4A, #1f4921);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4A4A4A', EndColorStr='#1f4921')";
}
 */

/*   IMAGE     */

img#bimg
{
	border: 1px #11A93D solid;
}


td#headmenu a
{
	background-color: #000000;
  background-image : url(images/navbg.jpg);
	font-size: 12px;
	display: block;
	padding: 2px;
}
td#headmenu a:hover
{
	background-color: #28C956;
  background-image : url(images/navbgover.jpg);
}
td#headmenu a.menuHead
{
	font-size: 12px;
	}

/* ////////// Top Menu ////////// */

#searchbox { 
padding : 0 0 5px 0;
}

/*   MAIN MENU PARTS   AND AD       ############## */
.addiv {
	width: 336;
	height: 280px;
	float:right;
	clear:both;
}
	

/* Main Content Wrapper - After Right menu Background */

#wrap {
	padding:0;
	width: 1000px;
	max-width: 95%;
	margin:0 auto;
	overflow: hidden;

    
}

/* ////////// CONTENT WRAPPER MOBILE + main content padding  ////////// */

#main {
	float : left;
	width : 100%;
	/* background:url('/images/backgrounds/newbg.jpg') no-repeat; */
    background-color: #FFF;
	background-position: center top;
	padding-left: 10px;
	padding-top: 4em;
	border-left : 1px solid #a1a1a1;
	border-right : 1px solid #a1a1a1;
	border-bottom : 1px solid #a1a1a1;
}

@media screen and (max-width: 1000px) {
#wrap {
	padding:0;
	width:100%;
	min-width:240px;
	margin:0 auto;
	padding-left:5px;
	padding-right:10px;
}

#main { 
	float : left;
	width : 100%;
	/* background:url('/images/backgrounds/newbg.jpg') no-repeat; */
    background-color: #FFF;
	background-position: center top;
	padding-left: 10px;
	padding-top: 3.5em;
	border-left : 1px solid #a1a1a1;
	border-right : 1px solid #a1a1a1;
	border-bottom : 1px solid #a1a1a1;
}
}



/* ////////////// MENU BUTTONS  /////////////  */


#mainnonav {
	width : 100%;
}

h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding : 0 10px 0;
	font-size : 2.0em;
	line-height: 1.2em;
	color : #000;
	font-family: 'Open Sans', arial, sans-serif;
}

h3 {
	padding : 5px 10px 0 5px;
	font-size : 15px;
	color : #000
}

h2 {
	padding : 10px 0;
	font-size : 0;
	color : #000;
}


/* //////// Paragraph and Table Text /////////// */

p {

	padding-right:10px;
	margin-right:10px;
    margin-left:10px;
	color : #000;
	line-height: 1.5em;
}
#titlebg {
	padding : 0 0 0 0;
	margin : 0;
}

/* ///////////// Style <hr> lines /////////////// */
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 150, 1), rgba(0, 0, 0, 0));
	margin-top: 30px;
	margin-bottom: 30px;
}

table, td, tr {
	font-family : arial,helvetica,verdana, sans-serif;
	font-size : 1em;
	font-weight : normal;
	color : #000;
}

.row1 {
	background : #FFF;
}
.row2 {
	background : #eeeeee;
}


/* footer styling */

#footer {
	clear : both;
}

#footer p {
	padding : 5px;
	margin : 0;
}

.topsites {
	padding : 8px 10px;
}
.smalltext {
	font-size : 10px;
}

/* Form Style */

input, textarea, button {
  color: #353535;
  font-family: arial, verdana, sans-serif;
			
}

input, button {
}

input, textarea {
	background: #FFFFFF;
	font-size: small;
	border: solid 1px #303030;
	padding-left: 5px;
}

input:focus {
	background: #FFF;
}

textarea {
	font-family: arial, verdana, sans-serif;
}

