/* This could be relevant in some cases for proper display in Safari */
/*html,table {
	background-color: white;
}*/

body  {
	background-image: none;
	background-color: white;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #C0C0C0;
	scrollbar-3dlight-color: #EDEDED;
	scrollbar-darkshadow-color: #ECECEC;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-arrow-color: #C0C0C0;
	scrollbar-track-color: #F6F6F6;
}

body.header {
	background: gray;
	background-image: url(background-header.jpg);
}

body.menu {
	background: #F5F5F5;
	background-image: none;
}

body,p,li,td,input,select,textarea {
	font-size: 12px;
	font-family: OpenSansRegular, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #555555;
	text-align: justify;
}

td {
	vertical-align: top;
}

div#tabs {
	width: 660px;
}


.smallerwidth {
	width: 70%;
}

span.highlight {
	font-size: 13px;
	color: #000080;
}


b,strong {
	font-family: OpenSansRegular, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}



i,em {
	font-family: OpenSansRegular, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
}

h1,h2,h3  {
	font-size: 22px;
	font-family: OpenSansRegular, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	margin-bottom: 20px;
	color: black;
	letter-spacing: 2px;
}

h1 {
	color: #E2001A;
	text-align: center;
    border-bottom: 1px solid #E2001A;
	text-transform: uppercase;
}


h2  {
	font-size: 18px;
	margin-bottom: 10px;
}

h3  {
	font-size: 14px;
	margin-bottom: 10px;
}

span.h_italic {
	font-family: OpenSansRegular, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
}


hr  {
	width: 100%;
	color: #E2001A;
}

a:link  {
	text-decoration: none;
	color: #E2001A;
}

a:visited  {
	text-decoration: none;
	color: #E2001A;
}

a:hover,a:focus  {
	text-decoration: none;
	color: red;
}

a:active  {
	text-decoration: none;
	color: red;
}

input,select,textarea {
	border: 1px solid gray;
	background: transparent;
}

input.button,button {
	font-size: 10px;
	font-family: OpenSansRegular, Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	text-align: center;
	border: 1px solid gray;
	background: transparent;
}

input.checkbox,checkbox {

}

select {
	background-color: white;
}

option {
	background: white;
}

a img,img,input.radio,input.checkbox {
	border: none;
}

div.line {
	border-bottom: 1px solid #E2001A;
	height: 1px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 0;
}

.with_line {
	padding-bottom: 4px;
	border-bottom: 1px solid #E2001A;
	margin-bottom: 20px;
}

span.separator {
	color: #CE003C;
}

marquee.marquee {
	margin-left: 370px;
	margin-right: 20px;
}

div.marquee {
	width: 100%;
	position: absolute;
	right: 0px;
}

.tickertext {
	font-weight: bold;
	color: gray;
}

a:link.tickertext {
	text-decoration: none;
	color: gray;
}

a:visited.tickertext {
	text-decoration: none;
	color: gray;
}

a:hover.tickertext,a:focus.tickertext {
	text-decoration: none;
	color: red;
}

a:active.tickertext {
	text-decoration: none;
	color: red;
}

.tickerseparator {
	color: gray;
	margin-left: 20px;
	margin-right: 20px;
}

td.contactform_leftcol {
	width: 180px;
	vertical-align: top;
	text-align: left;
}

td.contactform_rightcol {
	width: 300px;
	vertical-align: top;
	text-align: left;
}

input.contactform,select.contactform {
	width: 300px;
}

textarea.contactform {
	width: 300px;
	height: 100px;
}

div.feed_title {
	font-size: 16px;
	font-family: 'Eurostile Extended', EnigmaticRegular, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}


div.feed_item {
   	background: #F5F5F5;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
}


div.feed_item_title {
	font-weight: bold;
}

a:link.feed_item_link {

}

a:visited.feed_item_link {

}

a:hover.feed_item_link,a:focus.feed_item_link {

}

a:active.feed_item_link {

}

div.feed_item_description {

}

a:link.feed_page {
	text-decoration: none;
	color: gray;
}

a:visited.feed_page {
	text-decoration: none;
	color: gray;
}

a:hover.feed_page,a:focus.feed_page {
	text-decoration: none;
	color: red;
}

a:active.feed_page {
	text-decoration: none;
	color: red;
}

.warning {
	color: red;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* overrides for ui-autocomplete */

.ui-autocomplete {
	background: #eeeeee;
}

@media only screen and (max-device-width: 480px) {
	html,body,div,p,li,td,input,select,textarea {
		font-size: 40px;
		text-align: left;
	}
	h1  {
		font-size: 70px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	h2  {
		font-size: 65px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	h3  {
		font-size: 50px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	span.highlight {
		font-size: 50px;
	}
	body  {
		background-size: 100%;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
	html,body,div,p,li,td,input,select,textarea {
		font-size: 28px;
		text-align: left;
	}
	h1  {
		font-size: 48px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	h2  {
		font-size: 40px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	h3  {
		font-size: 32px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	span.highlight {
		font-size: 32px;
	}
	body  {
		background-size: 100%;
	}
}