@charset "UTF-8";

/*Global styles --------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	/*font: inherit;*/
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

a:link {color:#fff; background-color:transparent;  text-decoration: none }
a:visited {color:#fff; background-color:transparent;  text-decoration: none }
a:hover {color:#cc0000; background-color:transparent;  text-decoration: none }
a:active {text-decoration: none }

a.news:link {color:#fff; background-color:cc0000;  text-decoration: none }
a.news:visited {color:#fff; background-color:cc0000;  text-decoration: none }
a.news:hover {color:#999; background-color:cc0000;  text-decoration: none }
a.news:active {text-decoration: none }

body {background-color:#999/*#ccc*/; margin:0px 0 0 0; padding: 0;font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}

img {border:none;}

.clearFloats {clear:both;}

#wrap {width:800px;margin:0 auto;background-color:#999;}

header, nav, {padding-left:20px;}

header {background-color:#999;width:295px;padding-left:20px;}

header h1 {display:none;}

#head {color:#fff;/*text-transform:uppercase;*/width:100px;padding-top:8px;font-size:36pt;line-height:36pt;}

#headTag {font-size:2em;line-height:2em;font-style:italic;text-transform:none;color:#fff;border-bottom:3px #FFFFFF solid;margin-bottom:15px;padding-top:5px;width:53%;}

nav {padding-left:20px;color:#fff;background-color:#999;width:310px;padding-top:5px;padding-bottom:5px;font-weight:normal;font-size:16pt;line-height:24pt;}

nav h1 {display:none;}

.nav ul{padding-left:20px;color:#fff;background:#999;}

.nav li {list-style:none;display:block;} 

#left {float:left;width:330px;background-color:#999;height:465px;}

h2 {font-weight:bold;color:#fff;background-color:transparent;font-size:9pt;line-height:12pt;padding-bottom:.8em;width:320px;}

#right {float:right;clear:left;margin-top:-465px;width:440px;background-color:transparent;overflow:hidden;}

#display { }

section h1 {display:none;}

article h1 {display:none;}

footer { color:#fff; background-color:transparent;font-size:1.2em;line-height:1.8em; width:800px;text-align:center;margin: 0 auto;margin-top:10px;}

.footer_nav ul{margin-top:7px;}

.footer_nav li {list-style:none;display:inline;margin-right:20px;}

.footer_nav_address li {list-style:none;display:inline;margin-right:25px;word-spacing:5em;}

/*mobile styles*/
@media only screen and (max-width:480px) {
/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {-webkit-text-size-adjust:none;}

body {width:60%;margin:0 auto;min-width: 320px;max-width: 480px;background-color:#999;}

.news {color:#fff;background-color:#cc0000;height:100%;width:320px;text-transform:uppercase;padding-top:5px;padding-bottom:5px;font-size:13px;line-height:16px;}

.newscontent {color:#fff;background-color:#cc0000;width:320px;font-size:13px;line-height:16px;padding-top:5px;padding-bottom:5px;padding-left:20px;text-transform:none;}


#wrap {width:320px;}

#headTag {margin-bottom:20px;}

#left {height:100%;}

#right {display:none;}

footer { color:#fff; background-color:transparent;font-size:1.4em;line-height:2.7em;font-weight:bold; width:310px;text-align:left;margin:0 auto;margin-top:25px;padding-left:20px;}

.footer_nav ul{margin-top:7px;}

.footer_nav li {list-style:none;display:block;margin-right:0px;}

.footer_nav_address li {list-style:none;display:inline;word-spacing:5em;}
}

/*tablet styles*/
@media only screen and (min-width:481px) and (max-width:768px) {
body {width: 90%;margin: 0 auto;min-width: 500px;max-width:768px;}

#wrap {width:665px;margin:0 auto;background-color:transparent;}

.news {color:#fff;background-color:#cc0000;height:100%;width:660px;text-transform:uppercase;padding-top:5px;padding-bottom:5px;font-size:13px;line-height:16px;}

.newscontent {color:#fff;background-color:#cc0000;font-size:13px;line-height:16px;padding-top:5px;padding-bottom:5px;padding-left:20px;text-transform:none;}

header {width:270px;}

nav {padding-left:20px;color:#fff;background-color:#999;width:270px;padding-top:5px;padding-bottom:5px;font-weight:normal;font-size:16pt;line-height:24pt;}

#left {float:left;width:290px;}

#right {float:right;width:390px;background-color:transparent;overflow:hidden;}

#display img {margin-left:-23px;}

footer { color:#fff; background-color:transparent;font-size:1.2em;line-height:1.8em; width:665px;text-align:center;margin: 0 auto;margin-top:10px;}
}

/*desktop styles*/
@media only screen and (min-width:768px) {
body {width: 90%;margin: 0 auto;min-width: 768px;max-width: 800px;}

.news {color:#fff;background-color:#cc0000;height:100%;width:790px;text-transform:uppercase;padding-top:5px;padding-bottom:5px;font-size:13px;line-height:16px;}

.newscontent {color:#fff;background-color:#cc0000;font-size:13px;line-height:16px;padding-top:5px;padding-bottom:5px;padding-left:20px;text-transform:none;}
}