/* CLASS STYLES */

/* A */

/* B */

/* C */

.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}

/* D */

/* E */

/* F */

fieldset {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.formitem { width: 15%; }
.formfield { width: 74%; }

/* G */

#goback, #goforward {
	position: absolute;
	top:-12px;
	width: 30px;
	height: 575px;
	background-image: url("/admin/images/arrow_left.png");
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#goforward {
	background-image: url("/admin/images/arrow_right.png");
	right: 0px;
}

.grid_div {
	border: 1px solid #cccccc;
	padding: 10px;
}

.grid_3_across {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid_4_across {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid_5_across {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid_6_across {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}


/* H */

#homestrapline {
	margin: -80px 0px 40px 20px;
	z-index: 1000;
	position:relative;
	clear:both;
	font-size: 50px;
	color: #FFFFFF;
	text-shadow: 2px 2px #666666;
}

h1 {
	font-weight: normal;
	font-size: 30px;
}

h2 {
	font-size: 24px;
	color: #11689b;
}
h3 {
	font-size: 20px;
	color: #11689b;
}
h4 {
	font-size: 18px;
	color: #11689b;
}
h5 {
	font-size: 16px;
	color: #11689b;
}
h6 {  
	font-size: 12px; 
	color:#11689b;
}

/* I */

img {
	border: 0px;
    max-width: 100%;
}

.image_left_pad_10_right {
	float: left;
	padding: 0px 10px 10px 0px;
}

.image_right_pad_10_left {
	float: right;
	padding: 0px 0px 10px 10px;
}

.image_100_top {
	width: 100%;
	margin-top: -12px;
	height:auto;
}

.image_100 {
    width: 100%;
    height: auto;
}

.image_left_70, .image_left_60, .image_left_50, .image_left_40, .image_left_30, .image_left_20 {
    float:left;
    clear:both;
    height: auto;
    margin: 0px 2% 10px 0px;
}

.image_right_70, .image_right_60, .image_right_50, .image_right_40, .image_right_30, .image_right_20 {
    float:right;
    clear:both;
    height: auto;
    margin: 0px 0px 10px 2%;
}

.image_left_70, .image_right_70 {
    width:70%;
}

.image_left_60, .image_right_60  {
    width:60%;
}

.image_left_50, .image_right_50  {
    width:50%;
}

.image_left_40, .image_right_40  {
    width:40%;
}

.image_left_30, .image_right_30  {
    width:30%;
}

.image_left_20, .image_right_20  {
    width:20%;
}

input[type="text"], .textbox, textarea, .textblock {
    background-color: #DCE8F0;
    color: #11689b;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #11689b;
    font-size: 20px;
}

/* J */

/* K */

/* L */

/* M */

/* N */

.none {}

/* O */

/* P */

p, ul, li, ol {
	font-style: normal;
	font-weight: normal;
	list-style-type: circle;
	color: #666666;
      font-size: 18px;
}


/* Q */

/* R */

.roundedbox {
      border: 1px #993300 solid;
      border-radius: 5px;
      background-color: #EDE2c6;
      padding:10px;
      margin-bottom: 10px;
}

/* S */

.shaddowbox {
	 /* box-shadow: h-shadow v-shadow blur spread color inset; */
    -moz-box-shadow:    3px 3px 3px 0px #ccc;
    -webkit-box-shadow: 3px 3px 3px 0px #ccc;
    box-shadow:         3px 3px 3px 0px #ccc;
}
.submenusonpage {
	font-size: large;
	color: #93b1e6;
}

select {
     font-size: 18px;
}

/* T */

table {
        font-size:18px;
}

 
textarea:hover {
	background-color: #FFFFFF;
}

#table1 {
    font-size:18px;
    width:100%;
    border-collapse:collapse;
    box-sizing: border-box;
}
#table1 td, #table1 th {
       border:1px solid #FFFFFF;
       padding:2px;
     vertical-align:top;
     text-align: center;
}
#table1 th {
	text-align: left;
	background-color: #11689b;
	color: #ffffff;
	font-weight: bold;
}
#table1 th A {
	color:#ffffff;
}
#table1 tr:nth-child(odd) {
	background-color: #87CEFA;
}
#table1 tr:nth-child(even) {
	background-color: #DCE8F0;
}
#table1 tr:hover {
	background-color: #11689b;
    color: #FFFFFF;
}
/* U */

/* V */

#videolink {
    float:right;
    margin-left: 20px;
    width: 20%;
    border: 4px #FFCC66 dotted;
    border-radius:5px;
    text-align: center;
    padding : 5px;
    font-size: 16px;
    color: #FFCC66;
}
/* W */

/* X */

/* Y */

/* Z */


/* =================== for mobiles devices ================================================== */
/* rules that only apply for canvases narrower than 600px ie mobiles*/

@media only screen and (max-width: 600px) { 

body {
	margin: 10px;
	font-size: 20px;
	}

/* A - MOBILE STYLE */
/* B - MOBILE STYLE */
/* C - MOBILE STYLE */
/* D - MOBILE STYLE */
/* E - MOBILE STYLE */
/* F - MOBILE STYLE */
/* G - MOBILE STYLE */

#goback, #goforward {
	top:0px;
	width: 30px;
	height: 180px;
}

/* H - MOBILE STYLE */

#homestrapline {
    margin: -40px 0px 40px 20px;
    font-size: 24px;
}

/* I - MOBILE STYLE */

img {
      max-width: 100%;
      height:auto;
}
.image_left_70, .image_left_60, .image_left_50, .image_left_40, .image_left_30, .image_left_20, .image_right_70, .image_right_60, .image_right_50, .image_right_40, .image_right_30, .image_right_20 {
    float:none;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}


/* J - MOBILE STYLE */
/* K - MOBILE STYLE */
/* L - MOBILE STYLE */

.leftcolumn {
	display: none;
}

/* M - MOBILE STYLE */
/* N - MOBILE STYLE */
/* O - MOBILE STYLE */
/* P - MOBILE STYLE */
/* Q - MOBILE STYLE */
/* R - MOBILE STYLE */
/* S - MOBILE STYLE */
/* T - MOBILE STYLE */

#table1 {
    font-family: proxima-nova-extra-condensed;
    font-size: 14px;
}

/* U - MOBILE STYLE */
/* V - MOBILE STYLE */
/* W - MOBILE STYLE */
/* X - MOBILE STYLE */
/* Y - MOBILE STYLE */
/* Z - MOBILE STYLE */

}

/* ======= SPECIAL BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE ====== */

.example-right {
  position:relative;
  padding: 15px 15px 10px ; /* T R B L */
  margin:0;
  color:#fff;
  background:#FF9966; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#FF9966), to(#FF6600));
  background:-moz-linear-gradient(#FF9966, #FF6600);
  background:-o-linear-gradient(#FF9966, #FF6600);
  background:linear-gradient(#FF9966, #FF6600);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* creates the triangle */
.example-right:after {
  content:"";
  position:absolute;
  bottom:-50px;
  left:50px;
  border-width:0 20px 50px 0px;
  border-style:solid;
  border-color:transparent #FF6600;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}