/* Elements ****************************************************************************************************** */

*{ font: 10pt helvetica, arial; }

html{width: 100%; height:100%; margin: 0px; padding: 0px; border: 0px; }

body
{
    background-image: url(/images/bg1.jpg);
    position: relative; width: 100%; height:100%; margin: 0px; padding: 0px; border: 0px;  
}

a{ text-decoration: none; color: #3366cc; font-weight: bold;}
a:visited { text-decoration: none; color: #3366cc;}
a:hover { text-decoration: underline; color: #3366cc;}

ul.tick li
{
    padding: 0px 0px 7px 0px;  cursor: pointer;
}

ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
        
li
{
    padding: 4px 12px 12px 0px;  cursor: pointer;
}

li:first-child
{
    padding-top: 0px;
}

/* Element IDs *************************************************************************************************** */

#ctlSummary{ color: Red; }

/* Classes ******************************************************************************************************* */
.block1
{
    display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; 
    background-color: #ffffff; text-align: center; vertical-align: middle;
    z-index: 98;    
}


.mainpage
{
    position: relative; display: block; padding: 0px; margin: 0px; margin-left: auto; margin-right: auto; width: 900px;
    clear: both;
}

.content 
{
    position: relative; display: block; float: left; width: 100%; clear: both; 
    border: solid 0px green; padding: 15px; background-color: #ffffff; padding-bottom: 20px;
    /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#2f2f2f')";
    /* Firefox */ -moz-box-shadow: 3px 3px 20px #2f2f2f;
    /* WebKit */ -webkit-box-shadow: 3px 3px 20px #2f2f2f;
    /* Standard */ box-shadow: 3px 3px 20px #2f2f2f;
}

.plainbox
{
    position: relative; display: block; padding: 0px; margin: 0px;
}

.plainleft
{
    position: relative; display: block; float: left; padding: 0px; margin: 0px;
}

.plainright
{
    position: relative; display: block; float: right; padding: 0px; margin: 0px;
}

.centered
{
    position: relative; display: block; padding: 0px; margin: 0px; margin-left: auto; margin-right: auto;
}

.centerfullwidth
{
    position: relative; display: block; float: left; padding: 0px; margin: 0px; width: 100%;
}

.footer
{
    position: relative; width: 99%; display: block; clear: both; margin-left: auto; margin-right: auto;  border: solid 1px transparent; font-size: 10pt;
}

.footerstyle1
{
    position: relative; display: block; margin-bottom: 30px; margin-top: 15px;
    width: 100%; color: #ffffff; text-align:center;  border: solid 1px transparent;
}
.footerstyle1 a { color: White; }

.boldtext { font-weight: bold; }

.underline { text-decoration: underline; }

.italic { font-style: italic; }

.underline_italic { text-decoration: underline; font-style: italic; }

.bold_italic { font-style: italic; font-weight: bold; }

.underline_bold { text-decoration: underline; font-weight: bold; }

.underline_bold_italic { text-decoration: underline; font-weight: bold; font-style: italic; }

.header1 { font-weight: bold; font-size: 14pt; }

/* -------------------- NEW CLASSES ------------------------- */
.element1
{
    border: solid 0px red;
    position: relative;
    z-index: 1;
    top: 150px;
    width: 400px;
    height: 180px;
    background-color: #000;
        
    /*start opacity settings */
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    /*end opacity settings */    
}

.content1
{
    border: solid 0px green;
    position: relative;
    z-index: 100;
    top: 0px;
    width: 430px;
    color: #FFFFFF;
    text-align: left;
    margin: 24px;
}


.content1 h1
{
    border: solid 0px blue;
    font-size: 36px;
    font-weight: normal;
    text-align: left;
    padding-left: 10px;
    margin-top: 0px;
}

.content1 h2
{
    font-size: 26px;
    font-weight: normal;
    text-align: left;
    padding-left: 10px;
}

.content1 h2 a
{
    font-size: 22px;
    color: #99C5F5;
}

.content1 h3
{
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    padding-left: 10px;
}

#leftside
{
    border: solid 0px red;
    position: relative;
    float: left;
}

#rightside
{
    border: solid 0px green;
    position: relative;
    float: left;
}
#left_section
{
    border: solid 1px #BDBDBD;
    float: left;
    width: 290px;
    /*height: 275px;*/
    height: 120px;
    
    background: #FFFFFF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #EFEFEF); /* for firefox 3.6+ */
}

#left_section h3
{
    color: #262626;
}

#left_section1
{
    border: solid 1px #BDBDBD;
    float: left;
    width: 290px;
    height: 120px;
    clear: left;
    
    background: #FFFFFF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #EFEFEF); /* for firefox 3.6+ */
}

#left_section1:hover
{

    background: #0066CC; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0066CC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#0066CC)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #0066CC); /* for firefox 3.6+ */
    
    color: #FFFFFF;
}

#left_section2
{
    border: solid 1px #BDBDBD;
    float: left;
    width: 290px;
    height: 120px;
    margin-top: 20px;
    clear: left;
    
    background: #FFFFFF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #EFEFEF); /* for firefox 3.6+ */
}

#left_section2:hover
{    
    background: #0066CC; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0066CC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#0066CC)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #0066CC); /* for firefox 3.6+ */
    
    color: #FFFFFF;
}

#middle_section
{
    border: solid 1px #BDBDBD;
    margin-left: 12px;
    float: left;
    width: 290px;
    /*height: 275px;*/
    height: 120px;
    
    background: #FFFFFF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #EFEFEF); /* for firefox 3.6+ */
}

#middle_section1
{
    border: solid 1px #BDBDBD;
    margin-left: 12px;
    float: left;
    width: 290px;
    height: 120px;
    clear: left;
    
    background: #FFFFFF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #EFEFEF); /* for firefox 3.6+ */
}

#middle_section1:hover
{    
    background: #0066CC; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0066CC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#0066CC)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #0066CC); /* for firefox 3.6+ */
    
    color: #FFFFFF;
}

#middle_section2
{
    border: solid 1px #BDBDBD;
    margin-left: 12px;
    margin-top: 20px;
    float: left;
    width: 290px;
    height: 120px;
    clear: left;
    
    background: #FFFFFF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #EFEFEF); /* for firefox 3.6+ */
}

#middle_section2:hover
{
    background: #0066CC; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0066CC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#0066CC)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFFFFF,  #0066CC); /* for firefox 3.6+ */
    
    color: #FFFFFF;
}

#right_section
{
    border: solid 0px #BDBDBD;
    float: right;
    width: 290px;
    height: 395px;
}

.btn_sect1
{
    padding-top: 25px;
}

.btn_sect2
{
    padding-top: 15px;
}

.hdr_pic
{
    border: 0px;
    margin-bottom: 30px;
    clear: both;
}

/* Section Cut-Out Classes Begin *********************************************************************************** */

.sectionheader_blue
{
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    /*border: solid 1px red;*/
    
    height: 22px;
    padding-left: 10px;
    padding-top: 7px;
    
    background: #71829E; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFC4CE', endColorstr='#71829E'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#BFC4CE), to(#71829E)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #BFC4CE,  #71829E); /* for firefox 3.6+ */
    
    color: White;
    font-weight: bold;
	font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 13px;
}

.sectionheader_blue2 /* Used for channel landing page */
{
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    /*border: solid 1px red;*/
    
    height: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    
    background: #71829E; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFC4CE', endColorstr='#71829E'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#BFC4CE), to(#71829E)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #BFC4CE,  #71829E); /* for firefox 3.6+ */
    
    color: White;
    font-weight: bold;
	font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 13px;
}


.sectionheader_gray
{
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    /*border: solid 1px red;*/
    
    height: 22px;
    padding-left: 10px;
    padding-top: 7px;
    
    background: #BCBCBC; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8D8D8', endColorstr='#BCBCBC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#D8D8D8), to(#BCBCBC)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #D8D8D8,  #BCBCBC); /* for firefox 3.6+ */
    
    color: #262626;
    font-weight: bold;
	font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
}

.section_container
{
    border: solid 0px orange;
    margin-bottom: 20px;
    height: 100%;
    width: 100%;
}

.sectioncontent
{
    /*-webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;

    border-left: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;*/

    padding: 0px;
}

.sectioncontent_noborder
{
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;

    border-left: solid 0px #D9D9D9;
    border-right: solid 0px #D9D9D9;
    border-bottom: solid 0px #D9D9D9;

    padding: 9px;
}

/* --------------------------------------- Section Cut-Out Classes End -------------------------------------------- */

/* --------------------------------------- Nav Menu Classes Begin -------------------------------------- */

.li_container
{
    border-bottom: solid 1px #dcdce9;
    width: 280px;
    
    float: left;
    display: block;
    position: relative;
    clear: both;
}

.menulast
{
    border-bottom: solid 0px #dcdce9;
    width: 280px;
    
    position: relative;
    clear: both;
}

.nav-menu_label
{
    border: solid 0px red;
    width: 100%;
    padding: 5px;
    display: block;
    
    text-align: left;
    font-weight: bold;
    font-size: 10pt;
    
    position: relative;
}

#nav-menu
{
    border: solid 0px black;
    width: 100%;
    
    float: left;
    position: relative;
}

#nav-menu a
{
    border-bottom: solid 0px #dcdce9;
    color: #666666;
    text-decoration: none;
    
    display: block;
}

#nav-menu a:hover
{
    border-bottom: solid 0px #dcdce9;
    /*color: #262626;*/
    color: #0066cc;
}

/* --------------------------------------- Nav Menu Classes End ---------------------------------------- */

/* ----------------------------------- Events Page Classes Begin ----------------------------------- */

.event
{
    border-bottom: dotted 1px black;
}


.sectionheader
{
    font: 12pt arial;
    color: #000000;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
}

/* ----------------------------------- Events Page Classes End ----------------------------------- */

/* ----------------------------------- GridView Classes Begin ----------------------------------- */

#gv_sponsors
{
    border: 0px;
}

#gv_events
{
    border: 0px;
}

#gv_events td
{
    border: dotted 1px #000000;
    padding-left: 7px;
}

.GridView_border2 th
{
    border: 0px;
}

.GridView
 {
    border: 0px;
	width:95%;
	border-collapse:collapse;
	font-size: 10pt;
	margin-bottom: 30px;
}

tr.GridRow td span
{
    vertical-align: middle;
    color: black;
}

.GridRow td
{
    border: solid 1px white;
    padding-top: 7px;
    padding-bottom: 7px;
}

.GridRowAlt td
{
    border: solid 1px white;
    padding-top: 7px;
    padding-bottom: 7px;
}

.GridViewHeader{color: #000000;	font-size: 12pt; font-weight: bold; text-align: left; background: #FFFFFF; padding-left: 0px; border: solid 0px #ffffff;} 
.GridViewHeader a{color: #FFFFFF;	text-decoration: underline; text-align: left;}
.GridViewHeader a:hover{color: #2155AB;	text-decoration: underline; text-align: left;}
.GridViewFooter{	color: black;	font-family: Arial;	font-size: 9pt;	font-weight:bold;	background: #EAEAEA;} 
.GridRow{font-family: Arial; font-size: 9pt; background-color: #FFFFFF; text-align:left;}
.GridRowAlt{font-family: Arial;	font-size: 9pt;	background-color: #FFFFFF;text-align:left; border: solid 0px #ffffff;}

/* ----------------------------------- GridView Classes End ----------------------------------- */