/* Generated by colins */
/*
* STD Color: #4CBB17
* MED Color: #90FF5B
* Dark Color: #3CAB07
* Light Color: #BBFFBB
* Very light Color: #DDFFDD
*
*/
/*Basic styles*/
body { 
 	background-color: #F0F0F0;
	margin:0;
	font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
 	font-size:100%;
	}
nav
{
margin:0px;
border:none;
padding-top:0;
}
h1,h2,h3,h4,h5,h6{color:#4CBB17;
		font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;		
		margin:0;
		padding:5px;
		}
p {
	font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
	}
p.equation, p.codesnip, p.codeexample
{
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}
p.equation, p.codesnip {text-align:center;}
p.codeexample {white-space:pre;}


a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a img {border:none;}

.debug{outline:1px solid blue;}
.left{float:left;}
.underline{text-decoration:underline;}
.center{text-align:center;}
/*Intro boxes*/
.introbox {
float:left;
height:500px;
overflow:hidden;
border:1px solid #d3d3d3;
padding:10px;
margin:1%;
}
.introbox:hover{border:2px solid #4CBB17;padding:9px;}
.introbox img{max-width:100%;}
.introbox.small{width:20%;}
.introbox.med{width:44%;}
.introbox.large{width:68%;}
.introbox.full{width:93%;}
.introbox a:link,.introbox a:visited{color:#000000;}
/*caution box*/
div.cautionbox
        {
        width:90%;
        padding:1%;
        margin:auto;
        font-weight:bold;
        background-color:yellow;
        border:1px solid black;
        }
div.cautionbox h4 {
        color:black;
        }


/*Table of contents*/
div.toc ul {
list-style-type:none;
list-style-image:none;
font-weight:bold;
margin-top:0;
margin-bottom:0;
}

div.toc ul.section {
        margin-top:1em;
}
div.toc ul a {
        color:#008000;
}
div.toc   li.section a {
        color:#008000;
}

/*Tables styles*/
table.basic {
	width:50%;
	margin-left:auto;
 	margin-right:auto;
	margin-top: 25px;
	margin-bottom:25px;
	border:2px solid #4CBB17;
	border-collapse: collapse;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	}
table.basic caption {
		caption-side:top;
		text-align:center;
		font-size:1.1em;
		font-weight: bold;
		color:#4CBB17;
				}
table.basic th {
	background-color:#90FF5B;
	color: black;
	text-align:center;
	border: 2px solid #4CBB17;
	font-size:1.25em;
	font-weight:bold;
	}

table.basic tr.altrow td {
		background-color:#BBFFBB;	
		}

table.basic td {
	border: 2px solid #4CBB17;
	padding: 5px;
	text-align:left;
   	vertical-align:middle;
	background-color:#DDFFDD;
   	}
/*Buttons*/
.nice-button{
        border : solid 1px #638a00;
        border-radius : 3px;
        moz-border-radius : 3px;
        -webkit-box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
        -moz-box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
        box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
        font-size : 20px;
        color : #ffffff;
        padding : 1px 17px;
        background : #96c300;
        background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c300), color-stop(100%,#648c00));
        background : -moz-linear-gradient(top, #96c300 0%, #648c00 100%);
        background : -webkit-linear-gradient(top, #96c300 0%, #648c00 100%);
        background : -o-linear-gradient(top, #96c300 0%, #648c00 100%);
        background : -ms-linear-gradient(top, #96c300 0%, #648c00 100%);
        background : linear-gradient(top, #96c300 0%, #648c00 100%);

}
.nice-button.disabled{background:#d3d3d3;
        border : solid 1px #d3d3d3;
}

/*Images*/

div.imgcenter {
	margin: auto;
	padding-top: 10px;
	padding-bottom:10px;
	text-align:center;
	}
div.imgright {
	margin-right:5%;
	margin-left:5%;
	padding-top: 10px;
	padding-bottom:10px;
	float: right;
	text-align:center;
	}
div.imgleft {
	margin-right:5%;
	margin-left:5%;
	padding-top: 10px;
	padding-bottom:10px;
	float:left;
	text-align:center;
	}

div.imgcenter img {
			max-width:100%;
			border:none;
			}
div.imgright img {
			max-width:100%;
			border:none;
			}
div.imgleft img {
			max-width:100%;
			border:none;
			}
/*ID based settings*/
#divpage {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	}
#divbanner {
	width:100%; 
	max-width:100%;
	height: 120px;
	padding:0px;
	margin:0px;
	border:0px;
	}

#divbanner div:nth-child(1) {width:25%;height:120px;}
#divbanner div:nth-child(2) {width:75%;height:120px;}
#divbanner h1 {font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;font-size:4em;padding:0;font-weight:500;margin-top:10px;}
#divbanner img {
		
		padding:0;
		margin:0;
		border:none;
		display:block;
		float:left;
		max-width:100%;	
		max-height:100%;
		}
#divspacer {
	width:100%; 
	height: 30px;
	border-top:1px dotted #d3d3d3;
	}

#divcontent {
	padding-right:1%;
	padding-left:1%;
	background-color:#ffffff;
float:none;
margin:auto;
width:90%;
	}

#addressfield {display:none;}
#divnavbarleft {
float:left;
width:30%;
text-align:center;
}
#divnavbarcenter {
float:left;
width:30%;
text-align:center;
}
#divnavbarright {
float:right;
width:30%;
text-align:center;
}

#divfooter {
	width:100%; 
	height: 50px; 
	clear:left;
	padding-top:50px; 
	padding-bottom: 50px;
	text-align: center;
	}
/*Styles for screen 480px and lower*/
@media only screen and (max-width : 640px) {
.introbox.large, .introbox.small,.introbox.med,.introbox.full {
border:none;
border-bottom: 1px solid #d3d3d3;
width:95%;
padding:2%;
}
#divbanner {height:60px;}
#divbanner div:nth-child(1) {width:25%;height:60px;}
#divbanner div:nth-child(2) {width:75%;height:60px;}
#divbanner h1 {font-size:1.8em;padding:0;}
table.basic {width:95%;}
p.equation, p.codesnip, p.codeexample {overflow-x:scroll;}
}