@charset "UTF-8";
/* CSS Document */

body {margin: 0px; padding: 20px 0px 0px 0px; background-color: #3d0d5e;}

h1 {margin: 15px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 28px; line-height: 35px; font-weight: 700; color: #8ac53c}
h2 {margin: 15px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 26px; font-weight: 700; color: #8ac53c}
h3 {margin: 15px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; font-weight: 700; color: #8ac53c}

  #wrap {width: 320px; margin-left: auto; margin-right: auto;}

    #mobile_content {}
	  
	  #top {padding: 15px 0px 0px 0px; position: relative;}
	  
	    .top_logo {display: block; width: 260px; margin-left: auto; margin-right: auto;}
		
	  #main_content {overflow: hidden;}
	  
	    #content_left {width: 99px; padding: 3px 0px 0px 0px; float: left;}
		  #content_left img {display: block; width: 100%;}
		
		#content_right {width: 100%; padding: 14px 0px 0px 0px;}
		  #content_right img {display: block; width: 100%;}
		  
		  .nav_item {display: block; position: relative;}
		    .nav_item img {display: block;}
			.nav_item span {display: block; position: absolute; top: 0px; left: 0px; z-index: 101; padding-top: 24px;
			font-family: Lato, Arial, Helvetica, sans-serif; font-size: 36px; line-height: 60px; text-indent: 18px; color: #ffffff; padding-left: 18px;}
			a:link.nav_item {text-decoration: none;}
			a:visited.nav_item {text-decoration: none;}
			a:hover.nav_item {text-decoration: none;}
			a:active.nav_item {text-decoration: none;}

  #footer {clear: both; padding: 4px 0px 0px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; text-align: center; color: #ffffff;}
    #footer img {margin: 5px 0px 0px 0px;}
	   
/* Sub Page */

    #subpage_nav {margin: 5px 0px 0px 0px;}
	  #subpage_nav a {display: block; width: 103px; height: 35px; background-image: url('../images/subpage_nav_back_bg.png');
	  font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 35px; font-weight: 700; text-transform: uppercase; text-indent: 24px;}
	    #subpage_nav a:link {text-decoration: none; color: #ffffff;}
	    #subpage_nav a:visited {text-decoration: none; color: #ffffff;}
	    #subpage_nav a:hover {text-decoration: none; color: #ffffff;}
	    #subpage_nav a:active {text-decoration: none; color: #ffffff;}
		
	#sub_content {background-color: #ffffff; margin: 5px 0px 5px 0px; padding: 10px 4% 10px 4%; text-align: left;}
	  #sub_content p {margin: 15px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #000000;}
	  #sub_content ul {margin: 15px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #000000; text-align: left;}
	    #sub_content a:link {text-decoration: none; color: #8ac53c;}
	    #sub_content a:visited {text-decoration: none; color: #8ac53c;}
	    #sub_content a:active {text-decoration: none; color: #8ac53c;}
	    #sub_content a:hover {text-decoration: none; color: #8ac53c;}
		#sub_content td {display: block;}

	  .top_menu {display: block; height: 34px;
	  position: relative; margin-left: 212px; cursor: pointer;
		         background-color: #8ac53c;
				 padding: 0 28px 0 0;
				 position: absolute;
				 border-bottom-left-radius: 5px;
				 border-bottom-right-radius: 5px;
				 top: 120;
				 font-size: 19px;
				 width: 60px;
				 
	  }
	  
	  .top_menu_arrow {position: relative; top: -22px; left: 60px;}
	  .top_menu span {display: block; color: #ffffff; font-family: 'Arial', sans-serif; font-size: 17px; line-height: 34px; text-indent:7px; }
	  .top_menu_div {display: block; position: absolute; top: -20px; right: 0px; z-index: 400; width: 300px;}
	  
	  .slide_menu 
	  {
		  width: 300px;
		  
	  }

	  .slide_menu > div,
	  .slide_menu ul
	  {
		  width: 300px;
		  height: 216px;
		  padding: 0;
		  margin: 0;
		  
	  }

	  .slide_menu ul
	  {
		  list-style-type: none;
		  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	  }

	  .slide_menu ul li
	  {
		  height: 35px;
		  background-color: #8ac53c;
		  border-top: 1px solid #ffffff;
	  }

	  .slide_menu ul li a
	  {
		  color: white !important;
		  text-decoration: none !important;

		  font-size: 14px;
		  padding-left: 10px;
		  line-height: 35px;

	  }

	  .slide_menu li:last-child
	  {
		  border-bottom-left-radius: 5px;
	  }
	  .home_box_row { 
	  	width: 100%;
	  	float: left;
	  }
	  .home_box_row a {
	  	display: block; 
	  	width: 220px;
	  	margin: 0 auto;
	  }
	  .home_box_item {display: block; width: 220px; height: 220px; margin: 0 auto; position: relative;
			font-family: 'Lato', sans-serif;
	  	margin: 0 auto;}
			  .home_box_row .home_box_item:first-child {}
			  a:link.home_box_item {text-decoration: none; color: #ffffff;}
			  a:visited.home_box_item {text-decoration: none; color: #ffffff;}
			  a:hover.home_box_item {text-decoration: none; color: #ffffff; background-position: bottom left;}
			  a:active.home_box_item {text-decoration: none; color: #ffffff;}
			  
			  .home_box_title {display: block; width: 176px; padding: 0px 20px 0px 20px; position: absolute; top: 0px; left: 0px; z-index: 102;
			  font-size: 32px; font-weight: 700px; line-height: 40px; text-align: center; color: #ffffff;}
			  
			  .home_box_overlay {display: block; width: 220px; height: 220px;
			  position: absolute; top: 0px; left: 0px; z-index: 101;}
			    a:hover.home_box_item .home_box_overlay {background-position: bottom left;}
			  
			  .home_box_img {position: absolute; left: 12px; z-index: 100;}
			  
			  .hbi1 {background-image: url('../images/home_box1.png');}
			    .hbi1 h2.home_box_title {width: 196px; padding: 0px 10px; margin: 0; font-weight: 400;}
				.hbi1 h3.home_box_text {display: block; width: 180px; padding: 0px 18px; position: absolute; top: 55px; left: 0px;
				font-size: 21px; line-height: 30px; text-align: center; color: #000000;font-weight: 400;}
				.hbi1 .home_box_more {display: block; font-size: 13px; line-height: 22px; color: #8ac53c;}

	#top_login {width: 220px; margin: 10px auto; }
	  
	    #top_login p {margin: 0px; font-family: 'Lato', sans-serif; font-size: 19px; font-weight: 700; line-height: 22px; color: #fff;}
		
		.top_login_form {width: 218px; height: 20px; margin: 8px 0px 0px 0px; padding: 0px; border: 1px solid #6ba9da; background-color: #e9f0f5;
		font-family: 'Lato', sans-serif; font-size: 13px; line-height: 20px; text-indent: 6px; color: #6ba9da;}
		.top_login_submit {height: 24px; padding: 0px 14px 0px 14px; margin: 8px 0px 0px 0px; border: 0px; background-color: #8ac53c; cursor: pointer; 
		font-family: 'Lato', sans-serif; font-size: 19px; line-height: 24px; text-align: center; color: #ffffff;}
		#login_dropdown { background-color: #E9F0F5; border: 1px solid #6BA9DA; margin-top: 7px; font-size: 13px; height: 20px; font-family: 'Lato',sans-serif; color: #6BA9DA; }

::-webkit-input-placeholder {
   color: #6ba9da;
}

:-moz-placeholder { /* Firefox 18- */
   color: #6ba9da;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #6ba9da;  
}

:-ms-input-placeholder {  
   color: #6ba9da;  
}