/*TOC
- Reset reload
- Clearfix
*/

/*Reset Reload -start-*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	color:inherit;
	text-align:inherit;
}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background:#fff url(/public/images/bg_header.jpg) repeat-x;font: 62.5%/1em Helvetica,Myriad Pro,Arial,Verdana,sans-serif;color:#444;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*Reset Reload -end-*/

/*Clearfix -start-*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix {display:block;}
* html .clearfix {height:1px;}
/*Clearfix -end-*/

.center {width: 968px; margin:0 auto; position:relative;}
.main {margin-bottom:32px;}
.content {margin: 0 0 0 296px;  position:relative; width:588px; min-height:300px; }
.divider {background: url(/public/images/divider1-middle.jpg) 385px 0 repeat-y;}

.c1 {float:left; width: 363px; padding: 0 50px 0 0; }
.c2 {float:left; width: 175px; padding-bottom:10em; }

.header {background: url(/public/images/bg_header-bump.jpg) no-repeat; height:103px; padding: 32px 0 0 296px;}
.footer {clear:both; background: #c7ae54 url(/public/images/bg_footer.jpg) repeat-x; height:91px;}
.footer img {float:right; margin-top:5px;}


h2 {font-size:1.4em; line-height:1.2em; padding: 0 0 1em; font-weight:bold;}
h2.large {font-size:1.8em; padding: 0 0 0.5em; color: #a4892a;}

ul.standard {list-style:disc;margin-left:0.8em;padding-left:0.8em;}
ul.standard li {line-height:1.2em;}

ol.standard {list-style:decimal;margin-left:1em;padding-left:1em;}
ol.standard li {line-height:1.2em;}
ol.standard ol {list-style:lower-alpha; margin:1em 0 -1em 1em;padding-left:1em; position:relative;}
ol.standard ol li { font-size:1em;}

p, address, li {font-size:1.2em; line-height:1.3em; padding: 0 0 1em;}
address {padding: 0 0 3em; font-style:italic;}
a {color: #a4892a; text-decoration:none;}
a:hover {background: #f9f2db;}

.uppercase {text-transform: uppercase;}
.nopadding {padding:0;}
.small {font-size:1em;}
.color {color: #a4892a;}
.error {color: red !important; padding:0;}
.print-show {display:none;}

/*forms*/
form {width:300px;}
.fieldset {position:relative; padding:20px 0 0 0; margin:0 0 15px; }
legend span {font-weight:bold; font-size:1.3em; line-height:1em; position:absolute; top:0; left:0;}
dl.form dt {width:100px; margin: 0 5px 0 0; float:left; clear:both; padding-top:3px; }
dl.form dt.checkbox-wrap {padding-top:0; text-align:right; margin-top:-2px;position:relative;}
dl.form dt.sample{width:300px; float:left; clear:both; padding-top:3px; }
dl.form dd {width:195px; float:left; margin: 0 0 8px 0;overflow:hidden;}
label {font-size:1.2em; line-height:1em; padding: 0 0 1em;}
input.text {border:1px solid #cecece; padding:2px 2px;margin:0 0 2px 0;}
input.checkbox { margin:0; padding:0; width:1.3em; height:1.3em; }
input.wide {width:189px;}
input.normal {width:75%;}
input.narrow {width:50%;}


/*image replacement*/
/*needed to overwrite awful default styles in FF for button*/
button,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  padding: 0;
  border: none;
}

.fir {display:block; margin:0; padding:0; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; overflow:hidden;background-color:transparent;}

h1#oral-care-month {background-image:url(/public/images/h_oral-care-month.gif); width:368px; height:62px; float:left; margin: 0 50px 0 0;} 
h2#register-practice {background-image:url(/public/images/h_register-practice.png); width:273px; height:30px;} 
a#print {background-image:url(/public/images/button_print.jpg); width:78px; height:26px; margin:20px 0 30px; display:none;} 
a#print:hover {background-image:url(/public/images/button_print-act.jpg);} 
button#submit {background-image:url(/public/images/button_register.jpg); width:108px; height:33px; border:none; cursor:pointer;} 
button#submit:hover {background-image:url(/public/images/button_register-act.jpg); } 

a.box1-top {display:block;background:url(/public/images/box1_top.jpg) no-repeat left top; float:left; width: 338px; padding-top:5px; position:relative; margin-top:33px; cursor:pointer;}
a.box1-top:hover {background:url(/public/images/box1_top.jpg) no-repeat left top}
a.box1-top:hover h2#register-practice {background-image:url(/public/images/h_register-practice-act.png); } 
span.box1-bottom {display:block; background:url(/public/images/box1_bottom.jpg) no-repeat left bottom; float:left; width: 338px; padding-bottom:5px;}
span.box1-middle {display:block; background:#d2bb66 url(/public/images/box1_middle.jpg) repeat-x; float:left; width: 268px; padding:4px 60px 12px 10px;}
span.box1-middle p {margin-left: 33px; color:#444;}

/*random bits*/
img.oral-care-month {position:absolute; right:-48px; top:-8px;}
img#pedigree-dog {position:absolute; left:37px; top:-288px;}
img#dentacenta {position:absolute; left: 23px; top:1px;}

#questions {position:absolute; bottom: 0; right: -82px; width:197px; background:url(/public/images/icon_question.jpg) no-repeat 100% 100%; padding: 0 60px 0 0;}

/*tweak*/
.tweak1 {margin-top:3px;}