@import url(http://fonts.googleapis.com/css?family=Open+Sans);  
  @import url(http://fonts.googleapis.com/css?family=Tangerine);  
 
body { 
 /*  background:url(images/bg.png);  */
background-repeat: repeat;  
background-color:#131313;
line-height: 1.4em;
font-size: 1.1em;
 color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  margin: auto;
    font-family: 'Open Sans', sans-serif;

  }
  
  a:link {color: #00589E;}
  a:visited {color: #3A4F6C;}
  a:active {color: #ff0000;}
  
 /* body img {
width: 100%;
height: auto;
} */

/* STRUCTURE */

#logoarea {
 
 background: #ffffff;
 width: 100%;
 
display: block;
/* background:url(images/bg3.png);
background-repeat: repeat-x;  */
}


#header {
min-height: 250px;
 background: #131313;
 width: 100%;
 padding-bottom: 0px;
  padding-top: 0px;

margin: 0px;
display: block;
/* background:url(images/bg3.png);
background-repeat: repeat-x;  */
}

/* HIDDEN HEADERS */

#headermedia {
	display: none;
 }
 #header900 {
 display: none;
 }
	#headermediainfo {
	display: none;
}
/* HIDDEN HEADERS */

#wrapper {
 width: 1000px;
  background: #ffffff;

 margin: auto;
  border-radius:2px;
-moz-border-radius:5px;
box-shadow: 3px 5px 15px #000000;
 border-color: #ffffff;  
}

#wrapperplain {
 width: 1000px;
 margin: auto;
/*  border-radius:2px;
-moz-border-radius:5px;
box-shadow: 3px 5px 15px #000000;
background:url(images/bg-body.jpg); 
border-color: #ffffff; */
}


	
	/* LEFT COLUMN */

#contentleft {
	width:215px;
	float: left;

}


 /*Begin Side Navigation Styles*/

/* 7D0F02 */
 #navspace {
   margin: 0px;
  padding: 0px;
 max-width:215px;
 font-weight: 600;
 background: #ffffff;
 font-size:.97em;
 font-family: 'Arial', sans-serif;

  }
 
/* define a fixed width for the entire menu */
.navigation {
  width: 215px;
}

/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
  display: block;
  background-color: #020B42;
  text-decoration: none;
  padding: 5px 2px 5px 10px;
  color: #5D9AD1;
}

/* add hover behaviour */
.mainmenu a:hover {
    background-color: #131313;
    color: #ffffff;
}


/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/

.mainmenu li:hover .submenu {
  display: block;
   color: #ffffff;  background-color: #010E3A;
  max-height: 200px;
}

/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/

.submenu a {
 color: #015DA8;
  background-color: #FFBF7C;
  margin-left: 5px;
   font-size:.90em;
  padding: 2px 2px 2px 10px;
 }

/* hover behaviour for links inside .submenu */
.submenu a:hover {
  background-color: #FF9E59;
color: #015DA8;}

/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
 color: #015DA8; 
 overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}

/* #################  END NAV STYLES ############ */
 
 
 /* STRUCTURE CONTINUED */
#pagetitle {
width: 770px; background: #ffffff;  padding-left: 15px; float: right;  margin-top:-15px; margin-bottom:-15px;
}

#pagetitle900 {
  display: none;  
}
#middle {
	width: 521px; /* Account for margins + border values */
	 background:url(images/white.png);
	float: left;
/*	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #eeeeee;
 	 box-shadow: 3px 2px 9px #000000; *//**/
min-height: 450px;
 
}

	#middleplain {
		width: 785px;
		background:url(images/white.png);
     background-repeat: repeat;  
	float: right;
	min-height: 300px;
	/*box-shadow: 1px 3px 5px #000000;*/


	}
	
#sidebar {
	width: 263px;
	float: left;
	 
}
 #sidebar a{
  color: #2360B3;
  text-decoration: none;
  }  

 #sidebar a:hover{
  text-decoration:underline;
 } 
 
 .sidebarformat {
 font-size: 1.05em;
 margin-left: 10px;
 color: #05050F;
 font-weight: 400;
 
 }
#footer {
	clear: both;
	background:#ffffff;
	/*	background:url(images/white.png);
     background-repeat: repeat;   */
 }
 
  #bottom{
 width:100%;
background:#01033E;
padding: 20px 0px 20px 0px;
 margin:auto; /*makes the page always centered*/
font-family: Arial, Helvetica, sans-serif;
font-size:.75em;
	
/* background:url(images/bg.gif);
background-repeat:repeat-y;    */
} 

.bottomtext {color: #eeeeee;}

#bottom a{
 text-decoration: none;
 color:#DCF5FB;  
}
#bottom a:hover{
 text-decoration: underline;
 color:#ffe191;  
}
.leftarea {
min-width: 48%; 
float: left; 
padding: 1%;
 border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #eeeeee;
box-sizing: border-box;
}


  .rightarea {
  min-width: 48%; 
  float: right; 
  padding: 1%;
  border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #eeeeee; 
box-sizing: border-box;
}

 .innercontent {
 margin: 0px 15px 0px 15px;
}
 .innercontentright {
 margin: 0px 10px 0px 10px;
}




 /* TEXT FORMATTING */

 
 .menuindent {
padding-left: 8px;
}

 .menulink a {
text-decoration: none;}

 .menulink a:hover {
text-decoration: underline;
color: #09345E;}

    .buttonstyle {
padding: 4%;
 border:1px solid #000;
  border-radius:6px;
-moz-border-radius:6px;
  box-shadow: 2px 2px 6px #999999;  
background: #4A6674;
font-weight: bold;
color: #ffffff;
 
 }
 
 .longbox {max-width: 263px;
min-width: 250px;
margin: -5px 3px; 3px; 3px;
padding:  0px 3px  3px 3px;
  float: right;
}

.buttonbox {
max-width: 263px;
min-width: 250px;
margin: -5px 3px; 3px; 3px;
padding:  0px 3px  3px 3px;
background: #DFDDEB;
margin: 10px;
   border-radius:16px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
}

 .logobox {
max-width: 263px;
min-width: 263px;
margin: -5px 3px 3px 3px;
padding:  0px 3px  3px 3px;
background: #ffffff;
margin: 10px;
 }


    .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: .85em;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

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

.sig
{

font-family: Tangerine;
font-size: 2.35em;
font-weight: 600;

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

 .HeadingText
{
	FONT-WEIGHT: 700;
    FONT-SIZE: 1.05em;
    COLOR: #076CBC;
    FONT-FAMILY:
    font-family: 'Oswald', Verdana, Geneva, Arial, Helvetica, sans-serif;
   Letter-Spacing: 0.06em;
    text-decoration: none;
}
/* 44210B */
 .HeadingTextb
{
	FONT-WEIGHT: bold;
    FONT-SIZE: .98em;
    COLOR: #5F7E90;
    FONT-FAMILY: "VAG Rounded Black", "VAGRoundedBlack", "VAGRoundedBlackSSi-Bold",Verdana, Geneva, Arial, Helvetica, sans-serif;
   Letter-Spacing: 0.10em;
    text-decoration: none;
}
 .HeadingText2
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 1.15em;
    COLOR: #5F7E90;
    FONT-FAMILY: "VAG Rounded Black", "VAGRoundedBlack", "VAGRoundedBlackSSi-Bold",Verdana, Geneva, Arial, Helvetica, sans-serif;
   Letter-Spacing: 0.05em;
    text-decoration: none;
}

 .HeadingText3
{
	FONT-WEIGHT: bold;
	font-size: 1.04em;
  FONT-FAMILY:  Verdana, Geneva, Arial, Helvetica, sans-serif;
 COLOR: #DE0A32;
     text-decoration: none;
}
 

 .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;
} 


.TableEvent
{
	FONT-WEIGHT: normal;
    FONT-SIZE: .83em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-decoration: none;
}


.TableTime
{
	FONT-WEIGHT: bold;
    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:#68D7FD;
    color: #272860;

}

.TableRow2
{
	 
    background-color:#eeeeee;

}
.TableRow3
{
	 
    background-color:#F38A48;

}

.platinumsponsorheading {width: 98%; padding: 2%; background: #eeeeee;}

.goldsponsorheading {width: 100%; padding: 2%; background: #ffe599;}

.silversponsorheading {width: 100%; padding: 2%; background: #cccccc;}

.bronzesponsorheading {width: 100%; padding: 2%; background: #BFAC75;}


.ParagraphTextSmallTable

{  font-size:1em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

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


#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;
}

.HeadingButton
{
font-size: .79em;
color: #ffffbf;
background-color:#EE7522;
margin:auto; /*makes the page always centered*/
border:1px solid;
border-color:#333333;
border-radius:6px;
-moz-border-radius:6px;
box-shadow: 2px 2px 6px #999999;
}

.HeadingButton:hover
{
background-color:#ffffff;
color: #EE7522;}

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

 }
 
 .HeadingButton 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; */
}

#TableHeading4
{
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;
}

 

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

#TableHeading5
{
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;
}

 

#TableHeading5 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.97em;
text-decoration:none;  
color:#5B0000;  
/* 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:#ffffbf;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
border-width: 2px;
border-style: solid;
border-color: #eeeeee;

}

.Highlight2 {
background-color:#F9AC54;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
border-width: 2px;
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;

}

.PhotoBox
{
margin:0px 0px 0px 25px;	                  
}
 .PhotoBoxLeft
{
margin:0px 15px 15px 0px;	                  
}

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

 .imageresize img {width: 100%; height: auto;}

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

	 #logoarea img {height:auto; width:100%;}
	 #header {
	display: none;
	}
		#headermediainfo {
		padding: 5%;
	display: none;
	}
		#header900 {
	display: block;
		height: auto;
}

#header900  img {
width: 100%;
height: auto;
} 

	#wrapper {
		width: 100%;
 }
	
		#wrapperplain {
		width: 100%;
 	}
 	#contentleft {
		width: 31%;
		/* padding: 1% 4%; */
	}
	.navigation {
  width: 100%;
}
 #pagetitle {
  display: none; 
}

#pagetitle900 {
  display: block;  margin-left: 15px;
}
 #navspace {
   margin: 0px;
  padding: 0px;
min-width: 100%;
  }
  
 #nav {
 margin:0px;
min-width: 100%;
}

	#middle {
		width: 68%;
		/* padding: 1% 4%; */
		margin: 0px 0px 5px 5px;
		float: right;
     background: #ffffff;
     background:url(images/white.png);
     background-repeat: repeat;
 }
 
  #middleplain {
		width: 68%;
		/* padding: 1% 4%; */
		margin: 0px 0px 5px 5px;
		float: right;
     background: #ffffff;
     background:url(images/white.png);
     background-repeat: repeat;
 }
	
	#sidebar {
		clear: both;
		padding-top: 1%;
			/* padding: 1% 4%;*/
 		float: none;
 }

.buttonbox {
min-width: 98%;
 float: none;
 margin: 1%;
}
.longbox {
min-width: 98%;
 float: none;
 margin: 1%;
}
.logobox {
min-width: 98%;
 float: none;
 margin: 1%;
}

	#header, #footer {
	/* padding: 1% 4%; */
	}
	
/*  #sidebar  img {width: 100%; height: auto;}
} */
}
 
/* for 700px or less */
@media screen and (max-width: 600px) {

	 #header {
	display: none;
	}
	#headermediainfo {
	display: none;
	}
		#header900 {
	   display: none;
		height: auto;
}



.leftarea {
min-width: 100%; 
float: left; 
padding: 1%;
 border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #eeeeee;
box-sizing: border-box;
}


  .rightarea {
  min-width: 100%; 
  float: right; 
  padding: 1%;
  border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #eeeeee; 
box-sizing: border-box;
}

	#headermedia {
	   display: block;
		height: auto;
}

#headermedia  img {
width: 100%;
height: auto;
} 

 #contentleft {
		width: 100%;
		float: none;
	}	
 #navspace {
   margin: 0px;
  padding: 0px;
min-width: 100%;
  }
  
 #nav {
 margin:0px;
min-width: 100%;
}
  
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
		#middleplain {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	#sidebar {
		width: auto;
		float: none;
 }
 

  
}

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

 	#middleplain {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	#middleplain img {
width: 100%;
height: auto;}

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

	#header {
		display: none;
	}
	
		#header900 {
		display: none;
	}
	#headermedia {
	display: block;
	}
	
	#headermediainfo {
	display: block;
	}
	
	#headermedia img {width: 100%;
   height: auto;
     }
 
#footer img 
{width: 100%;
   height: auto;
     }
 
 	#middleplain {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
 display: block;
 
 .PhotoBox
{
margin:25px;	      
	display: block;
}
 .PhotoBoxLeft
{
margin:15px;	 
	display: block;
}

 .PhotoBoxRight
{
margin:15px;	     
	display: block;

}


  
}