@charset "utf-8";

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.clearfix { *zoom: 1; }



/* NAVIGATION
------------------------------------------------ */

#nav { 
	/*position: absolute; */
	float: left;
	left: 0; top: 0; 
	display: block;
	width: 18%; bottom: 0;
	height: 100%;
	min-height: 300px;
    list-style: none; 
    background: #FFCC00; 
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 10px 5px 5px; 
    clear: both;
    -webkit-border-radius: 0 0 0 8px; 
     -moz-border-radius: 0 0 0 8px; 
          border-radius: 0 0 0 8px; 

      
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
    }

#links .nav1 { left: 0; display: inline-block; display: block; padding: 1px; }

.nav1 { list-style: none; left: 0; margin: 0; padding: 0; }	

.nav1 ul li { left: 0; bottom: 0; margin: 0; padding: 0; }

.nav1 li a {
	color: #365F91;
	display: inline-block;
	display: block;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #fff;
	padding: 5px;
}

.nav1 li a:hover {
	background-color: #aabadd;
}

.navsub  { margin-left: 3%; }


/* CONTENT AREA
------------------------------------------------ */
#pagewrap { max-width: 960px; min-width: 320px; margin: 0 auto; position: relative; }
#pagewrap1 { max-width: 960px; min-width: 320px; height: 250 px; overflow: auto; margin: 0 auto; position: relative; }


#main { 
	min-height: 300px; 
	width: 82%;
	*width: 76.3%; /*IE 7*/
	_width: 82%; /*IE 6*/
	float: right;
	overflow: auto; 
	display: inline-block;
	display: block;
	padding: 1% 1% 1% 3%; 
	background: #DCE6F2; 
	height: 100%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-border-radius: 0 0 8px 0; 
     -moz-border-radius: 0 0 8px 0; 
          border-radius: 0 0 8px 0; 

      
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	}


#aux { background: #fff; height: 100%; margin: 15px auto 0; position: relative; text-align: center;	clear: both; }


img { max-width: 100%; }

#breadcrumb {
	max-width: 960px; 
	min-width: 320px; 
	margin: 1px auto 0;
    padding: 1px; 
    position: relative; 
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
	text-transform: none;
    color: #365F91;
    background-color: #fff;
}

#breadcrumb	a:link, a:visited, a:active { color: #365F91;text-decoration: none; }

#breadcrumb li { list-style: none;display: inline; }

#hgroup { 
	max-width: 960px; 
	min-width: 320px; 
	margin: 15px auto 0;
    padding: 1px; 
    position: relative; 
    font-family: Arial, Helvetica, sans-serif;
    color: #17365D;
	text-align: center;
    background: #95B3D7; /* Old browsers */
  	background: -moz-linear-gradient(top, #4376b3 0%, #5c8ac2 44%, #95B3D7 100%); /* FF3.6+ */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4376b3), color-stop(44%,#5c8ac2), color-stop(100%,#95B3D7)); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top, #4376b3 0%,#5c8ac2 44%,#95B3D7 100%); /* Chrome10+,Safari5.1+ */
  	background: -o-linear-gradient(top, #4376b3 0%,#5c8ac2 44%,#95B3D7 100%); /* Opera 11.10+ */
  	background: -ms-linear-gradient(top, #4376b3 0%,#5c8ac2 44%,#95B3D7 100%); /* IE10+ */
  	background: linear-gradient(top, #4376b3 0%,#5c8ac2 44%,#95B3D7 100%); /* W3C */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4376b3', endColorstr='#95B3D7',GradientType=0 ); /* IE6-9 */

    -webkit-border-radius: 6px 6px 0 0; 
     -moz-border-radius: 6px 6px 0 0; 
          border-radius: 6px 6px 0 0; 
  
      
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
    }

h1 {font-weight: bold; margin: 10px 0; font-size: 200%; color: #17365D; text-shadow: 1px 1px #c0c0c0; }

h2 { font-size: 125%; color: #365F91; }

h2 a:link, h2 a:visited, h2 a:active { color: #365F91; text-decoration: none; }

h3 { color: #333; font-size: 115%; text-align:left; line-height: 100%; }

h3 a:link, h3 a:visited, h3 a:active {color: #333;}

h4 { color: #950000; font-size: 110%; text-align: left; line-height: 100%; }

p a:link, a:visited, a:active { color:#17365D; font-weight: bold; }

a:link, a:visited, a:active { color:#17365D; font-weight: bold; }

a:hover { background-color: #c7d1d6; }



.indent { margin-left: 3%; }

.indent2 { margin-left: 5%; }

/* HEADER AND FOOTER
---------------------------------------------------------- */
  
#header { min-height: 65px;padding: 0;}
#header a:hover{background-color: transparent;}
#footer { background-color: #EFEEEF; }  
#footer a:link { font-weight:normal;}
#footer li a:visited {color: #ffffff}
#footer li a:link {color: #ffffff}
#footer li a:hover {background-color: transparent;}

/* MOBILES STYLES  
---------------------------------------------------------- */

@media only screen and (max-width: 480px) {

    #main { width: 72%; }
    
    #nav { width: 28%; }
}