/* ^^^^^^^^ DROP MENU ^^^^^^^^^^ */
a:link, a:visited{color:#0066CC; text-decoration:none;}
a:hover{text-decoration:underline;}
li{display:inline;}
	.arrow{margin-left:4px; cursor:pointer; }
/* ^^^^^^^^ DROP MENU ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#saturday{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	position:none;
	display:block;
	height:24px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	padding:0px 0px 10px 0px;

	
}
#saturday li{
    display:block;
    float:left;
    margin:0;
    pading:0;
	}
        #saturday li a{
            display:block;
            float:left;
            text-decoration:none;
            padding:9px 12px 0px 12px;
            height:26px;
			color:#2736a7;
			border-right:#FFFFFF 1px solid;
            /*background:transparent url("images/menu/menu_seperator.jpg") no-repeat top left;*/
			}

        #saturday li a:hover{
		    background:transparent url("images/menu_mouseover.jpg") no-repeat top right;
			color:#ff7b14;
			}
        #saturday li a.current,ul#saturday li a.current:hover{
		    color:#FF7F12;
			background:transparent url("images/menu_mouseover.jpg") no-repeat top right;
			}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */


/*^^^^^^^^left Nav^^^^^^^^*/
#mainmenu {width:187px; height:0px; font-family:Arial; font-size:12px; padding:0px 4px 0px 4px; text-decoration:none;}
#mainmenu li { display:block; width:187px; height:29px; font-family:Arial; font-size:12px; float:left; padding:0px 0px 0px 5px;}
#mainmenu li a {display:block; width:187px; height:26px; font-family:Arial; font-size:12px;  float:left; padding:0px 0px 0px 5px;}
#mainmenu li.m1 a {background:url(images/blueleftmenu_active.gif) no-repeat 0 0; color:#ffffff; padding:5px 0px 0px 19px;}
#mainmenu li.m2 a {background:url(images/blueleftmenu_active.gif) no-repeat 0 0; color:#ffffff; padding:5px 0px 0px 19px;}
#mainmenu li.m3 a {background:url(images/blueleftmenu_active.gif) no-repeat 0 0; color:#ffffff; padding:5px 0px 0px 19px;}
#mainmenu li.m4 a {background:url(images/blueleftmenu_active.gif) no-repeat 0 0; color:#ffffff; padding:5px 0px 0px 19px;}
#mainmenu li.m5 a {background:url(images/blueleftmenu_active.gif) no-repeat 0 0; color:#ffffff;padding:5px 0px 0px 19px;}
#mainmenu li a:hover {background:url(images/blueleftmenu_mouseover.gif) no-repeat 0 0; color:#333399; text-decoration:none; padding:5px 0px 0px 19px;}
#mainmenu li.active a, #mainmenu li.active a:hover {background:url(images/blueleftmenu_mouseover.gif) no-repeat 0 0; color:#333399; text-decoration:none; padding:5px 0px 0px 19px;}
div.info {margin:20px 15px; color:#738075;}
/*^^^^^^^^left Nav^^^^^^^^*/



.conent
{
	text-align: left;
	line-height: 18px;
	font-family: Arial;
	color: #666666;
	font-size: 12px;
}

.subheading{
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	color: #666666;
	line-height:18px;
	font-weight: bold;
}
.logoalign{
    padding-top:8px;
    padding-left:8px;
    padding-bottom:8px;	
}
html, body {
  margin: 0px;
  padding: 0px;
} 
#top-gradient {
background: URL(images/topgradient.gif) top center repeat-x #e5ecf9;
color: inherit; /* this avoids a CSS warning later on. Whenever a background image or color is defined, a corresponding foreground color should be defined, even if it's inherited as it is in this case. */
}
#bottom-gradient {
background: URL(images/bottomgradient.gif) bottom center repeat-x; /* do not define a background color for this gradient as an alternative, or you'll wipe out the top gradient. EXTREMELY IMPORTANT. */
color: inherit;
}

.conentsmall {
	font-family: Arial;
	font-size: 9px;
	line-height:10px;
}
.textorange {
	color: #FF7F12;
	font-weight: bold;
}

.headingorange{
	font-family: Arial;
	font-size: 16px;
	font-weight:bold;
	color: #ff7b14;
	padding-bottom:4px;
	line-height:20px	
}
.headinggrey {
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #999999;
}
.headingbig {
	font-family: Arial;
	font-size: 22px;
	color: #ff8a1b;
	line-height:22px;
	font-weight:bold;
}

.imagetextalign{
padding-top:15px;
}


A.link:link{font-family:Arial; font-size:12px;	color: #215ab9;	text-decoration:underline;}
A.link:visited {font-family:Arial; font-size: 12px; color: #215ab9; text-decoration:underline;}
A.link:hover {font-family: Arial; font-size: 12px; color: #215ab9; text-decoration:none;}

A.link1:link{font-family:Arial; font-size:12px;	color: #ffffff;	text-decoration:none;}
A.link1:visited {font-family:Arial; font-size: 12px; color: #ffffff; text-decoration:none;}
A.link1:hover {font-family: Arial; font-size: 12px; color: #ffffff; text-decoration:underline;}
.link1text{font-family: Arial; font-size: 12px; color: #ffffff; text-decoration:none;}

A.link2:link{font-family:Arial; font-size:10px;	color: white; text-decoration:none;}
A.link2:visited {font-family:Arial; font-size:10px; color: white; text-decoration:none;}
A.link2:hover {font-family: Arial; font-size:10px; color: white; text-decoration:underline;}
.link2text
{
	line-height: 14px;
	font-family: Arial;
	color: white;
	font-size: 10px;
}
.link2textorange{font-family: Arial; font-size:11px; color: #ff7b14; line-height:14px;}

A.link3:link{font-family:Arial; font-size:12px;	color: #ff7b14;	text-decoration:none;}
A.link3:visited {font-family:Arial; font-size: 12px; color: #ff7b14; text-decoration:none;}
A.link3:hover {font-family: Arial; font-size: 12px; color: #ff7b14; text-decoration:underline;}

A.link4:link{font-family:Arial; font-size:12px;	color: #666666;	text-decoration:none;}
A.link4:visited {font-family:Arial; font-size: 12px; color: #666666; text-decoration:none;}
A.link4:hover {font-family: Arial; font-size: 12px; color: #666666; text-decoration:underline;}



.menuborder{
    /*border:#b6b175 1px solid;*/
}
.pageborder{
    border:#b1c4e5 1px solid;
}
.pageborder2
{
	border-left: #b1c4e5 2px solid;
	border-top: #b1c4e5 2px solid;
	border-right: #b1c4e5 2px solid;
}
.pageborder3
{
	border-left: #b1c4e5 2px solid;
	border-right: #b1c4e5 2px solid;
}
.stepbox{
    border-left:#abbad2 1px solid;
	border-right:#abbad2 1px solid;
}
.greyleftmenubg{
    border-left:#abbad2 1px solid;
	border-right:#abbad2 1px solid;
	background:#f9fbff;
}
.steptextbox{
    border-left:#abbad2 1px solid;
	border-right:#abbad2 1px solid;
	background-image:url(images/stepbox_bg.gif);
	font-family: Arial;
	font-size: 16px;
	font-weight:bold;
	color: #ff7b14;
	padding-bottom:2px;
	padding-left:20px;
}
.seperator{
      border-top:#e8e8e8 1px solid;
	  font-size:9px;
}
.formsep{
      border-bottom:#cccccc 1px dashed;
}
.boxborder{
    border:#999999 1px outset;
	padding:14px;
}
.boxborder1{
    border: #CCCCCC 1px dotted;
	padding:4px;
}
.boxborder11{
    border:#999999 1px outset;
	padding:4px;
}

.align{
    padding-top:4px;
    /*padding-left:6px;*/
    padding-bottom:4px;	
}
.mandatory_field{
	font-family:Arial;
	font-size:11px;
	width:180px;
	background-color:#FFEDBA;
}

/* ^^^^^^^^ light box ^^^^^^^^^^ */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ^^^^^^^^ light box ^^^^^^^^^^ */

.roundedcornr_box_897204 {
	background: url(images/roundedcornr_897204_tl.png) no-repeat top left;
}
.roundedcornr_top_897204 {
	background: url(images/roundedcornr_897204_tr.png) no-repeat top right;
}
.roundedcornr_bottom_897204 {
	background: url(images/roundedcornr_897204_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_897204 div {
	background: url(images/roundedcornr_897204_br.png) no-repeat bottom right;
}
.roundedcornr_content_897204 {
	background: url(images/roundedcornr_897204_r.png) top right repeat-y;
}

.roundedcornr_top_897204 div,.roundedcornr_top_897204,
.roundedcornr_bottom_897204 div, .roundedcornr_bottom_897204 {
	width: 100%;
	height: 30px;
	font-size: 1px;
}
.roundedcornr_content_897204, .roundedcornr_bottom_897204 {
	margin-top: -19px;
}
.roundedcornr_content_897204 { padding: 0 30px; }