body { 
margin: auto;
margin-top: 0;
/* */ background:  url('images/bg.png');
 background-repeat: repeat; 
/* 
 background-color: #eeeeee;
 */
font-family: 'Open Sans', sans-serif;
line-height: 1.50em;
font-size: 1.1em;
 color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  
 
  }
  
 



  /* navy  0F377B  green 68D430 6BDB37*/
  a:link {color: #015285;}
  a:visited {color: #518F7F;}
  a:active {color: #ff0000;} 
/* STRUCTURE */


#topspace {
max-width: 100%;
margin-top: -20px;
 
background: #000000;
padding: .3%;
margin: 0px;
font-size: .85em;
line-height: 1.2em;
font-weight: 600;
color: #eeeeee;
  
 
 
}
#topspace  a {color: #C3DBFF;}

#bodyimage {
  width: 100%;
height: auto;
margin: auto;
background-color: #A94253;
 background:  url('images/topbgfinal.png');
background-repeat: repeat-x;   
*/
}
/*  #bodyimage img {width: 100%; height: auto;} */

#headertop {
border-width: 0px 0px 0px 0px;
border-color: #000000;
border-style: solid;
	height:auto;
width: 100%;
 	margin: auto;
background-color:#A94253;
/* 	background-color:#000000;
 background:  url('images/white-50percent.png');
background-repeat: repeat-x;*/
}


.innertitletop {
padding: 8px 0px 8px 0px;
    font-family: 'Trirong', serif;
letter-spacing:.085em;
font-weight: 900;
font-size: 1.5em;
 line-height: 1.03em; 
  color:#ffffff;    /* #FDFE58 tfdfd34he color of the text*/
text-shadow: 2px 2px 4px #666666;

}

#headermain {
padding-top: 0px;
padding-left: 0px;
	max-width: 1000px;
	height:350px;
 	margin: auto;
/* 	background: #ffffff;
background-image: url('images/slider-bg.png');
 	background-repeat: repeat-x;

 box-shadow: 5px 15px 15px #000000;*/
	}
 	
 	#headermain img {width: 100%; height: auto;}
#slider-box {	
 max-height: 250px;
max-width: 1000px;
min-height: 250px;
min-width: 1000px;
margin: auto;
background-image: url('images/slide-4.jpg');
background-repeat: no-repeat; 

} 	

#top-slider {background-image: url('images/slide-4.jpg');
background-repeat: no-repeat; 
}

.buttonlink a {color: #ffffff; text-decoration: none; }

 	#headersecond {
 	padding-top: 0px;
padding-left: 0px;
	max-height:350px;
 	margin: auto;
 	background: #ffffff;
/* 	background-image: url('images/slider-bg.png');
 	background-repeat: repeat-x;  */
}
 	
 	#headersmaller{
display: none;
 	}
 	
 	#headersmallest{
display: none;
 	}
 	   
 	
 	 
#headerbottom {
	height: auto;
max-width: 98%;
 padding: 1%;
 	margin: auto;
background-color:#0173BC;
/* 	background-color:#000000;
 background:  url('images/white-50percent.png');
background-repeat: repeat-x;*/
}

.innertitlebottom {

padding: 5px 0px 5px 0px;
letter-spacing:.15em;
font-weight: 700;
font-size: 1.2em;
line-height: .95em; 
 
    font-family: 'Trirong', serif;
 
  color:#ffffff;    /*tfdfd34he color of the text*/
text-shadow: 2px 2px 4px #666666;
}

 
 
 

 
 
 
 

 
/* LEFT COLUMN # */

 
#navigationbar
{ 
width: 100%;
min-height: 30px;
background: #0173BC;
}

.topnav {
  background-color: #0173BC;
  overflow: hidden;
  margin: auto;
  max-width: 1000px;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
   font-size: .95em;
  font-weight: 600;
}

/* Add an active class to highlight the current page */
.active {
  background-color: #6FC3AD;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: #C1D457;
  padding: 16px 16px;
  background-color: inherit;
  font-family: inherit;
   font-size: .95em;
  font-weight: 600;
  margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #C1D870;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #6FC3AD;
  color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
} 
  .onpage { 
  text-decoration: none;
  font-size: 1.4em;
color: #ffffff;
font-weight: 600;
  
  }
  
  
  
/* #################  END NAV STYLES ############ */

 /* STRUCTURE  */
#wrapper {
 max-width: 1004px;
 margin: auto;
/* border-color: #ffffff; box-shadow: 2px 3px 6px #999999;
*/
 /*background:url(images/bg-body-white.png); D7EFFBFEFF73*/
background: #ffffff;

 
/*box-shadow: 5px 15px 15px #000000;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #006EAE;
  box-sizing: border-box;
*/
}

#wrapperplain {
 width: 1000px;
 margin: auto;
/* border-color: #ffffff; #D7EFFB*/
background:url(images/bg-body-white.png);
/* border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #FEFF73;
box-shadow: 3px 5px 15px #000000; */
 box-sizing: content-box;
}



#contentleft {
	width: 529px;
	float: left;
}
#contentright {
	width: 475px;
	float: right;
}

#my-slider-small {display: none;}
#my-slider {display: block;}

 
 
 /* STRUCTURE CONTINUED */

#middle {
	width: 509px; /* Account for margins + border values */
	float: left;
}

	#middleplain {
		width:1000px;
		background:url(images/white.png);
     background-repeat: repeat;  
	float: none;

	}
	
	.boxarea {max-width: 900px; margin: auto;}
.boxleft 
 { width: 48%;   float: left;   
 
  }

 .boxright 
	{ width: 48%; padding 2%; float: right;
	 
}

.innerbox { 
  max-width: 400px; 
  border-style: solid; 
  border-width: 35px 0px 0px 0px; 
  border-color: #61010F;
   border-radius: 15px  15px 0px  0px;
-moz-border-radius: 15px  15px 0px  0px;  
box-shadow: 2px 3px 6px #999999;}

.innerboxmargin {
padding: 1%;}

.available {color: #ED7016; font-size: 1.1em;}
 .closeheading {padding-top: 0px;} 


 .sponsorheading { 
 color: #101010;
 font-size: 1.2em;
 font-weight: 800;}
 
 
 #sidebar {
	min-width: 263px;
		max-width: 263px;
float: left;
	border-style: solid;
border-width: 1px 0px 1px 1px;
border-color: #DFE0DB;
/* border-radius: 0.45em 0em 0em 0.45em;
-moz-border-radius:5px; */
background: #ffffff;
box-sizing: border-box;
}
 #sidebar a{
  color: #3F6FAD;
  text-decoration: none;
  }  

 #sidebar a:hover{
  text-decoration:underline;
 } 
 
 
#footer {
	clear: both; 
  }
 #partner-footer {
background: #ffffff; padding-top: 5px; padding-bottom: 10px; padding-left: 20px; border-style: solid; border-width: 3px 0px 3px 0px; border-color: #E3E3E7; }
  #bottom{
 width:100%;
 margin:auto; /*makes the page always centered - blue - #023965*/
font-family: Arial, Helvetica, sans-serif;
font-size:.75em;
background:#015285;
color: #f1f1f1;

/* background:  url('images/bg4c8.jpg');
background-repeat:repeat-y;  
 */
padding: 1% 0% 2% 0%;
 } 

#bottom a{
 text-decoration: none;
 color:#E0E5A2;  
}

#bottom a:hover{
 text-decoration: underline;
 }
  
  
    #vdoe-footer{
 width:100%;
 margin:auto; /*makes the page always centered*/
font-family: Arial, Helvetica, sans-serif;
font-size:.75em;
background:#000000;
color: #ffffff;
padding: .5% 0% .5% 0%;
 } 

#vdoe-footer a{
 text-decoration: none;
 color:#FDCD5E;  
}

#vdoe-footer a:hover{
 text-decoration: underline;
 }
 
 .innercontent {
 margin: 0px 10px 0px 11px;
}

/*FORMAT FORMS */
 
textarea {
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #ffffff;
    resize: none;
  font-size: 1.1em;
}
input[type=text] {
 padding: 5px 10px;
     width: 100%;
    font-size: 1.1em;
    margin: 4px 0;
    box-sizing: border-box;
       border: 2px solid #ccc;
    border-radius: 4px;
}
 
    
 

 /* TEXT FORMATTING */
 
 
 
 .nounderline a{ text-decoration: none;
 }
 .nounderline a:hover{ text-decoration: underline;
 color:#dddddd;
 }
 
  .allbold { font-weight: 600;
 }
 
  
 .menuindent {
padding-left: 8px;
}
     .buttonstyleSponsor {
padding: 4%;

/*   border:1px, #000;border-radius:6px;
-moz-border-radius:6px;
  box-shadow: 2px 2px 6px #999999;  */
background:url(images/bg.png);
background: #09557F;
font-weight: bold;
color: #ffffff;
 
 }
 
.buttonbox {
max-width: 263px;
min-width: 250px;
margin: 3px;
padding: 3px;

}
.buttonsponsor {
max-width: 263px;
min-width: 263px;
background: #ffffff;
 

}
    .buttonstyle2  {
background: #222222;
font-size: 1.3em;
font-weight: normal;
color: #ffffff;
 }

 .ParagraphTextLarge
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 1.2em;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.ParagraphTextMedium
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 1.15em;
    COLOR: #000000;
    text-decoration: none;
}

.ParagraphTextSmall
{
	FONT-WEIGHT: normal;
    FONT-SIZE: .89em;
     text-decoration: none;
}

.ParagraphTextSmallerSide
{
	FONT-WEIGHT: normal;
    FONT-SIZE: .84em;
    COLOR: #2C3033;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.DeadLineText
{
	FONT-WEIGHT: bold;
	COLOR: #FF0000;
    text-decoration: none;
}

 .HeadingText
{  /*#6A379C purple*/
	line-height: 1.5em;
    FONT-SIZE: 1.25em;
     COLOR:  #519CD0;
    FONT-FAMILY: 'Montserrat', sans-serif;
   Letter-Spacing: 0.07em;
    text-decoration: none;
    font-weight: 700;
}
/* 44210B */
 .HeadingTextb
{
	FONT-WEIGHT: 600;
    FONT-SIZE: 1.15em;
    COLOR: #9EBF28;
    FONT-FAMILY: "VAG Rounded Black", "VAGRoundedBlack", "VAGRoundedBlackSSi-Bold",Verdana, Geneva, Arial, Helvetica, sans-serif;
   Letter-Spacing: 0.08em;
    text-decoration: none;
}
 .HeadingText2
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 1.1em;
    line-height: 1.5em;
    COLOR: #333333;
    FONT-FAMILY:   Verdana, Geneva, Arial, Helvetica, sans-serif;
   Letter-Spacing: -0.04em;
    text-decoration: none;
}

 .HeadingText3
{
  COLOR:#b28500;
     text-decoration: none;
}
 
 .HeadingBar
{
	 
    background-color:#666666;
 padding: 3%;
     font-weight: 900;
     max-width: 475px;
    font-size: 1.6em;
   color: #F1F1F1;

}



 .HeadingBar2
{
	 
    background-color:#ED7016;
 padding: 2%;
     font-weight: 900;
     max-width: 100%;;
       font-size: 1.2em;
 color: #e1e1e1;

}

 
 .HeadingBar3
{
	 
    background-color:#e1e1e1;
 padding: 2%;
     font-weight: 900;
     max-width: 100%;;
       font-size: 1.2em;
 color: #61010F;

}


 .RegistrationLink
{
	FONT-WEIGHT: normal;
    FONT-SIZE: .89em;
    FONT-FAMILY: "New York", Verdana, Geneva, Arial, Helvetica, sans-serif;
   Letter-Spacing: 0.08em;
    text-decoration: none;
}

 .LinksText1
{
	FONT-WEIGHT: bold;
    FONT-SIZE: .85em;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

 .LinksText2
{
	FONT-WEIGHT: normal;
    FONT-SIZE: .79em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5em;
 text-decoration: none;
} 

.agenda {
    FONT-FAMILY:    Arial, Helvetica, sans-serif;

FONT-SIZE: .93em;
    line-height: 1.5em;
}
.TableEvent
{
	FONT-WEIGHT: normal;
    FONT-SIZE: .83em;
 font-family:  Arial, Helvetica, sans-serif;
 text-decoration: none;
}


.TableTime
{
	FONT-WEIGHT: 600;
    FONT-SIZE: .83em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-decoration: none;
}
.TableTimeRow {
 background-color:#90AECB;
 border:1px solid white;
 font-size: 1.1em;
 font-weight: bold;
 
}
 
 .TablePresenter {
 color: #3C1B0A;
 font-weight: bold;
 
 }
.TableRow1
{
	 
    background-color:#cccccc;

}

.TableRow2
{
	 
    background-color:#eeeeee;

}

.TableRow3
{
	 
    background-color:#C1D457; font-weight: 600;

}

.TableRow4
{
	 
    background-color:#FDE6D8;

}
.ConcurrentSessions
{	 
     color:#0A3D02;
    background-color: #A6CA08;


}
.TableHeading
{
background-color:#367F90;
font-size: 1.2em;
font-weight: bold;
color: white;
}


#TableHeading1
{
background-color:#FCBE81;
width: 150px;
margin:auto; /*makes the page always centered*/
border:3px solid;
border-color:#333333;
border-radius:6px;
-moz-border-radius:6px;
box-shadow: 2px 2px 6px #999999;
}

 

#TableHeading1 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.97em;
text-decoration:none;  
color:#5B0000;  
/* font-weight: bold; */
}
 
 #TableHeading2
{
background-color:#FCBE81;
width: 300px;
margin:auto; /*makes the page always centered*/
border:3px solid;
border-color:#333333;
border-radius:6px;
-moz-border-radius:6px;
box-shadow: 2px 2px 6px #999999;
}

.TableHeadingButton
{
background-color:#0093C1;
margin:15px;
border:1px solid;
border-color:#333333;
border-radius:6px;
  cursor: pointer;
color:#DCE564;
font-size: 1.2em;
-moz-border-radius:6px;
font-weight: bold;
box-shadow: 2px 2px 6px #999999;

}

.TableHeadingButton:hover
{
background-color:#0A5A86;
color: #ffffff;
}

.TableHeadingButton a
{
text-decoration:none;  
color: #F9BF0B;

 }
 
 .TableHeadingButton a:hover
{
color: #172075;

 }


#TableHeading2 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.97em;
text-decoration:none;  
color:#5B0000;  
/* font-weight: bold; */
}

#TableHeading3
{
background-color:#C7D0E1;
background: url(images/watch.png);
width: 200px;
min-height: 150px;
margin:auto; /*makes the page always centered*/
 }

 

#TableHeading3 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.97em;
text-decoration:none;  
color:#5B0000;  
/* font-weight: bold; */
}

#TableHeading4new
{
background-color:#F5F5FF;
width: 90%;
margin:auto; /*makes the page always centered*/
border:1px solid;
border-color:#363698;
border-radius:6px;
-moz-border-radius:6px;
padding: 1%;
box-shadow: 2px 2px 6px #999999;
}

 

#TableHeading4new a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.97em;
text-decoration:none;  
color:#2E2EFF;  
/* font-weight: bold; */
}

#TableHeading5
{
background-color:#ffffff;
width: 400px;
margin:auto; /*makes the page always centered*/
border:1px solid;
border-color:#861F41;
border-radius:4px;
-moz-border-radius:4px;
box-shadow: 2px 2px 6px #999999;
}

 

#TableHeading5 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.97em;
text-decoration:none;  
color:#861F41;  
/* font-weight: bold; */
}
#TableHeading5 a:hover{
 
text-decoration:underrline;  
 /* font-weight: bold; */
}

#TableHeading6
{
background-color:#FCBE81;
width: 150px;
margin:auto; /*makes the page always centered*/
border:3px solid;
border-color:#333333;
border-radius:6px;
-moz-border-radius:6px;
box-shadow: 2px 2px 6px #999999;
}

 

#TableHeading6 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.97em;
text-decoration:none;  
color:#5B0000;  
/* font-weight: bold; */
}


#TableItem
{
background-color:#ffffff;
width: 250px;
border:5px solid;
padding: 15px;
margin: 8px;
max-height: 400px;
border-color:#333333;
border-radius:6px;
-moz-border-radius:6px;
box-shadow: 2px 2px 6px #999999;
float: right;
}

 

#TableHeading6 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.97em;
text-decoration:none;  
color:#5B0000;  
/* font-weight: bold; */
}


 .Highlight {
background-color:#ffff73;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
border-width: 0px;
border-style: solid;
border-color: #5B0000;

}

.Indent {
 
padding-left: 15px;
padding-right: 15px;
border: 1px;
border-style: solid;
border-color: #cccccc;

}
.rowplatinum
{
background-color: #C7C9CB;
color: #ffffff;
font-size: 1.2em;
font-weight: bold;

}

.rowgold
{
background-color: #E9D31B;
color: #ffffff;
font-size: 1.2em;
font-weight: bold;

}

.rowsilver
{
background-color: #eeeeee;
color: #474340;
font-size: 1.2em;
font-weight: bold;

}

.rowbronze 
{
background-color: #91642D;
color: #ffffff;
font-size: 1.2em;
font-weight: bold;

}
.rowevent
{
background-color: #9E0719;
color: #ffffff;
font-size: 1.2em;
font-weight: bold;

}

 
 .rowsponsorother

{
background-color: #394513;
color: #ffffff;
font-size: 1.2em;
font-weight: bold;

}


.rowtitanium
{
background-color: #474340;
color: #ffffff;
font-size: 1.2em;
font-weight: bold;

}

.newsStyle {
padding: 1% 4% 2% 4%;
 border-width:1px;
 border-color: #cccccc;
 border-style: solid;
  border-radius:5px;
-moz-border-radius:5px;
  box-shadow: 2px 2px 6px #999999;  
background: #ffffff;
font-weight: normal;
font-size: 1.05em;
color: #000000;
line-height: 1.3;
 
 }
     .newsStyle1 a{
 color: #3F6FAD;
 text-decoration: none;
 
 }
 
     .newsStyle1 a:hover{
 color:  #A8A8B7;
  text-decoration: none;
 
 }
    .newsStyleText{
 font-weight: bold;
font-size: 1.05em;
color: #203E56;
line-height: 1.3;
}

   .newsStyleText a{
  text-decoration: none;

}
  .newsStyleText a:hover {
   color: #BD7E2B;
   text-decoration: underline;

}


     .buttonstyle {
padding: 2%;
 border:1px, #000;
 max-width: 300px;
  border-radius:6px;
-moz-border-radius:6px;
  box-shadow: 2px 2px 6px #999999;  
background: #e87722;
font-weight: bold;
font-size: 1.3em;
color: #ffffff;
 
 }
 .buttonstyle a {
 text-decoration: none;
 color: #ffffff;

 }
  .buttonstyle a:hover {
 text-decoration: underline;
 color: #861F41;
 }


 .formbutton {
padding: 1% 1% 1% 1%;
 border:1px, #000;
  border-radius:10px;
-moz-border-radius:10px;
  box-shadow: 2px 2px 6px #999999;  
background: #ffffff;
font-weight: bold;
font-size: .95em;
color: #04389B;
line-height: 1.3;
 
 }
     .formbutton a{
 color: #04389B;
 text-decoration: none;
 
}
.PhotoBox
{
margin:0px 0px 0px 25px;	                  
}
 .PhotoBoxLeft
{
margin:0px 15px 15px 0px;	                  
}

 .PhotoBoxRight
{
margin:0px 0px 15px 15px;	                  
}

 
 
 
/************************************************************************************
MEDIA QUERIES
 
*************************************************************************************/
/* for 950px or less */
@media screen and (max-width: 950px) 
{
 
#photoside img {
width: 100%;
height: auto;
}
 

  #headermain {
width: 100%;
height: auto;}
 
 
 
  	.boxright img
	{width: 100%; height: auto;}
	.boxleft img
	{width: 100%; height: auto;}
 	
 	#headersmallest {display:none;}
 
 #wrapper {
 width: 100%;
background:#ffffff;
  }
 #wrapperplain {
 width: 100%;
background:#ffffff;
 }
	
#contentleft {
		width: 47%;
       box-sizing: border-box;	}
 
       	
#contentright {
		width:47%;
       box-sizing: border-box;	}
   
 #nav {display: none;}
 #navspace {display: none;}
 
#expanded-navspace {
min-width: 97%;
font-size: .95em;
background-repeat: repeat;  
background: #ffffff;
display: block;
 border-style: solid;
 border-width: 0px 1px 1px 1px;
 border-color: #cccccc;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 2%;
margin-right: 0px;
line-height: .7em;
 }
  
 .expanded-nav-main-top { 
display:inline-block;
 padding-bottom: 10px;
    padding-top: 5px;
    padding-left: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
    width: 98%;
font-weight: 600;
color: #1E6DB0;
box-sizing: border-box;
 
}

.expanded-nav-main-top:hover { 
display:block; 
background: #8F9FC1;
color: #1E6DB0;
 
 }
 .expanded-nav-main-top a { 
 color: #465888;
 text-decoration:none;
 }
 
 .expanded-nav-main-top a:hover {
 color: #ffffff;
  text-decoration:none;
}
 
 .expanded-nav-main{ 
display: block;
 padding-bottom: 10px;
    padding-top:10px;
    padding-left: 5px;
    
    width: 98%;
font-weight: 600;
color: #465888;
  border-width: 1px 0px 0px 0px;
 border-style: solid;
 border-color: #393939;

}
 
.expanded-nav-main:hover { 
   background: #8F9FC1;
 
 }
 .expanded-nav-main a { 
 color: #465888;
 text-decoration:none;
 }
 
 .expanded-nav-main a:hover {
 color: #ffffff;
  text-decoration:none;
}

 
 .expanded-sub-navspace {
 
line-height: 1.65em;
 width: 98%;
   background: #F3F3F3;
  color: #465888;
 
 }
 
 .expanded-sub-navspace a
 { width: 100%;
  color:#465888;
 text-decoration:none;
 min-width: 400px;
  background: #ffffff;}
  
 
  .expanded-sub-nav {
   margin-left: 18px;
   padding-left: 4px;
 font-weight: bold;
display: block;

 }
 
 .expanded-sub-nav:hover {
background: #8F9FC1;
  color: #ffffff;
  display: block;
 

 }

 .expanded-sub-nav a { 
 width: 100%;
  color: #8F9FC1;
 text-decoration:none;
 min-width: 400px;
  background: #ffffff;

 }
 
.expanded-sub-nav a:hover { 
 color: #ffffff;
 text-decoration:none;
 background: #8F9FC1;
 }
 
#middle {
	 max-width: 65%;
     float: right;
     background: #ffffff;
 }
 
  #middleplain {
	max-width: 100%;
     float: none;
     background: #ffffff;
 }
 
 #contentleft {width: 49%;}
 #contentright {width: 49%;}
	 .innercontent { margin: 0px 5px 0px 15px;}

 
	#sidebar {
		clear: both;
 		min-width: 100%;
		float: none;
      background: #f8f8f8;
}

	#header, #footer {
	/* padding: 1% 4%; */
	}
	
 .imageresize  img {width: 100%; height: auto;}

 
}
 
 
/* for 600px or less */
@media screen and (max-width: 620px) {
 
  #headermain {
width: 100%;
height: auto;}

  #headermain img {
width: 100%;
height: auto;}
 
 #headermain {display: none;}
 #headersmaller {display: block;}
  #headersmaller img {width: 100%; height: auto;}
 	#headertop {
display: block;  
background: #002028;
}
 .innertitletop {
display: block;  
background: #002028;
font-size: .97em;
}
	 
		.HeadingBar {min-width: 100%;}
  
 	 #header {display: block; width: 100%;
 	 background: #002028;}
 
 .innertitlebottom {
display: block;  
background: #002028;
font-size: .97em;
}
 

 #contentleft {
		min-width: 100%;
 		float: none;
 		box-sizing: border-box;
	}	
 
       	
#contentright {	
	min-width: 100%;
 		float: none;
       box-sizing: border-box;	}
   
  .boxright { width: 100%; padding 2%; float: none;}
	.boxleft { width: 100%; padding 2%; float: none;} 
	
	.boxright img
	{width: 100%; height: auto;}
	.boxleft img
	{width: 100%; height: auto;}
	
 #navspace {
   margin: 0px;
  padding: 0px;
min-width: 100%;
 
  }
  
 #nav {
 margin:0px;
min-width: 100%;
}
  
	#middle {
		min-width: 100%;
		float: none;
	 margin: 0;
}
	
		#middleplain {
		min-width: 100%;
		float: none;
	 
}
 .innercontent {
 margin: 0px 5px 0px 15px;
}

	#sidebar {
 display: block;
 box-sizing: border-box;
 margin: auto;
min-width: 100%;
 }
 .sideimage img {width: 100%; height: auto;}
  
}
 
 

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
 
/* for 450px or less */
@media screen and (max-width: 450px) 
{

 /*  #headerLarge {display: none;}
 
 	
  	#headersmallest{
  	display: block;
 min-height: 100px;
  	background-image: url('images/slide-4a.jpg');
 	} */
 	
	#header {
		display: block;
		min-width: 100%;
	}
 
    	#headersmaller{ display: block;}
  .resizeimage img {width: 100%; height: auto;}

/* #footer img 
{min-width: 100%;
   height: auto;
     } */
 
	#sidebar {
 display: block;
 box-sizing: border-box;
 margin: auto;
min-width: 100%;
 }
}

  
/* for 400px or less */
@media screen and (max-width: 400px) {
 
 #headermain img {
width: 100%;
height: auto;}

#my-slider {display: none;}
#my-slider-small {display: block;}

.logo-resize img {height: auto; width: 100%;}
}