/*defaults*/
body 	{background:#2765AF url(body_bg.jpg) repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:16px;line-height:23px; }
p		{margin:0; padding:5px 0 15px; }
a		{color:#214F8A; text-decoration:underline; }
a:hover	{color:#7FB0E8; text-decoration:none;}
a:visited{color:#225700;}

/*structural elements*/
#container	{margin:0px auto; text-align:center; width:760px; }
#holder		{width:100%; padding:20px 20px 5px 20px; background:#FFF; text-align:left; }
#logo		{background:url(logo.gif) no-repeat 0 0; border-bottom:1px solid #DADADA; padding:0 30px 0 0; }
#navigation	{padding:10px 0; }
#header		{background-color:#DADADA; padding:10px;}
#content	{float:left; width:65%; padding:20px 10px 0 0;}
#news		{float:right; width:30%; padding:20px 0;}
.newsItem	{padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70;margin-bottom:20px; }
#footer		{clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; }
#copyright	{float:none;margin-bottom:15px;display: inline-block;}

/*headings*/
.newsItem ul a {display: inline-table;margin: 5px 0 15px;}
.newsItem h4	{color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
#content h1 {font-size: 24px;font-weight: normal;line-height: 25px;margin: 0;padding: 20px 0 8px;}
#logo h3	{font-weight:normal; font-size:30px;line-height:30px; margin:0; padding:0; color:#225799; padding-left:80px;}
#logo h4	{padding-left:80px;margin:0 auto;}

/*navigation*/
#navigation ul 		{margin:0; padding:0;text-transform:uppercase; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#225799; margin:0 20px 0 0; text-decoration:none; }
#navigation a:hover	{color:#000000; }

#footer ul		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }

/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */
/* New from Jim Westergren: */
blockquote {font-style:italic;}
#content h2,#content h3 {margin: 0;padding: 15px 0 5px;}
#content img {padding:1px;border:5px solid #dadada; max-width: 100%; height: auto;}
#content li {margin-bottom:15px;}
fieldset#contact-form {margin:20px 0px 20px 10px;padding:10px;color:#000;width:380px;background:#eee;border:2px solid #aaa;}
fieldset#contact-form label {font-size:13px;}
fieldset#contact-form input {height:20px;font-size:15px;margin-bottom:15px;padding:3px;}
fieldset#contact-form textarea {font-size:15px;margin-bottom:15px;width: 97%;padding:3px;}
fieldset#contact-form #contact-button {font-size:14px;height:30px;margin-left:30px;}
input:focus, textarea:focus {background:#fff;border:1px solid #555;}
li#active a    {color:#000000; }
#content hr {margin:30px 10px;border:1px solid #2765AF;}
#header img {
    height: auto;
    max-width: 100%;
}
@media(max-width:1024px){#holder {
    width: 98%;
}
#footer {
    width: 98%;
} }
@media(max-width:992px){#container {
    margin: 0 auto;
    text-align: center;
    width: 79%;
}
#holder {
    width: 96%;
}
#footer {
    width: 96%;
}
}
@media(max-width:767px){
#content {float:none;
    width: 100%;
}
#news {
    clear: both;
    float: none;
    padding: 20px 0;
    width: 100%;
}
}
@media(max-width:700px){
body {
    background: #2765af url(body_bg.jpg) repeat-x scroll 0 0 !important;}
	blockquote {
    margin: 12px 15px;
}
#holder {
    width: 89%;
}
#footer {
    width: 89%;
}
#logo h3 {
    font-size: 25px;
    line-height: 25px;}
	#content h1 {
    font-size: 22px;
    line-height: 22px;
}
fieldset#contact-form {
    width: 65%;
}
.blog-post h2.blog-title,#content h2{
    font-size: 20px;
    line-height: 20px;
}
#content h3 {font-size: 18px;
    line-height: 18px;
}
#content img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    padding: 0;
}
}
@media(max-width:480px){
.newsItem ul {padding-left: 20px;}
#content ul {padding-left: 20px;}
#content h2, #content h3{ padding: 12px 0 5px;}
.newsItem h4 {font-size: 20px;}
#logo {padding:0;}
}
@media(max-width:375px){
#container {
    width: 93%;margin-left: 2%;
}
#logo h3 {
    font-size: 20px;
    line-height: 22px;
}
fieldset#contact-form {
    width: 80%;
}
.newsItem h4 {
    margin: 0 0 3px;
}
.newsItem ul a {
    margin: 5px 0 8px;
}
}
@media(max-width:320px){

#logo h4 {
    font-size: 15px;
    margin: 0;padding:0;
    max-width: 100%;
}
#content h1 {
    font-size: 20px;
    line-height: 21px;
}
.blog-post h2.blog-title, #content h2 {
    font-size: 19px;
    line-height: 19px;
}
#content h3 {
    font-size: 17px;
    line-height: 17px;
}
.newsItem h4 {
    font-size: 18px;
    line-height: 18px;
}
}