﻿img
{
    border-style: none;
    border-color: inherit;
    border-width: medium; /*width: 284px;     height: 96px;*/
    padding: 0px;
}
.helpmenu
{
position: relative;
    left: 10px;
    right:290;
    background-color: #c8e3f2;
    padding: 5px;
    border: solid 3px #153EAA;
    top: 5px;
}
/* Layout */
html, body
{
    margin: 0px 0px 0px;
    padding: 0;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
}
.body {
 background: 
    /*url(../images/bg_grad.png) repeat scroll left; */
    /* background: #d6d3d3; */
     background-color:Black;
     
}
a:link, a:visited, a:active
{
    color: #3448be;
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
#container-page
{
    margin: 0 auto;
    width: 100%;
    position: relative;
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */ /* background-repeat: repeat-y; */
}
#container-header
{
    background-color: #153EAA;
    padding: 0px 0px 0px 0px;
}
#container-header-top
{
    padding: 0px;
}
#container-header-top .logo
{
    width: 277px;    
    padding: 0px;
}
#container-header-menu
{
    background-color: #868282;    
    padding: 0px;
}
/*- Menu Tabs--------------------------- */
#container-tabs
{
    /* display:block;     float: left; */ /* padding-top: 3px; */
    height: 18px;
    width: 100%; /* background: url(images/def_tab_bkg.gif) #dae0d2 no-repeat right bottom; */
    background-color: #c8e3f2;
    font-size: 14px;    
       font-weight: lighter;    
    font-family: Verdana;    
     font-weight:bold;
     border-bottom:1px solid black;
     border-top:1px solid black;     
}

#container-tabs ul
{
    margin: 0;
    padding: 0px;
    list-style: none;
}
#container-tabs li
{
    float: right;
    /*background: url("../images/def_tab_left.jpg") no-repeat left top;*/
    margin: 0;
    padding: 0px;
}
#container-tabs a
{
    float: left;
    display: block;
    background: url("../images/buttonOff.png") no-repeat right top;    
    text-decoration: none;    
    color: black;
    text-align: center;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#container-tabs a
{
    float: none;
}
/* End IE5-Mac hack */
#container-tabs a:hover
{
    color: white;
}


#container-tabs .current a
{
    background-image: url("../images/buttonOn.png"); 
    color: #000000;
    padding-bottom: 0px;
}

#container-tabs-bar
{
    display: block;
    border-bottom: #000000 1px solid;
    height: 6px;
    background-color: #002c53; /*-- background-color: #003468; */
    width: 100%;
}



#container-menu-bar
{
    background-image: url('images/def_menu_bar.gif');
    width: 795px;
    height: 21px;
    padding-top: 0px;
    font-size: 8pt;
    font-family: Verdana;
    padding-left: 5px;
}
#container-menu-bar-title
{
    font-weight: bold; /* color: #674c11; */
    color: #3448be;
    width: 790px;
    float: left;
}
#container-menu-bar-link
{
    color: #000000;
    font-size: 8pt;
    font-family: Arial;
}
#container-menu-bar-link ul
{
    display: inline;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
#container-menu-bar-link li
{
    float: left;
    padding: 0px;
    margin: 0px;
}
#container-menu-bar-link a
{
    margin: 0px 8px 0px 0px;
    display: block;
    background-image: url("images/arrow01.gif");
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-left: 8px;
    padding-bottom: 0px;
    padding-top: 0px;
}
#container-menu-bar-link a:link, #container-menu-bar-link a:visited, #container-menu-bar-link a:active
{
    color: #000000;
}
#container-content
{
    /*width: 775px; */
    background-color: #dadada;
}
#content-default-1-column
{
    /* width: 750px; */
    margin: 0px auto;
}
#content-default-1-column h1
{
    font: 1.8em Georgia, Times, serif;
    margin-bottom: 0.5em;
    text-transform: none;
    letter-spacing: 1px;
    margin-top: 3px;
}
#content-default-1-column h2
{
    font: 1.5em Georgia, Times, serif;
    margin-bottom: 0.5em;
    text-transform: none;
    letter-spacing: 1px;
    margin-top: 3px;
}
#content-default-1-column .text
{
    text-align: justify;
}
#container-footer
{
    width: 100%;
    height: 60px;
    bottom: 0; /*   position: absolute;   Needed for Safari */
    position:fixed;
}

#container-footer-content
{
    height: 60px; 
    background-color: #153EAA;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-top: 3px;
    border-top: #000000 1px solid;
    border-bottom: #000000 1px solid;
    color: #ffffff;
    font-size: 10px;
}
#container-footer-content a:link, #container-footer-content a:visited, #container-footer-content a:active, #container-footer-content a:hover
{
    color: #000000;
}
#container-footer-content .copyright
{
    height: 18px;
    background-color: #FFFFFF;
    text-align: center;
    width: 800px;
    margin: 0 auto;
    padding-top: 3px;
    border-top: #000000 1px solid;
    color: #003468;
    font-size: 10px;
    font-family: Verdana;
}
#container-footer-content .copyright a:link, #container-footer-content .copyright a:visited, #container-footer-content .copyright a:active, #container-footer-content .copyright a:hover
{
    color: #003468;
}
.box-info
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 10px auto;
    padding-top: 5px;
    background-color: #ffffe0;
    border-right: #b8860b thin dashed;
    border-top: #b8860b thin dashed;
    border-left: #b8860b thin dashed;
    border-bottom: #b8860b thin dashed;
}
.box-list li
{
    list-style-image: url("images/arrow02.gif");
    list-style-position: inside;
}
.container-gallery
{
    background-color: #99ccff;
    border-right: #003468 1px solid;
    border-top: #003468 1px solid;
    border-left: #003468 1px solid;
    border-bottom: #003468 1px solid;
    width: 243px;
    height: 250px;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.container-gallery p
{
    font-size: 11px;
    font-family: Sans-Serif;
    margin: 0px;
}
.gallery-photo
{
    margin: 0 auto;
}
.progress
{
    color: #003468;
    height: 22px;
    padding-left: 20px;
    border-right: #003468 1px solid;
    border-top: #003468 1px solid;
    border-left: #003468 1px solid;
    border-bottom: #003468 1px solid;
    padding-bottom: 2px;
    padding-top: 2px;
    background-image: url("images/ico_progress.gif");
    background-repeat: no-repeat;
    background-color: #99ccff;
}
/* Table */
.DefaultTable
{
    font-size: 10pt;
    border-style: none;
}
.DefaultTableHeader
{
    background-color: #002e5f;
    color: #ffffff;
    border-style: none;
    text-align: left;
}
.DefaultTableFooter
{
    background-color: #002e5f;
    color: #ffffff;
    border-style: none;
    text-align: left;
}
.DefaultTableRow
{
    background-color: #FFFFFF;
    border-bottom: #d7d7d7 1px solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
.DefaultTableAlternatingRow
{
    background-color: #f2f2f2;
    border-bottom: #d7d7d7 1px solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
.DefaultTableSelectedRow
{
    background-color: #d9e6f7;
    border-bottom: #d7d7d7 1px solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
p.NoSpacing
{
    margin-bottom: .0001pt;
    font-size: 12.0pt;
    font-family: "Times New Roman";
    margin-left: 0in;
    margin-right: 0in;
    margin-top: 0in;
}
.style1
{
    height: 50px;
    background-color: #002c53;
    color: White;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    width: 750px;
}
.style2
{
    background-color: #d6d3d3;
    /* width: 750px; */
}


.style3
{
    width: 750px;
    /*  width: 783px; */
}
.style4
{
    width: 750px;
    /*  width: 778px; */
}

.radio
{
    text-align: center;
}
.credit
{
    text-align: left;
    padding-left: 5px;
    width: 125px;
}
.creditT
{
    width: 250px;
}
.download
{
    color: #d42027;
    text-decoration: underline;
}

.eventTable
{
    /*background-image: url("../images/bg1_grad.png"); */
    background-repeat: no-repeat;
    background-color: #9fc7f8;
    text-align:left;    
     
}

.style9
{
    text-align:left;    
}
.style10
{
    text-align:left;
}
.style20
{
    background-color: #002c53;
    color: White;
}    

.style21
{
  font-size: medium;
  background: #dadada;
}    

.style22
{
  font-size: medium; 
  color: White;
}    

.outerPopup 
{
    background-color:transparent;  
    padding:1em 6px;
    filter:alpha(opacity=100);
    opacity:0.0;
    
}

.innerPopup
{
    background-color:gray;    
    
}

.modalBackground 
{     
     filter:alpha(opacity=100);     
}

.alignleft
{
    text-align:left; 
}

.aligncenter
{
    text-align: center; 
}   
   
.sidebox {
	margin: 0 auto; /* center for now */
	width: 45em; /* ems so it will grow */
	background: #d6d3d3;
	font-size: 100%;
}


.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}


#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 55em;				/* <-- use this for a set width */
	background-color: #eeeeee;
	}
 	
#content
	{
	padding:3em;
	}

#content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #eeeeee;
	background-image:url(../images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
.outerPopup 
{
    background-color:transparent;  
    padding:1em 6px;
    filter:alpha(opacity=100);
    opacity:0.0;
    
}

.innerPopup
{
    background-color:#457ba7;    
    
}

.modalBackground 
{     
     filter:alpha(opacity=0);     
}

.alignleft
{
    text-align:left; 
    
   }	
.detaillsForm
{
    text-align:left; 
    color:White;
   }	   
.formStyle
{
    text-align:left;     
    color:White;
     font-weight:bold;     
   }	
   
   .roundBorder
   {
    padding:0px;     
   }	
   .programdetail
   {
       color:White;
       background:#153EAA;
   }
   .thebiglink
   {
       background-color:#FFA500;
       padding: 10px;
       font-size:14pt;
       font-weight:bolder;
       border-style: outset;
       border-color: #FFa500;
       border-width: 5px;
   }
   