* {
/* padding:0px;  */
/* margin:0px;   */
 /*border : 1px solid brown; /*This will show all your table lines */
}

body { background-color: #FAEBD7; /* Antique White */
font-family: "Trebuchet MS",Verdana,Arial;
font-size: 11px; /*font size for mobile friendly devices - it was set to 14px*/
color:black;
/*margin:0px;  */
padding-bottom:20px;
scrollbar-face-color:#FAEBD7;  /* Antique White */
scrollbar-highlight-color:red;
scrollbar-3dlight-color:orange;
scrollbar-darkshadow-color:brown;
scrollbar-shadow-color:pink;
scrollbar-arrow-color:red;
scrollbar-track-color:ivory;

/*width: 90%; */
width: 100%;
margin: auto;
/*min-width: 600px; */
max-width: 1003px;
}

/*Mobile Friendly settings for the body */
.small {
  font-size: 12px; /* 75% of the baseline */
}

/*Mobile Friendly settings for the body */
.large {
  font-size: 20px; /* 125% of the baseline */
}

.topNav {
FONT-SIZE: 11px;
FONT-FAMILY: "Trebuchet MS",verdana,Arial,Helvetica;
color: #171717;
background:#9db5c8; /* Gray Blue header background */
padding: 0px 0px;
border: 0px solid brown;
max-height: 274px;
height: auto;
width: 100%;
max-width: 1003px; /*4/29/2015 */
margin: 0 auto;
}

#logo {
  float: left;
  width: 100%;
  max-width: 600px;  /*4/23/15 changed from width to max-width*/
  padding:0em;

}

#cnn {
  float: left;
  width: 100%;
  max-width: 210px; /*4/23/15 changed from width to max-width*/
  padding:0em;

}

#headmenu {
  float: left;
  width: 100%;
  max-width: 165px;  /*4/23/15 changed from width to max-width*/
  padding:0em;

}

/* most outer container */
#outline{
 /* border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
 /* border-bottom-color: #9db5c8; /* Gray Blue */
 border: .25em solid brown; /*4/23/15 border: 2px solid brown; 2em*/
 margin: 0 auto;
 position: relative;
 width: 100%;
 max-width: 1000px;  /* width: 960px; */  /*changed from width to max-width*/
 background: white;
}

/*container */
#header {
    max-width: 1000px;  /*changed from width to max-width*/
    width: 100%;
    height: auto;
    max-height: 274px;
    margin: 0 auto;
    background: white;
}

table.main {
  background: #9db5c8; /* white - #ffffff; */
  border: 0px;
  width: 100%;
}

#button {
	width: 12em;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica,
	  Arial, sans-serif;
	background-color: #90bade;
	color: #333;
	}

	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}

	#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}

	#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}


/* #topNav div.bodyText p {  */
.bodyText p {
FONT-SIZE: 9px;
FONT-FAMILY: verdana,Arial,Helvetica;
color : #171717;
padding : 0px 0;
/*left : 620px;*/
width: 100%;      /*5-1-2015 changed width to 100% and used max-width*/
max-width: 220px;
height : auto;   /*5-1-2015 changed height to 100% and used max-height*/
max-height: 274px;
/*top : 35px;   *
background-color : #9db5c8;
/*position : absolute; */
}

/*#topNav div.cnnimg { */
.cnnimg td {
max-height : 35px;
max-width : 200px;
width: 100%;
padding : 0px 10px;
}

#topNav div.NavDate {
FONT-SIZE: 16px;
FONT-FAMILY: "Trebuchet MS",Comic Sans MS, "Times New Roman", Times, serif;
color : white;
padding : 2px 0;
left : 85%;          /*4/23/15 changed left: 835px to a percentage*/
width: 100%;
max-width : 150px;   /*4/23/15 changed from width to max-width*/
top : 235px;         /*4/23/15 changed top: 235px to a percentage*/
font-style : italic;
background-color : #9db5c8;
position : absolute;
}

#topNav div.topNavLine p {
padding : 0px 0;
left : 0px;
width : 100%;   /*4/23/15 changed from width to max-width   1003px*/
max-width:   1003px;
top : 265px;
background-color : #8E2323; /*burgundy line*/
position : absolute;
margin:0px;
height: 20px;

}

#topNav div.bodyText h2 {
font : italic bold 20px/28px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
color : #b10000;
padding : 2px 0;
left : 620px;
position : absolute;
}

#topNav div.bodyText h2 span {
color : #000000;
background-color : #f7f7f7;
}

/*#topNav img {   */
.logoimg td {
/*background-image: url(../newsite/images/header.jpg);  */
height: auto;
max-height: 274px;
width: 100%;
max-width: 600px;     /* 4/23/15 width: 600px; max-width*/
/*position : absolute;  */
/*top : 0px; */
/*left : 0px;  */
left: auto;
padding : 0px;
border: 0px;
}

#topNavMenu ul {
width : 100%;
max-width : 108px; /* 4/23/15 width: 108px; max-width*/
max-height : 130px;
/*padding : 23px 29px 20px 40px; */
/*padding-left: 10px;*/
padding-left: 0px;
top : 50px;
/*left : 850px; */
left : 860px;

border: 0px solid #000;
position : absolute;
background : #9db5c8;/*url(../images/background.gif) no-repeat 0 0; */
}

#topNavMenu ul li {
background : #9db5c8;/* url(../images/ClassicLg0button.gif) no-repeat 0 7px; */
border-bottom : 0px solid #292929;
font : 12px/24px Verdana, Helvetica, sans-serif;
font-weight : bold;
color : #000;
/*padding-left : 15px; */
padding-left : 0px;
list-style-type: none;
margin: 0px;
}

#topNavMenu li a
{
background: url(images/background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 7.5em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

#topNavMenu li a:hover{
  text-decoration: underline;
}


ul.outside
{
list-style-position: outside;
list-style-type: none;
FONT-SIZE: 12px;
font : 12px/24px Verdana, Helvetica, sans-serif;
}

#home_button {
	width:95px;
	height:28px;
	float:left;
}

#home_button ul {
	list-style-image: url('images/home4.png');
}

#home_button span {
	display:none;
}

#home_button a:hover {
	background-position: 0px -47px;
	background-repeat:no-repeat;
}

#home_button a{

	width: 7.5em;
    text-decoration: underline;
    background-color:#FAEBD7;  /* Antique White */
    COLOR: #9db5c8;
}

#about_button {
	width:95px;
	height:28px;
	float:left;
}
#about_button span {
	display:none;
}

#about_button a:hover {
	background-position: 0px -47px;
	background-repeat:no-repeat;
}

li#about_button a{

	width: 7.5em;
    text-decoration: underline;
    background-color:#FAEBD7;  /* Antique White */
    COLOR: #9db5c8;
}

#christian_button {
	width:95px;
	height:28px;
	float:left;
}
#christian_button span {
	display:none;
}

#christian_button a:hover {
	background-position: 0px -47px;
	background-repeat:no-repeat;
}

li#christian_button a{

	width: 7.5em;
    text-decoration: underline;
    background-color:#FAEBD7;   /* Antique White */
    COLOR: #9db5c8;
}

#resources_button {
	width:95px;
	height:28px;
	float:left;
}
#resources_button span {
	display:none;
}

#resources_button a:hover {
	background-position: 0px -47px;
	background-repeat:no-repeat;
}

li#resoures_button a{

	width: 7.5em;
    text-decoration: underline;
    background-color:#FAEBD7;   /* Antique White */
    COLOR: #9db5c8;
}

#contact_button {
	width:95px;
	height:28px;
	float:left;
}
#contact_button span {
	display:none;
}

#contact_button a:hover {
	background-position: 0px -47px;
	background-repeat:no-repeat;
}

li#contact_button a{

	width: 7.5em;
    text-decoration: underline;
    background-color:#FAEBD7;   /* Antique White */
    COLOR: #9db5c8;
}

/* Content */
#mainbody { margin-left:20px;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;
padding-left:20px;
background:white;   /* #FAEBD7 - Antique White */
border:0px solid brown;
FONT-FAMILY: Verdana, Arial, sans-serif;
float: left; /* added 4/22/15 */
}

#menu { position:absolute;
top:70px;
left:0px;
width:120px;
background:#FAEBD7;   /* Antique White */
color:brown;
border:1px solid brown;
text-align: center;
}

.menuitem { width:100px;
background:ivory;
color:brown;
font-size:10px;
border:3px solid cornsilk ;
text-align: center;
}

.menuhead { left: 0px;
width:95px;
background:cornsilk ;
color:brown;
border:3px solid cornsilk ;
text-align: center;
font-weight:bold;
font-size:10px;
}


#breadcrumb ul li{
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
   margin: 3px 0 0 0;
}
#breadcrumb ul{
   margin:0;padding:0;
   list-style-type: none;
   padding-left: 1em;
}

.boxText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
/*  padding: 0 20px; */
  line-height:1.2em;
}

#leftmenu {
    float: left;
    width: 135px;
}

#rightmenu {
/*height : 35px; */
width : 135px;
float : left;
/*position : absolute; *
/*background-color : #9db5c8;  */
/*top : 5px;  */
/*left : 715px;  */
padding : 0px 0;
}

/*Trying to get the image to be thumbnail size*/
.thumbnail {
  width: 30px;
  height: 50px;
  overflow: hidden;
}

.thumbnail img {
  width: 100%;
  height: auto;
}

/*The image with the article on the Home page*/
.article {
  width: 200px;
  height: 250px;
  overflow: hidden;
}

.article img {
  width: 100%;
  height: auto;
}

#footer {
  width:100%;
  text-align:center;
  margin-top:5px;
  padding:1px;
  background: #1F3C42;
  border:0px solid ivory;
  color: #FAEBD7;    /* Antique White */
  FONT-SIZE: 9px;
  FONT-FAMILY: Verdana, Arial, sans-serif;
  clear: both; /*added 4/22/15*/
}

.footer ul {
width : 445px;
margin : 0 auto;

list-style-type: none;
}

.footer ul li {
font : bold 12px/20px Verdana, Arial, sans-serif;
color : #FAEBD7;   /* Antique White */
background-color : #1F3C42;
float : left;

display: inline;
}

.footer ul li a {
font : bold 12px/20px Verdana, Arial, sans-serif;
text-decoration : none;
color : #FAEBD7;
background-color : #1F3C42;
padding : 0 8px;
}

.footer ul li a:hover {
font : bold 12px/20px Verdana, Arial, sans-serif;
text-decoration : none;
color : #fafafa;
background-color : #A3A3A3;
padding : 0 8px;
}

.facebook a:link {
  TEXT-DECORATION: none;
  background-color:white;
  COLOR: white;
  border: none;
}

.facebook a:visited {
  TEXT-DECORATION: none;
  background-color:white;
  COLOR: white;
  border: none;
}

.facebook a:hover{
  background-position: 0px -47px;
  background-repeat: no-repeat;
  TEXT-DECORATION: none;
  background-color:white;
  COLOR: white;
  border: none;
}

a.footer:link { FONT-WEIGHT: normal; FONT-SIZE: 9px; background-color:#A3A3A3; COLOR: #fafafa; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.footer:hover { FONT-WEIGHT: normal; font-size: 9px; background-color:#A3A3A3; COLOR: #fafafa; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.footer:active { FONT-WEIGHT: normal; FONT-SIZE: 9px; background-color:#A3A3A3; COLOR: #fafafa; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.footer:visted { FONT-WEIGHT: normal; FONT-SIZE: 9px; background-color:#A3A3A3; COLOR: #FAEBD7; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

.footer p {
/*margin : 0 auto;  */
color : #ede3c0;
background-color : #1F3C42;
font : normal 11px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
}

/*Mobile Friendly*/
img {
  max-width: 100%;
}

img.expand {
  /*width: 10em;*/
height: auto;
max-height: 274px;
width: 100%;
max-width: 600px;     /* 4/23/15 width: 600px; max-width*/
/*position : absolute;  */
/*top : 0px; */
/*left : 0px;  */
left: auto;
padding : 0px;
border: 0px;
  }


a:link { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }
a:hover { FONT-WEIGHT: normal; font-size: 11px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a:active { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a:visted { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

a.small:link  { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#FAEBD7; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }
a.small:hover { FONT-WEIGHT: normal; font-size: 12px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.small:active { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.small:visted { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#FAEBD7; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

a.left:link  { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:#FAEBD7; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }
a.left:hover { FONT-WEIGHT: normal; font-size: 11px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.left:active { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:#FAEBD7; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.left:visted { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:#FAEBD7; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

a.right:link  { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:#CECECE; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }
a.right:hover { FONT-WEIGHT: normal; font-size: 11px; background-color:#CECECE; COLOR: blue; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.right:active { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:#CECECE; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.right:visted { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:#CECECE; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }


a.head:link { FONT-WEIGHT: normal; FONT-SIZE: 10px; background-color:#9db5c8; COLOR: blue; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.head:hover { FONT-WEIGHT: normal; font-size: 10px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.head:active { FONT-WEIGHT: normal; FONT-SIZE: 10px; background-color:#9db5c8; COLOR: blue; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.head:visted { FONT-WEIGHT: normal; FONT-SIZE: 10px; background-color:#9db5c8; COLOR: blue; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

a.article:link { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.article:hover { FONT-WEIGHT: normal; font-size: 11px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.article:active { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.article:visted { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

/*Had to keep the bluelink options from old site because it is part of her articles when there is link within an article*/
a.bluelink:link { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.bluelink:hover { FONT-WEIGHT: normal; font-size: 11px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.bluelink:active { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.bluelink:visted { FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

/*#topNav li a#link { FONT-WEIGHT: normal; FONT-SIZE: 10px; background-color:#9db5c8; COLOR: blue; FONT-FAMILY: verdana,Arial,Helvetica; TEXT-DECORATION: underline; }
#topNav li a#hover { FONT-WEIGHT: normal; font-size: 10px; background-color:#990000; COLOR: white; FONT-FAMILY: verdana,Arial,Helvetica; TEXT-DECORATION: underline; }
#topNav li a#active { FONT-WEIGHT: normal; FONT-SIZE: 10px; background-color:#9db5c8; COLOR: black; FONT-FAMILY: verdana,Arial,Helvetica; TEXT-DECORATION: underline; }
#topNav li a#visted { FONT-WEIGHT: normal; FONT-SIZE: 10px; background-color:#9db5c8; COLOR: black; FONT-FAMILY: verdana,Arial,Helvetica; TEXT-DECORATION: none; }
 */

.RightTable { BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT: #990000 2.0pt solid; BORDER-LEFT-WIDTH: 0pt; }
.LeftTable { BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT: #990000 2.0pt solid; BORDER-RIGHT-WIDTH: 0pt; }

/*.BigTable { BORDER-TOP-WIDTH: 0.5pt; BORDER-RIGHT: 0.5pt solid #0058A3; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT: 0.5pt solid #0058A3; border-top-style: solid; border-top-color: #0058A3; }*/
/*.BigTable { margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; border-top-style: solid; border-top-color: white; }
 */
h1 { font-size:24px;
FONT-FAMILY: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
FONT-WEIGHT: bold;
/*display: inline; */
}

h2 { font-size:12px;
FONT-FAMILY: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
FONT-WEIGHT: bold;
font-style: italic;
}

h3 { font-size:14px;
FONT-FAMILY: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
FONT-WEIGHT: bold;
}

h4 { font-size:12px;
FONT-FAMILY: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
FONT-WEIGHT: bold;
font-style: italic;
}
p,h1,h2,h3 { margin: 10px 10px 10px 10px}

.heading { font-family:Lucida Calligraphy;
font-size:36px;
background-color:yellow;
color:brown;
font-weight:bold;
text-align: center}

.tableMargin { PADDING-LEFT: 2px; }

.bible { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }
.verse { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }
.tinyred { FONT-SIZE: 10px; COLOR: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }

 td.c20 {background-color : #CECECE} /*ligt grey color - right menu*/
 td.c19 {background-color : #FAEBD7} /*antique white color - left menu*/
 td.c18 {background-color : #8E2323} /*burgundy color*/


 OL.withalpha { list-style-type: lower-alpha }
 td.c16 {font-size: 10px; font-family: Verdana, Arial, sans-serif;}
 td.c15 {padding: 0 20px}
 p.c14 {padding: 0 25px}
 p.c13 {text-align: center; font-size:10px; color:gray}
 td.c12 {font-size: 12px; font-family: Verdana, Arial, sans-serif;}
 p.c11 {padding: 0 20px}
 span.c10 {font-family: Comic Sans MS}
 div.c9 {text-align: left}
 td.c8 {font-size:30px; color:#0000FF; font-family: Tempus Sans ITC, Verdana, Arial, sans-serif;}
 p.c7 {text-align: center}
 p.c6 {text-align: right}
 p.c5 {text-align: left}
 p.c4 {text-align: left; font-size:11px}
 p.c3 {border-style: ridge; border-width: 4; font-size:14px; color:#0000FF; font-weight: bold}
 a.c2 {text-decoration: none}
 p.c1 {text-align: center; font-size:10px; color:white}



 /* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
 body {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-size: 16px;
    }
 #logo {
  float: left;
  width: 50%;
  max-width: 200px;  /*4/23/15 changed from width to max-width*/
  padding:0em;
  }
 #topNav div.NavDate {
 FONT-SIZE: 16px;
 FONT-FAMILY: "Trebuchet MS",Comic Sans MS, "Times New Roman", Times, serif;
 color : white;
 padding : 2px 0;
 left : 59%;          /*4/23/15 changed left: 835px to a percentage*/
 width: 100%;
 max-width : 150px;   /*4/23/15 changed from width to max-width*/
 top : 325px;         /*4/23/15 changed top: 235px to a percentage*/
 font-style : italic;
 background-color : #9db5c8;
 position : absolute;
}

#topNav div.topNavLine p {
padding : 0px 0;
left : 0px;
width : 100%;   /*4/23/15 changed from width to max-width   1003px*/
max-width:   1003px;
top : 355px;
background-color : #8E2323; /*burgundy line*/
position : absolute;
margin:0px;
height: 20px;

}

a:link { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }
a:hover { FONT-WEIGHT: normal; font-size: 12px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a:active { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a:visted { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }


a.left:link  { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#FAEBD7; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }
a.left:hover { FONT-WEIGHT: normal; font-size: 12px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.left:active { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#FAEBD7; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.left:visted { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#FAEBD7; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

a.right:link  { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#CECECE; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }
a.right:hover { FONT-WEIGHT: normal; font-size: 12px; background-color:#CECECE; COLOR: blue; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.right:active { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#CECECE; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.right:visted { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#CECECE; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

a.article:link { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.article:hover { FONT-WEIGHT: normal; font-size: 12px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.article:active { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.article:visted { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }

/*Had to keep the bluelink options from old site because it is part of her articles when there is link within an article*/
a.bluelink:link { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.bluelink:hover { FONT-WEIGHT: normal; font-size: 12px; background-color:#990000; COLOR: white; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.bluelink:active { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline; }
a.bluelink:visted { FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:white; COLOR: #990000; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: none; }


}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
 body {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-size: 16px;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
 body {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-size: 16px;
    }
 #logo {
  float: left;
  width: 50%;
  max-width: 200px;  /*4/23/15 changed from width to max-width*/
  padding:0em;
  }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
 body {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-size: 16px;
    }

}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
 body {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-size: 16px;
    }
}

/* 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 */
 body {
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-size: 16px;
    }
 #logo {
  float: left;
  width: 50%;
  max-width: 200px;  /*4/23/15 changed from width to max-width*/
  padding:0em;

 }
}