/* Resets browser defaults and provides base element styles */

/* = Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

/* = Base element Styles
------------------------------------------------- */

body
{
    color: #666666;
    font-family: Trebuchet MS, arial;
    font-size: 80%;
    background: #a5def2 url(/_img/animal/body-bg.jpg) top left repeat-x;
    text-align: center;
}

h1, h2, h3, h4, h5, h6{color: #666666; font-size: 130%; font-weight: bold; margin: 10px 0 0 0;}
h1{font-size: 160%;font-weight: bold;letter-spacing: -0.1em;}
h2{font-size: 140%;}
h3{font-size: 120%;color: #096c96;}
h4{font-size: 110%;color: #096c96;}
h5{font-size: 100%;color: #096c96;}
h6{font-size: 100%;color: #096c96;}
h2.highlight{background: #efefef; padding: 5px;}
h3.indent{margin-left: 117px;}
/* alternative heading style */
.alt{color: #aac31f;}
h2.freegift{width: 39%; color: #619EBB; font-size: 170%; border-bottom: 1px #619EBB dotted; margin: 20px 0 0 0;}
h2.sub{width: 47%; font-size: 120%;}
h1.winlesson{font-family: Cambria, Georgia; letter-spacing: 0; color: #0D6C98; font-size: 170%;}
h2.winlesson{font-family: Cambria, Georgia; letter-spacing: 0; font-style: italic; color: #619EBB; margin: 10px 0;}

p{margin:5px 0;}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px; list-style-type: none;list-style-image: url(/_img/bullet.gif);}
ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
li{}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;border: solid 1px #c4dff2;margin: 5px 0;}
thead{}
tfoot{}
th{background: #8abee6;color: #fff;border-left: solid 1px #fff;padding: 5px;}
th.first{background: #65a2d8;}
th.second{background: #78b3df;}
th.third{background: #8dbee6;}
th.fourth{background: #8bbfe6;}
th.fith{background: #9dcae9;}
tr{}
td{padding: 3px;border: 0;}
td.offer{background: #efefef;font-size: 90%; font-weight: bold;}

th.center,td.center{text-align: center;}
th.right,td.right{text-align: right;}
th.left,td.left{text-align: left;}

form{margin: 0px 0;}
fieldset{border: 1px #ccc solid; padding: 20px;}
fieldset br{clear:both;}
legend{border: 1px #666 solid; padding: 1px 3px; background: #619EBB; color: #fff; font-weight: bold;}

input, .input, .inputDisabled, .inputArea, textarea {
     margin:5px 0 1px 0;
     font-family:Arial, verdana;
	 font-size: 100%;
     background: #fff url(/_img/input-bg.gif) bottom left repeat-x;
     border: solid 1px #959392;
     padding: 2px;
}
select, .select{float:left;width: 25%;padding:1px 0 1px 0;margin-top: 6px;}
.inputDisabled{background-color:#FAFAFA;color:#646464;padding:2px;}
label, .label{float: left;text-align: left;margin: 2px 0 0 0; width: 30%; color:#9a9a9a; padding: 5px;}
label{}
.btn {
    background: url(/_img/btn-bg.gif) bottom left repeat-x;
    border: 1px #67a3bf solid;
    color: #016394; 
    padding: 2px 3px;
    width: auto;
    cursor: pointer;
    text-decoration: none;
    font-size: 90%;
    font-weight: bold;
}
.radio{width:auto;cursor: pointer;border: 0; background: transparent;float: left;}
.checkBoxes label{float: none;}

/** provide width classes to stack onto inputs **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

em{}

/* The below provides a default hr style along with a cross browser method with consideration for disabled styles */
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px solid #ccc;}
div.hr hr{display:none;}

a{color: #006394;}
a:hover{text-decoration: none;}

/** To remove dotted outline on links **/
a{outline-style:none;}
a:active, a:focus {outline: 0 !important;}


img{vertical-align: bottom;}

/* = Independent Styles
------------------------------------------------- */

.floatLeft{float: left;}
.floatRight{float: right;}
.clr{clear: both;}
.clrsml{clear: both;line-height:1px;height:1px;}
.standoutText{color: #3366cc;}
.sml{font-size:85%;}
.hide{display: none;}
.vmiddle{vertical-align: middle;}
.blue{color: #006394;}
.red{color: #bc134e;}
.navy{color: #302F8E;}
.lightBlue{color: #609db9;}
.largeText{font-size: 110%;}
.inlineImg{padding: 2px; border: solid 1px #ccc;margin-right: 5px;}

.twentypx { width: 20px; }