body{
	background-color:#eeeeee;
}

div.container{
	width:1200px;
	margin:auto;
	background-color:#ffffff;
	padding:0px;
}
@media only screen and (max-width: 1200px) {
    div.container {
	border:0px solid green;		
	width:992px;    
	margin:auto;  }
	
}
@media only screen and (max-width: 992px) {
    div.container {
	border:0px solid red;
	width:768px;    
	margin:auto;  }
	
}
@media only screen and (max-width: 768px) {
    div.container {
	border:0px solid blue;	
	width:576px;   
	margin:auto;  }
}
@media only screen and (max-width: 576px) {
    div.container {
	border:0px solid black;	
	width:100%;   
	margin:0px auto 0px auto;
	}
}

div.container-fluid{
	border:0px solid blue;
	margin:0px;
}
@media only screen and (max-width: 1200px) {
    div.container-fluid {
	border:0px solid blue;
	margin:0px;  }
}
@media only screen and (max-width: 992px) {
    div.container-fluid {
	border:0px solid red;
	margin:0px;  }
}
@media only screen and (max-width: 768px) {
    div.container-fluid {
	border:0px solid green;
	margin:0px;  }
}
@media only screen and (max-width: 576px) {
    div.container-fluid {
	border:0px solid yellow;
	margin:0px;  }
}


#logoPic{
	width:64px;
	margin:0px 0px 0px 0px;
}
@media only screen and (max-width: 1200px) {
	#logoPic{
	width:44px;
	margin:0px 0px 0px 0px;
	}
}
@media only screen and (max-width: 992px) {
	#logoPic{
	width:44px;
	margin:0px 0px 0px 0px;
	}
}
@media only screen and (max-width: 768px) {
	#logoPic{
	width:44px;
	margin:0px 0px 0px 0px;
	}
}
@media only screen and (max-width: 576px) {
	#logoPic{
	width:44px;
	margin:0px 0px 0px 0px;
	}
}


#topSVG{
	width:100%;
	height:60px;
}
@media only screen and (max-width: 1400px) {
    #topSVG {
	width:420px;
	height:60px;
	}
}
@media only screen and (max-width: 1200px) {
    #topSVG {
	width:420px;
	height:60px;
	}
}
@media only screen and (max-width: 992px) {
    #topSVG {
	width:420px;
	height:60px;
	}
}
@media only screen and (max-width: 768px) {
    #topSVG {
	width:400px;
	height:60px;
	}
}
@media only screen and (max-width: 576px) {
    #topSVG {
	width:350;
	height:60px;
	}
}
@media only screen and (max-width: 390px) {
    #topSVG {
	width:300;
	height:60px;
	}
}



#topSVGtext1{
	font:bold 22px arial;
}
@media only screen and (max-width: 1400px) {
    #topSVGtext1 {
	fill:#ffffff;
	font:bold 22px Georgia;
	}
}
@media only screen and (max-width: 1200px) {
    #topSVGtext1 {
	fill:#ffffff;
	font:bold 22px Georgia;
	}
}
@media only screen and (max-width: 992px) {
    #topSVGtext1 {
	fill:#ffffff;
	font:bold 22px Georgia;
	}
}
@media only screen and (max-width: 768px) {
    #topSVGtext1 {
	fill:#ffffff;
	font:bold 22px Georgia;
	}
}
@media only screen and (max-width: 576px) {
    #topSVGtext1 {
	fill:#ffffff;
	font:bold 20px Georgia;
	}
}
@media only screen and (max-width: 390px) {
    #topSVGtext1 {
	fill:#ffffff;
	font:bold 16px Georgia;
	}
}
@media only screen and (max-width: 360px) {
    #topSVGtext1 {
	fill:#ffffff;
	font:bold 14px Georgia;
	}
}
@media only screen and (max-width: 315px) {
    #topSVGtext1 {
	fill:#ffffff;
	font:bold 12px Georgia;
	}
}










#topSVGtext2{
	fill:#ffffff;
	font:bold 22px Georgia;
}
@media only screen and (max-width: 1400px) {
    #topSVGtext2 {
	fill:#ffffff;
	font:bold 22px Georgia;
	}
}
@media only screen and (max-width: 1200px) {
    #topSVGtext2 {
	fill:#ffffff;
	font:bold 22px Georgia;
	}
}
@media only screen and (max-width: 992px) {
    #topSVGtext2 {
	fill:#ffffff;
	font:bold 22px Georgia;
	}
}
@media only screen and (max-width: 768px) {
    #topSVGtext2 {
	fill:#ffffff;
	font:bold 22px Georgia;
	}
}
@media only screen and (max-width: 576px) {
    #topSVGtext2 {
	fill:#ffffff;
	font:bold 20px Georgia;
	}
}
@media only screen and (max-width: 390px) {
    #topSVGtext2 {
	fill:#ffffff;
	font:bold 16px Georgia;
	}
}
@media only screen and (max-width: 360px) {
    #topSVGtext2 {
	fill:#ffffff;
	font:bold 14px Georgia;
	}
}
@media only screen and (max-width: 315px) {
    #topSVGtext2 {
	fill:#ffffff;
	font:bold 12px Georgia;
	}
}



#titleP{
	color:#ffffff;
	font:bold 17px Georgia;
	margin:0px 400px 0px 20px;
}
@media only screen and (max-width: 1200px) {
    #titleP {
	color:#ffffff;
	font:bold 17px Georgia;
	margin:0px 300px 0px 20px;
	}
}
@media only screen and (max-width: 992px) {
    #titleP {
	color:#ffffff;
	font:bold 17px Georgia;
	margin:0px 80px 0px 15px;
	}
}
@media only screen and (max-width: 768px) {
    #titleP {
	border:0px solid yellow;
	color:#ffffff;
	font:bold 17px Georgia;
	margin:0px 0px 0px -160px;
	}
}
@media only screen and (max-width: 576px) {
    #titleP {
	position:relative;
	left:0px;
	color:#ffffff;
	font:bold 17px Georgia;
	margin:0px 0px 0px 0px;
	}
}
@media only screen and (max-width: 390px) {
    #titleP {
	position:relative;
	left:0px;
	color:#ffffff;
	font:bold 14px Georgia;
	margin:0px 0px 0px 0px;
	}
}
@media only screen and (max-width: 345px) {
    #titleP {
	position:relative;
	left:0px;
	color:#ffffff;
	font:bold 12px Georgia;
	margin:0px 0px 0px 0px;
	}
}


#navbarCollapse{
	background-color:none;
	border:0px solid green;
	margin:0px;
}
@media only screen and (max-width: 1200px) {
    #navbarCollapse {
	background-color:none;
	border:0px solid yellow;
	margin:0px;  }
}
@media only screen and (max-width: 992px) {
    #navbarCollapse {
	border:0px solid red;
	margin:0px;  }
}
@media only screen and (max-width: 768px) {
    #navbarCollapse {
	border:0px solid tan;
	margin:0px;  }
}
@media only screen and (max-width: 576px) {
    #navbarCollapse {
	border:0px solid white;
	margin:0px;  }
}



#navUL{
	margin-left:40px;
	background-color:#004400;
}
@media only screen and (max-width: 1200px) {
    #navUL {
	margin:0px;
	background-color:#004400;}
}
@media only screen and (max-width: 992px) {
    #navUL {
	margin:0px;
	background-color:#004400;}
}
@media only screen and (max-width: 768px) {
    #navUL {
	margin:0px;
	background-color:#004400;}
}
@media only screen and (max-width: 576px) {
    #navUL {
	margin:0px;
	background-color:#004400;}
}








#footerOuterDiv{
	text-align:center;
	background-color:#004400;
	width:100%;	
	padding:15px;
	margin:10px 0px 10px 0px;

}
@media only screen and (max-width: 576px) {
    #footerOuterDiv {
	text-align:center;
	background-color:#004400;
	width:100%;	
	padding:10px 0px 10px 0px;
	margin:10px 0px 0px 0px;	
  }	
}

p.footerP1{

	margin:0px;
	color:#ffffff;
	font:bold 13px arial;
	line-height:21px;
	letter-spacing: 1px;	
}
@media only screen and (max-width: 576px) {
    p.footerP1 {
	font:bold 13px arial;
	line-height:21px;
	letter-spacing: 0px;	
  }	
}

p.footerP2{

	margin:0px;
	color:#ffffff;
	font:12px Raleway;
	line-height:21px;	
}
@media only screen and (max-width: 576px) {
    p.footerP2 {
	font:10px arial;
	line-height:21px;	
  }	
}






/*


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

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

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

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

}


*/