body {font: 1em arial, helvetica, sans-serif;}
* {margin:0; padding:0;}
div#mainwrapper {width:980px; margin-left: auto; margin-right: auto;} 
div#header {width:980px; height:150px; border-top:5px solid #FFFFFF; border-bottom:3px solid #404080;}
div#header2 {width:980px; height:653px; border-top:5px solid #FFFFFF; border-bottom:3px solid #FFFFFF;}
div#columnswrapper {float:left; width:980px;}
div#menu {width:980px; }
div#nav {float:left; width:130px; margin-left:-740px;} /* nagative margin moves nav column into position */
div#content {float:left; width:606px; margin-left:120px; display:inline;} /* display inline is hack fix for IE */
div#rightcolumn {float:left; width:250px}
div#footer {width:980px;}
.clearthis {clear:both;}
 
/* content column styles */
div#content {padding:0 0}
div#contentinner {margin: 0 20px 20px;}
div#content img {border:none; margin-top:.6em; margin-right:.2em}
div#content div#mainimage {width:260px; float:right; margin:0 6px 4px 0;}
div#content div#mainimage img {border: 3px solid #FFFFFF;}
div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#000000;} 

div#content div#image_w_text {width:182px;text-align:center; float:right; padding:.2em;}

div#content h1{font-size:24px; font-variant:bold; margin-top:2em; font-family: arial, helvetica, sans-serif; color:#000000;}
div#content h3{font-size:18px; font-variant:bold; margin-top:2em; font-family: arial, helvetica, sans-serif; color:#000000;}
div#content h2{font-size:15px; font-weight:bold; margin-top:2em; font-family: arial, helvetica, sans-serif; color:#000000;}
div#content p {
	font-size:0.8em;
	margin-top:0;
	margin-bottom:.5em;
	color: #000000;
}    
div#content li {font-size:.8em; margin-top:0; margin-bottom:.2em;;}
div#content blockquote {width: 250px; float:right; font-size:.9em; border: 1px solid #C3C3C3; margin:0 10px; padding: 6px 10px;}
div#content blockquote p {margin:0; font-style:italic;}
div#content blockquote h1 {margin:0; font-style:italic; font-size: 14px; color: #D70000;}
div#content a {text-decoration:none; color:#006699; text-decoration: none;}
div#content a:hover {color: #006699; text-decoration: underline}




/* navigation */
div#navigation { margin-left: 0px;padding-left: 0px;list-style-type: none;background-color: #404080;float: left;width: 100%;}
div#navigation li {display: inline;}
div#navigation a {display: block;float: left;color: #FFFFFF;padding: 4px 10px;font-size: 12px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;margin: 0;}
div#navigation a:hover {color: #000;background-color: #FFFFFF;}
.newstextb {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #3F3F3F;background-color: #ECECFF;padding: 4px 4px 4px 5px;}

 
/* nav styles */
div#nav {padding-top:30px; }
div#nav p {font-size:.75em; margin-top:0; margin-bottom:.5em;}
div#nav img {border:none; margin-bottom:.1em;}
div#nav div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:0 6px 0 0;}
div#nav div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#nav h2 {font-size:16px; font-variant:bold; margin-top:1em; font-family: arial, helvetica, sans-serif; color:#000000;}
div#nav h3 {font-size:14px; font-variant:bold; margin-top:1em; font-family: arial, helvetica, sans-serif; color:#000000;}
div#nav h4 {font-size:14px; font-variant:bold; margin-top:1em;  margin-bottom:.3em; font-family: arial, helvetica, sans-serif; color:#999999;}
div#nav a {text-decoration:none; color:#000000; text-decoration: none;}
div#nav a:hover {color: #000000; text-decoration: underline}
div#nav li.morelink {font-style:italic;}
/*end of hack */
 
/* right column styles */
div#rightcolumn {padding-top:30px; }
div#rightcolumn p {font-size:.75em; margin-top:0; margin-bottom:.5em;}
div#rightcolumn img {border:none; margin-bottom:.9em; margin-top:.6em;}
div#rightcolumn div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:0 6px 0 0;}
div#rightcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#rightcolumn h2 {font-size:16px; font-variant:bold; margin-top:1em; font-family: arial, helvetica, sans-serif; color:#000000;}
div#rightcolumn h3 {font-size:14px; font-variant:bold; margin-top:1em; font-family: arial, helvetica, sans-serif; color:#000000;}
div#rightcolumn a {text-decoration:none; color:#000000; text-decoration: none;}
div#rightcolumn a:hover {color: #000000; text-decoration: underline}
div#rightcolumn li.morelink {font-style:italic;}
 
/*footer styles*/
div#footer                          
                                    {
                                      padding:4px 0; /* pushes the links away from top and bottom of the div */
                                      font-size:.8em;  /* sets the font size of all links */
                                      text-align:center; /* centers the ul elements in the div */
                                      background-color:#FFFFFF; /* sets the background color of the div */
                                      border-top:3px solid #404080; border-bottom:2px solid #FFFFFF;}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
                                              color:white; /* sets the color of the vertical lines */
                                              border-left:1px solid; /* creates the vertical line to the left of each list items */
                                              color:#000000; /* sets the color of the vertical lines  - links colored below */
                                              padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
                                              }
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
                                               color:#404080; /* the color of the links */
                                                      }
 div#footer ul li a:hover {text-decoration:underline; color:#404080} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#000000;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#404080;} /* had to explicitly color these or they inherit from div#footer li */
  div#footer ul.fineprint li a:hover {color:#FFFFFF;} /* turns bottom row white when hovered */

 

 
/* new */
html {
	overflow-y: scroll;
}
#mobilemenu {
	display: none;
}
#menuicon {
	left: -5px;
	top: -5px;
	position: relative;
}
div#content form p {
	margin-bottom: 0;
	margin-top: 1em;
}
div#content input[type=submit] {
	padding: 3px 15px;
}
div#footer li .linkphone {
	display: none;
}
@media handheld, only screen and (max-width: 1022px) {
	div#columnswrapper, div#mainwrapper, div#header, div#footer {
		width: 100%; 
		height: auto; 
		margin: 0; 
		padding: 0;
	}
	div#rightcolumn {
		margin: 3%;
		width: 94%;
	}
	div#rightcolumn p {
		font-size: 0.8em;
	}
	img {
		max-width: 100% !important;
		height: auto !important;
	}
	div#rightcolumn {
		margin-left: 150px;
		width: 60%;
	}
	div#nav {
		margin-left:-720px;
	}
}
@media handheld, only screen and (max-width: 767px) {
	div#rightcolumn {
		margin-left: 0;
	}
	div#columnswrapper, div#mainwrapper, div#header, div#content, div#footer, div#nav {
		width: 100%; 
		height: auto; 
		margin: 0; 
		padding: 0;
	}
	div#nav {
		display: none;
		padding: 3%;
		width: 94%;
		font-size: 1.2em;
	}
	div#nav a {
		display: block;
	}
	div#nav > ul:nth-child(2) > li:nth-child(1) {
		font-weight: normal;
	}
	div#content p {
		font-size: 0.9em;
	}
	div#rightcolumn p {
		font-size: 0.8em;
	}
	img {
		max-width: 100% !important;
		height: auto !important;
	}
	div#header {
		text-align: center;
		padding-top: 10px;
		background-color: #FFFFFF;
		margin-top: 0;
		border-top: none;
	}
	div#header img {
		width: 100% !important;
		max-width: 200px !important;
	}
	div#contentinner, div#rightcolumn {
		margin: 3%;
		width: 94%;
	}
	div#footer {
		font-size: 1em;
		line-height: 1.5em;
		padding: 1em 0;
		margin-top: 1em;
	}
	div#footer .fineprint {
		margin-top: 1em;
	}
	div#footer ul li a {
		color: #3F8CFF;
	}
	div#footer li {
		display: block;
		border-left: 0px;
	}
	#mobilemenu {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		padding: 10px;
	}
	div#footer li .linkphone {
		display: inline;
	}
	div#footer li .normalphone {
		display: none;
	}
	textarea, input {
		max-width: 100%;
	}
	div#content ul {
		margin-left: 1em;
	}
	div#content div#mainimage img, div#content div#mainimage {
		float: none;
	}
}

