@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
body {
	height:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 93.12%;
	padding-left: 1.94%;
	padding-right: 1.94%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height:100%;
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* Opera */ 
background-image: -o-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, left center, 0, left center, 983, color-stop(0.1, #01aef3), color-stop(0.6, #006892));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at left center, #01aef3 10%, #006892 60%);
}
#LayoutDiv2 {
	display:none;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	display:none;
}
#LayoutDiv5 {
    display:none;
}
#LayoutDiv6 {
    display:none;
}
#LayoutDiv7 {
    display:none;
}
#LayoutDiv8 {
	position: fixed;
	bottom:0px;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
	color:#FFF;
	background:#00445f;
}
#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv11 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv12 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv13 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv14 {
	display:none;
}
#LayoutDiv15 {
	display:none;
}
#LayoutDiv16 {
	display:none;
}
#LayoutDiv17 {
	display:none;
}
#LayoutDiv20 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv21 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
    #LayoutDiv22 {
	position: absolute;
	width:115px;
	top:0px;
	left: 100px;
	z-index:1;
	background-color:#FFF;
}
    #LayoutDiv25 {
		display:none;
}
#countbox {
	position:fixed;
	bottom:30px;
	width:100%;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 94.575%;
	padding-left: 1.2125%;
	padding-right: 1.2125%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 100%;
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* Opera */ 
background-image: -o-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, left center, 0, left center, 983, color-stop(0.1, #01aef3), color-stop(0.6, #006892));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at left center, #01aef3 10%, #006892 60%);
}
#LayoutDiv2 {
	display:none;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	display:none;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6 {
	display:none;
}
#LayoutDiv7 {
	display:none;
}
#LayoutDiv8 {	
	position: fixed;
	bottom: 0px;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
	color:#FFF;
	height:25px;
	background:#00445f;
}
#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv11 {
	display:none;
}
#LayoutDiv12 {
	display:none;
}#LayoutDiv13 {
	display:none;
}
#LayoutDiv14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv15 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv16 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv17 {
	display:none;
}
#LayoutDiv19 {
	position:absolute;
	bottom : 0;
    height : 25px;
    margin-top : 40px;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
	color:#FFF;
}
#LayoutDiv20 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:#FFF;
	color:#000;
}
#LayoutDiv21 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
    #LayoutDiv22 {
	position: absolute;
	width:115px;
	top:0px;
	left: 100px;
	z-index:1;
	background-color:#FFF;
}
    #LayoutDiv25 {
		
		
	display: inline;
	position:fixed;
	bottom:0px;
	right:0px;
	z-index:1;
	background:#FFF;
	width:50px;
	text-align:center;
	font-size:7px;
}
#countbox {
	position:fixed;
	bottom:40px;
	width:100%;
	font-weight:bold;
	text-align:center;
	font-size:15px;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1232px;
	padding-left: 0.8083%;
	padding-right: 0.8083%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 100%;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* Opera */ 
background-image: -o-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, left center, 0, left center, 983, color-stop(0.1, #01aef3), color-stop(0.6, #006892));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(left center, circle farthest-corner, #01aef3 10%, #006892 60%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at left center, #01aef3 10%, #006892 60%);
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
}
#LayoutDiv3 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6 {
	clear: none;
	float: left;
	margin-left: -70px;
	width: 70%;
	display: block;
	text-align:left;
}
#LayoutDiv7 {
	position: fixed;
	right:100px;
	float: left;
	margin-left: 0;
	display: block;
}
#LayoutDiv8 {
	position: fixed;
	bottom:0px;
    height : 25px;
    margin-top : 40px;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
	color:#FFF;
	background:#00445f;
}
#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv11 {
	display:none;
}
#LayoutDiv12 {
	display:none;
}
#LayoutDiv13 {
	display:none;
}
#LayoutDiv14 {
	display:none;
}
#LayoutDiv15 {
	display:none;
}
#LayoutDiv16 {
	display:none;
}
#LayoutDiv17 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 10%;
	display: block;
}
#LayoutDiv18 {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 100%;
	display: block;
	color:#FFF;
}
#LayoutDiv19 {
	position:absolute;
	bottom : 0;
    height : 25px;
    margin-top : 40px;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
	color:#FFF;
	z-index:100;
}
    #LayoutDiv22 {
	position:fixed;
	width:115px;
	top:0px;
	left: 0px;
	z-index:1;
	background-color:#FFF;
}
    #LayoutDiv25 {
	display: inline;
	position:fixed;
	bottom:0px;
	right:0px;
	z-index:1;
	background:#FFF;

	width:50px;
	text-align:center;
	font-size:7px;
}
#countbox {
	position:fixed;
	bottom:50px;
	left:0px;
	width:100%;
	font-weight:bold;
	text-align:left;
	margin-left:100px;
	font-size:15px;
}
}

.style101 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.style102 a{
	text-decoration:none;
	color:#FFF;
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
}


.style102 a:hover{
	text-decoration:none;
	color:#FCE700;
}

.style102 a:visited{
	text-decoration:none;
}


.style103 a{
	text-decoration:none;
	color:#FFF;
}


.style103 a:hover{
	text-decoration:none;
	color:#FFF;
}

.style103 a:visited{
	text-decoration:none;
}


a { color:#000; text-decoration: none;}
.menucontainer {
    max-width: 100%;
    margin: 0 0px auto;
	font-size:12px;
}

.toggleMenu {
    display: none;
    padding: 10px 15px;
    color: #fff;
	background:#00445f;
}
.nav {
    list-style: none;
     *zoom: 1;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 15em;
}
.nav a {
    padding: 10px 12px;
    color:#fff;
}
.nav li {
	position: relative;
}
.nav > li {
    float: left;
	z-index:10;

}
.nav > li > .parent {
    background-image: url(../images/downArrow.png);
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
	left: 100%;
    top: 0;

}
.nav li li a {
    display: block;
	background-image: -webkit-radial-gradient(left center, circle farthest-corner, #01aef3 3%, #006892 3%) ;
	opacity:0.9;
	color:#fff;
    position: relative;
    z-index:100;
    border-top: 1px solid #333;
}
.nav li li li a {
    z-index:200;
    border-top: 1px solid #333;
}
.nav li li a.hover {
    display: block;
    position: relative;
    z-index:100;
    border-top: 1px solid #333;
}
.nav li li.hover {
    z-index:200;
    border-top: 1px solid #333;
}

@media screen and (max-width: 768px) {
    .menucontainer {
    width: 90%;
    max-width: 900px;
    margin: 0 10px auto;
}
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;	
    }
    .nav li li .parent {
        background-image: url(../images/downArrow.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}