@charset "UTF-8";
/* CSS Document */
#mast{
  min-height: 200px;
    padding-top: 30px;	
}
#site-title{
  color: darkgreen;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 46px;
    font-weight: 600;
    line-height: 110%;
   margin-top: 0px;
}
#navContainer {
 background: none repeat scroll 0 0 #3b566a;
    border-bottom: 1px solid #999999;
    border-top: 5px solid darkorange;
   height: 45px;
}
#navigation li {
    display: inline;
}
#navigation a {
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 45px;
	line-height: 42px;
	margin: 0 5px;
	padding: 0 10px;
	text-align: center;
}
.wrapper {
    background: none repeat scroll 0 0 #ffffff;
    margin: 0 auto;
    overflow: hidden;
}
.contentbg{
    background:#ffffff;
    margin-top:-5px;
}
.special{
    margin-right: 0;
    margin-top: 6px;
    *margin-top:20px;
    *margin-right:5px;
}
.highlight{
       background-color: orange;
    padding: 20px 10px;
    text-align: center;
}
.highlight h5{
    color:#ffffff;
}
.alt{
    border-bottom: thin solid #ccc;
    border-top: thin solid #ccc;
}
.welcome{
 background: url("../img/mainImg-home.jpg") no-repeat scroll right top #ffffff;
    box-shadow: 1px 1px 30px -1px rgba(50, 50, 50, 0.56);
    margin: -5px 0 0;
    *margin-top:-2px;
    min-height: 440px;
}
.welcome h1{
	 color: #222;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin: 10px 0 0 20px;
    padding: 0;
}
.welcome p{
   font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
      margin: 1rem 0 20px 1.5rem;
      *width:450px;
    text-rendering: optimizelegibility;
}
#footerContainer {
	background: #3b566a;
	padding-bottom: 40px;
}
p#info {
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	margin-top: 40px;
}
p#info a {
	color: #ccc;
}
li {
    margin-left:1.5rem;
    *margin-left:20px;
}
/* The new fangled clear-fix */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.red{
    color:red;
}



/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
        .special {
    margin-right: 1px;
    margin-top: 0;
    width: 50%;
}
}

    @media only screen and (max-width: 819px) {     
           #navContainer {
    background: none repeat scroll 0 0 #3b566a;
    border-bottom: 1px solid #999999;
    border-top: 5px solid darkorange;
    height: 150px;
    margin-top: 20px;
}
      #navigation a {
    width: 35%;
}
  .welcome p {
    margin: 1rem 29rem 20px 1.5rem;
    text-rendering: optimizelegibility;
}
.welcome h1 {
    color: #222;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin: 10px 5rem 0 20px;
    padding: 0;
}

p#info {
    color: #ffffff;
    font-size: 13px;
    margin-top: 40px;
    text-align: center;
}
p#info a {
    color: #ccc;
    padding: 15px;
}
}



	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
          
     .welcome {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 30px -1px rgba(50, 50, 50, 0.56);
    margin: -5px 0 0;
    min-height: 440px;
}   
	}
    
        /* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

.welcome h1 {
    color: #222;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin: 10px 10rem 0 20px;
    padding: 0;
}
.welcome p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    margin: 1rem 28rem 20px 1.5rem;
    text-rendering: optimizelegibility;
}

	}
    
    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      
.welcome p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    margin: 1rem 0 20px 1.5rem;
    text-rendering: optimizelegibility;
}
.welcome {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 30px -1px rgba(50, 50, 50, 0.56);
    margin: -5px 0 0;
    min-height: 440px;
}
.welcome h1 {
    color: #222;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin: 10px 0 0 20px;
    padding: 0;
}
.special {
    margin-right: 1px;
    margin-top: 0;
    width: 50%;
}
}
    
        /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
   .welcome {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 30px -1px rgba(50, 50, 50, 0.56);
    margin: -5px 0 0;
    min-height: 440px;
}
.welcome h1 {
    color: #222;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 1.2em;
    margin: 10px 0rem 0 20px;
    padding: 0;
}
   .welcome p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    margin: 1rem 0 20px 1.5rem;
    text-rendering: optimizelegibility;
}
#navigation a {
    width: 30%;
}
#navigation a {
    color: #ffffff;
    display: block;
    float: left;
    font-family: "Trebuchet MS",sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    line-height: inherit;
    margin: 0 5px;
    padding: 0 10px;
    text-align: center;
}
.special {
    margin-right: 1px;
    margin-top: 0;
    width: 50%;
}
	}