/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
/* Layout Stylesheet *

Author: Karen Kilpatrick
Created: April 10 2013

Updated: May 15 2016
Updated: Jan 20 2018 (to make it responsive)

*/ 

body {
/* margin:20px;*/
margin:2%;
/* background:#808080;*/
/*background-image:url('images/30901153.jpg');*/
/*background: #AA032A;*/
 color: #333333;
 text-align:justified;
 padding:0;
 font-family: "Lucida Grande", Verdana, sans-serif;
 /*font-size:90%;*/

 }

#outerbox {
 text-align:left;
 border:1px solid #000000;
 /*width:800px;*/
 width:90%
 margin:auto;
 }

#header {
 /*height:200px;*/
 height:100%;
 margin: 0;
 background:#eeeeee;
 color: #333333;
 }



#bodyblock {
 position:relative;
 background: #000000;
 color: #333333;
/* width:800px;*/
 width:90%;
 padding:0;
 }

#left {
 float:left;
 background:#ffffff;
 color: #333333;
 /*width:140px;*/
  width:14%;

border-right:solid;
 padding-top: 5px;
text-align:left;
 
 
 }
 
 #left ul {
/* list-style-position:outside;
 list-style-type:none;*/
 list-style-image:url('images/bullet.jpg');
 /*padding-top:15px;*/
 text-align:inherit;
 padding:0, 0, 0 10px;}

#content {
 /*width:650px;*/
 width:100%;
 background:#ffffff;
 color: #333333;
 border:solid #000000;	
 border-width:1px 0 0 1px;
 text-align:left;
 }

#footer {
 /*height:35px;*/
 height:10%;
 background:#c0c0c0;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }
 
 h1 {/*font-size: 150%;*/ text-align:center;  font-weight:bold;}
 h2 {/*font-size: 125%;*/ text-align:center; font-weight:bold; }
 h3 {/*font-size: 110%;*/ text-align:center; font-weight:bold;}
 h4 {/*font-size: 90%;*/ text-align:left; font-weight:bold; text-decoration:underline;}
 h5 {/*font-size: 90%;*/ text-align:center;}

 
 p {
 margin:0;
 padding:15px;
 }

h1, h2, h3, h4, h5 {
 margin:0; 
 padding: 10px;
 }
 
#left h5 {
 margin:0; 
 padding: 0;
 text-transform:uppercase;
 }
 
/*p:first-letter {
 font-size: 200%; 
 font-weight: bold;
 color: #c0c0c0;
 }*/
 
 #red { font-weight: bold; }

/*horizontal menu */
ul#navigation {
	width: 100%;
	height: 43px;
	/*background: #FFF url("images/menu-bg_2.png") top left repeat-x;*/
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#navigation li {
	/*display: block;*/
    display: inline;
	float: left;
	margin: 0 0 0 5px;
}
ul#navigation li a {
	height: 43px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
}
ul#navigation li a:hover {
	color: #333;
}
ul#navigation li a.current {
	color: #FFF;
	background: #FFF url("images/current-bg_2.png") top left repeat-x;
	padding: 5px 15px 0;
}

 a {/*font-family:Georgia,serif; font-size:large; padding-left:10px;*/}
a:link {color:blue;}
a:visited {color: #660066;}
a:hover {text-decoration: none; color: #ff9900; font-weight:bold;}
a:active {color: red;text-decoration: none;}
a:hover { text-decoration: none; }