@charset "utf-8";
/* CSS Document */

body{
	padding-top: 0px;
	margin-top: 50px;
	background-attachment: fixed;
	background-color: #90d0ff;
	background-image: url(../images/bluegradient.png);
	background-repeat:repeat-x;
}

@media only screen and (max-width: 400px) {
		h1 { font-size:18px; }
		h2 { font-size:16px; }
		h3 { font-size:14px; }
		h4 { font-size:13px; }
	 }
@media only screen and (min-width: 401px) {
		h1 { font-size:20px; }
		h2 { font-size:18px; }
		h3 { font-size:16px; }
		h4 { font-size:15px; }
	 }
/* container for nav */
.container1{
	background-color: ##0088cc;
}
/* container for content */
.container2{
	min-height: 1000px;
	height: 100%;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	border: thin  #DDDDFF; /* next 3 lines give drop shadow effect */
	/* The first value describes the x-offset (could be a negative value as well), 
	the second the y-offset, the third the radius of the shadow and the fourth the color of it. */ 
	-moz-box-shadow: -5px 5px 5px #aaa;
	-webkit-box-shadow: -5px 5px 5px #aaa;
	box-shadow: -5px 5px 5px #aaa;
	background-color: #f0fcf4;
	
}

.content {background-color: #F0FCF4;}

.content a{
	color: #308bca; /*bootstrap uses 428bca I need darker*/
}

.navbar-static-top {margin-bottom: 0px;}/* close up gap from navbar to content */
.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 22px;
	line-height: 26px;
	font-weight: bolder;
}

/* full width landscape */
.background-image{
  height:300px;
  background-size: 100%;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  background-position: center center;  
    }
	
.img-responsive{
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
}

.clear{
	clear:both;
	height: 10px;
}
	
#footer {
	clear: both;
	color: #000080;
	font-size: small;
	/* Set the fixed height of the footer here */
  height: 60px;
	margin-top: 60px;
}

	/*left and right columns in freeware page */
.leftcol {
	float: left;
	width: 27%;
	border-top: thin none #CCC;
	border-right: thin none #CCC;
	border-bottom: thin #CCC;
	border-left: thin none #CCC;
	height: 2em;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 16px;
}
.rightcol {
	float: right;
	width: 67%;
	margin-right: 20px;
	border-top: thin none #CCC;
	border-right: thin none #CCC;
	border-bottom: thin #CCC;
	border-left: thin dashed #CCC;
	height: 2em;
	margin-left: 10px;
	padding-left: 6px;
}

/* alignments */
#right {float:right;} 

#left { float:left;} 

.center {text-align: center;}

/* Trademark */
.superscript{
  position: relative;
	top: -0.6em;
	font-size: 0.6em;
}

@media only screen and (max-width: 767px){
.background-image {
  height: 200px;
}}

.img-centre{
	margin-right: auto;
	margin-left: auto;
}

/* redefine text sizes and styles */

body{ font-family: Verdana, Geneva, sans-serif}

h1, h2, h3, .h1, .h2, .h3
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 1.5em;
}
   
h4,h5,h6,.h4,.h5,.h6
{font-family: Verdana, Geneva, sans-serif; line-height: 1.5em;}

h1,.h1 {font-size: 20px;color: #00d;line-height: 1.4em;}
h2,.h2 {font-size: 18px;}
h3,.h3 {
	font-size: 18px;
	line-height: 24px;
}
h4,.h4 {font-size: 14px;}
h5,.h5 {font-size: 14px;}
h6,.h6 {font-size: 12px;}

h1 small,.h1 small{font-size: 18px;}
h2 small,.h2 small{font-size: 16px;}
h3 small,.h3 small,h4 small,.h4 small {font-size: 15px;}

table{
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
}

th {font-style: italic;	font-weight: 500;}

td{}

li{
	margin-top: 4px;
	margin-bottom: 4px;
}