/**

 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS

 * 

 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/

 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.

 *

 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.

 */

html,

body {

	margin:0;

	padding:0;

	height:100%;

}

#wrapper {

	min-height:100%;

	position:relative;

}

#header {

	background:#ededed;

}

.style1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

}

#content {

	padding-bottom:50px; /* Height of the footer element */

}

#footer {

	background:#a6afbc;

	width:100%;

	height:55px;

	position:absolute;

	bottom:0;

	left:0;

}

a.white:link {color: #ffffff; font-size: 11px; }

a.white:visited {color: #ffffff; font-size: 11px; }

a.white:hover {color: #4a9cd8; font-size: 11px; }

a.white:active {color: #ffffff; font-size: 11px; }



a.white2:link {color: #ffffff; font-size: 12px; text-decoration: none}

a.white2:visited {color: #ffffff; font-size: 12px; text-decoration: none}

a.white2:hover {color: #4a9cd8; font-size: 12px; text-decoration: none }

a.white2:active {color: #ffffff; font-size: 12px; text-decoration: none}



a.pink:link {color: #4a9cd8; font-size: 11px; font-weight: bold; }

a.pink:visited {color: #4a9cd8; font-size: 11px; font-weight: bold; }

a.pink:hover {color: #ff9900; font-size: 11px; font-weight: bold; }

a.pink:active {color: #4a9cd8; font-size: 11px; font-weight: bold; }



a.pink2:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #4a9cd8; font-size: 12px; font-weight: bold; }

a.pink2:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color: #4a9cd8; font-size: 12px; font-weight: bold; }

a.pink2:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff9900; font-size: 12px; font-weight: bold; }

a.pink2:active {font-family: Verdana, Arial, Helvetica, sans-serif; color: #4a9cd8; font-size: 12px; font-weight: bold; }



a.pink3:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff9900; font-size: 12px; font-weight: bold; }

a.pink3:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff9900; font-size: 12px; font-weight: bold; }

a.pink3:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #4a9cd8; font-size: 12px; font-weight: bold; }

a.pink3:active {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff9900; font-size: 12px; font-weight: bold; }



ul{

   margin: 0;

   padding: 1em; /* Set the distance from the list edge to 1x the font size */

   list-style-type: disc;

   list-style-position: outside;

   list-style-image: none;

   padding-top: 5px;

padding-left: 5;

  padding-bottom: 10px;



}
#checkbox { 	position: absolute;
	top: 12px;
	left: 0;
	width: 30px;
	font-family: FontAwesome;
        content: "\f096";
        font-size: 2em;
        line-height: 1;
}