

body {
background: #243f50;
 margin:0; 
  padding:0; 
}
body, p, ul {
    font: 15px arial;
    color: #000000;
	text-decoration: none;
	}

#nav {
position: absolute;
left:0px;
top:0px;
background: #151515;
width:50px;
text-align:center;

}

#topbar{
position:absolute;
top:20px;
right: 0px;
color: #ffffff;
text-align:right;
margin:0px 20px 0px 75px;
padding:0px;
font-size: 16px;
}













#page {
position:absolute;
top:75px;
left:50px;
background: #ffffff;
padding:50px;
color: #000000;

}

#page p{
color: #000000;
}
#page a{
color: #243f50;
}

#page a:hover{
color: #d5ff58;
}




P a{
    color: #d5ff58;
	text-decoration: none;

}

P a:hover{
    color: #000000;

}
h1 {
    font: 24px verdana, calibri, arial;
    color: #243f50;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0px;
}
h1 a {
    color: #243f50;
	text-decoration: none;
	font-weight:bold;
	display: inline; 
}

h1  a:hover {
    color: #000000;
	text-decoration: none;
	font-weight:bold;
	display: inline; 
}
h2 {
    font: 16px verdana, calibri, arial;
color: #243f50;
	text-decoration: none;
	font-weight:bold;
	display: inline; 
}
h3 {
    font: 17px verdana, calibri, arial;
    color: #cc4c0d;
	text-decoration: none;
	font-weight:bold;
	display: inline; 
}

h3 a{
    color: #cc4c0d;
	text-decoration: none;
}

/*   insert forms here     */

.lala {
display: inline;
}
.lala input{
    color: #e5e5e5;
}
.lala input:focus{
   color: #000000;

}
#searchform input{
padding:7px;
width:350px;
font-size: 15px;

}

input[type=submit] {

}
select {
  -webkit-appearance: none;
   font-size: 16px;
   padding: 8px; /* If you add too much padding here, the options won't show in IE */
   border-radius:0px;
   margin-bottom:5px;
   background-color: #fff;
}
input {
  -webkit-appearance: none;
   font-size: 16px;
   padding: 8px; /* If you add too much padding here, the options won't show in IE */
   border-radius:0px;
   margin-bottom:5px;
}
textarea {
font-size:16px;
}
/*   insert forms here     */



/* insert columns and boxes here */
#boxy {
border: 2px solid #000000;
padding:5px;
float:left;
margin-right:20px;
margin-bottom:20px;
width:80%;
}


.gridrow{
padding:20px 2%;
width:96%;
}
.fpcolr #boxy{
width:315px;

}

.fpcol{
width:300px;
float:left;
}
.fpcolr{
float:right;
}
.tabFP{
padding:0px;
margin:0px;
border:0px;
border-spacing: 0px;
width:100%;
}
.tabFP th{
padding:5px;
margin:0px;
background-color: #fff;

}
.tabFP td{
padding:5px;
margin:0px;
}

.tabFP tr:nth-child(odd){
background-color: #d3d3d3;
}
.tabFP tr:nth-child(even){
background-color: #f2f2f2;
}




/* insert columns and boxes here */




/*insert pieces of things here */
	#custBar{
	width:100%;
	padding:20px;
	background-color: #f9f9f9;
	}


	.custBarCol{
	padding-right:40px;
	float:left;
	margin-bottom:10px;
	}
/*insert pieces of things here */


@media only screen and (max-width: 1190px) {

#boxy {
padding:10px;
float:none;
width:90%;
margin:10px;
}


.fpcol{
width:100%;
float:none;
}
.fpcolr{
width:100%;
float:none;
}
.fpcolr #boxy{
width:90%;

}

}


@media only screen and (max-width: 650px) {

#searchform input{
width:200px;
}

#nav {
width:75px;
}

#page {
left:75px;
padding:20px;
}

select {
	width:95%;
	}
input [type=text]{
	width:95%;
}
	#custBar{
	width:90%;
	}


}
