/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; width:100%; }
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 16pt; color:#454545; font-family: 'Open Sans Condensed', sans-serif;}
ol { list-style: outside  decimal ; margin: 0 0 0 30px;
line-height:normal;}

ul { list-style: outside ; margin: 10px;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
a, img { outline: none; border:none; color: #000; }
p { margin: 0 0 10px; line-height: 1.4em; font-size: 18pt;}
img { display: block; margin-bottom: 10px;}

table , td{border-collapse:collapse;   margin:auto; border: solid 1px #34CC66;  padding:4px; }
td {width:50%;}



.striped  { border-collapse: collapse;  margin 10px 0;   width: 100%; border:0; counter-reset: Number;}

.striped td::before {
    counter-increment: Number;
    content: "No. " counter(Number) ": ";
}

.striped th, .striped td {    text-align: left;    padding: 8px; border:0;}

.striped tr:nth-child(even){background-color: #f2f2f2}

.striped th {    background-color: #4CAF50;    color: white; border-bottom: 5px solid #ffffff; text-align:center;}

.striped a{ text-decoration:none; border-bottom:dashed 1px #999999;}
.striped a:hover{ text-decoration:none; border-bottom:solid 1px #FF6600; color:#FF6600;}

input{ 
	display: block;width:99% 
	}
	
input[type=text]{  padding:7px 0; }
input[type=email]{  padding:7px 0; }
input[type=password]{  padding:7px 0; }
input[type=submit]{ margin:10px auto; width:100px; height:25px; }

	
.atttable input[type=text]{ width:100%; padding:7px 0; }
.atttable input[type=email]{ width:100%; padding:7px 0; }
.atttable input[type=submit]{ margin:10px auto; width:100px; height:25px; }
.atttable input[type=radio]{display: inline; margin:0 10px 0 5px; width:10px}
.radios{margin:auto; width:100%; text-align:center; padding:10px 0;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
/* Structure */
.wrapper { clear:both;
	width: 96%;	
	max-width: 972px;
	margin: auto;
	padding: 0 2%; 
	} 

	.maincontent {
		width: 100%;
	
		}		
		
	

		
/* Nav */

.strip { background-image:url(../images/navbg.gif); background-repeat:repeat-x; height:60px;    width:100%; display:inline-block }



.nav {height:60px;   text-align:right; max-width:1800px; margin: 10px auto auto auto;  }/*1076px*/

.logo {height:233px;    max-width:250px;   }	
.logowee { display: none;}	
.nav li {
		display: inline;
		margin-left: 15px;   
		}
		
.nav a {
		color: #474747; text-decoration:none; font-size:20pt; font-weight:normal;  border-right:#474747 1px solid;  line-height:45pt; padding-right: 20px;
		}
.nav ul:last-child li:last-child a  { /* remove border from last link */
     border:0
}		
	


.skipTo {
	display: none;
	}
.skipTo li {
		background: #666666; 
		}
.skipTo a {
		color:#ffffff; text-decoration:none; font-size:16pt; 
		}




.helpline{  max-width:972px; margin:auto;  font-weight: bold; text-transform:uppercase; color:#dddddd; font-size:22pt;  text-align:right;}
 /* ***************  skipnav links ******************* */
.skipnav { text-align: left; }
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }
.titles{font-size: 45pt; line-height:45pt }
.titlesarrow{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 60pt;  color:#FF5A14; margin-left:-68px; }





.dashline{border-bottom: dashed 2px #919191; width:100%}
/* *************    dashed links    ************* */  
.dashlink{ text-decoration:none; border-bottom: dashed 1px #333333;}
a:visited.dashlink{color:#333333; text-decoration:none;  border-bottom: dashed 1px #333333;}
a:hover.dashlink{color: #F58826; text-decoration: underline; border-bottom: solid 1px #FFFFFF;}
a:active.dashlink{color: #F58826; text-decoration:none;border-bottom: solid 1px #FFFFFF;}

a:link.logout, a:visited.logout{ text-decoration:none; background:#FF9900; padding:5px 20px; border-radius:10px; color:#FFFFFF;}
a:hover.logout{ text-decoration:none; background: #66CC00; }

.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } /* youtube resizer */
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.smaller{ font-size:14pt;}
.footer{ background-color:#E3E3E3; width:96%; padding:2%; margin-top:15px;}
.doublecol{margin:auto; width:100%; background-color:#FFFFFF; } /* spans 2 columns overflow:auto; */
.weeorange{ font-size:14pt; color:#FB833A}

.hide{display:none;}

.loginform{ display:block;
	width:100%;max-width: 250px; margin:30px auto;
	padding: 20px 12px 10px 20px;
	font: 13px Arial, Helvetica, sans-serif;
	style=" border-collapse:collapse; -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.2);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
	 border:1px solid #999999;"
	 
	 font-weight: bold;	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 103px;
	}
.loginform input[type=checkbox]{display: inline-block; margin:0 10px 0 0; width:20px}

/* ***************  begin pagination ******************* */
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #454545;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #454545;

	color: #000;
}
div.pagination span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
		border: 1px solid #454545;
		
		font-weight: bold;
		background-color: #454545;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 4px 2px 4px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
/* ***************  end pagination ******************* */


/* ************************************************************************************************************************************************************************************ */
/* Media Queries ********************************************************************************************************************************************************************** */
/* ************************************************************************************************************************************************************************************ */

@media screen and (max-width: 890px) {
.logo {height:233px;    max-width:250px;   } /*margin: -112px auto 0 auto; padding-bottom:54px*/
.titlesarrow{ display: none; }
	}
	
	

@media screen and (max-width: 685px) {
.logo {height:233px;    max-width:250px;   }
.nav a {
		color: #474747; text-decoration:none; font-size:16pt; font-weight:normal;  border-right:#474747 1px solid;  line-height:45pt; padding-right: 10px; margin-left:-10px;
		}
.titlesarrow{ display: none; }
	}	

@media screen and (max-width: 490px) {
.titlesarrow{ display: none; }
.header{clear:both;}
.strip{clear:both;}
.helpline{clear:both;}
.logo {display: none;  }
.logowee {  width:100% ;  max-width:150px; margin:auto; display:block; }	
.strip {background-image:none;  height:60px;    width:100%; background-image:none; clear:both; }

.titles{font-size: 36pt; line-height:36pt }


.wrapper {clear:both;  } 

.maincontent {width: 100%;}		



		
		
.skipTo {display: block; clear:both; text-align:center;}
	
.nav {clear: both; width: 100%;    }	
.nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
			}
.nav a { 
				display: block;
				padding: 1px;
				text-align: center; text-decoration: none;text-transform: uppercase; border:none;
				font-size:18pt; font-weight:bold;    line-height:22pt;
				}
				
.clearfix {   
    display: block;
    height: 210px;
    clear: both; }
	
			
}