body { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:90%; background:#003366 url("/tia2007/images/mirrorPic.jpg") top right no-repeat; color:#FFFFFF; margin:0; padding:0; }
a { color:#0000FF; }
a:hover { text-decoration:none; }
#wrapper { position:relative; background-color:#FFFFFF; color:#000000; margin-right:180px; min-width:445px; }
#pgHeader { background-color:#231F20; color:#FFFFFF; font-size:150%; font-weight:bold; padding:20px; }
#pgHeader img { width:405px; height:73px; border:0; }
#mainContent { background-color:#FFFFFF; color:#000000; margin:0; padding:2em; border-left:5px solid #003366; display:inline-block; } /* the "display:inline-block" declaration fixes a bug in IE6 which hides the aboutSec and factsSec behind the wrapper div because of the float declaration */
#mainContent h2 { color:#003366; font-size:120%; border-bottom:1px solid #003366; margin:2em 0 0; padding:2px; }
#mainContent form { margin:1em .8em; }
#mainContent form .submit { margin:.5em 0 0 2px; }
#mainContent fieldset legend { font-size:110%; font-weight:bold; color:#003366; }
#mainContent fieldset div { padding:1em; }
#mainContent .label { background-color:#EEEEE4; color:#000000; text-align:right; padding-right:5px; padding-left:5px; }
#mainContent .fileInfo { font-style:italic; font-size:80%; }
#mainContent .addInfo { font-style:italic; font-size:80%; }
#mainContent .errorText { color:#FF0000; }
#mainContent div.formError p { margin:2em 0 2px; font-weight:bold; color:#FF0000; }
#mainContent div.formError p img { width:20px; height:20px; vertical-align:middle; padding-right:10px; }
#mainContent div.formError ul { margin-top:0; margin-bottom:2em; }
#mainContent div.formError li { margin-bottom:2px; }
#mainContent #orderSec h2 { font-size:140%; }
#mainContent #aboutSec { float:left; width:46%; margin-right:5%; }
#mainContent #factsSec { float:left; width:46%; }
#mainContent #factsSec ul { margin:1em 0 1em 25px; padding:0; }
#mainContent #coopSec { clear:both; }
#mainContent li { margin-bottom:.5em; }
#pgFooter { margin:10px 10px 0; padding-bottom:1em; }
#pgFooter a { color:#FFFFFF; }
#pgFooter .logos { position:absolute; top:213px; right:10px; }
#pgFooter .logos img { width:160px; border:0; }

.hide { position:absolute; left:-9999em; } /* used to hide content meant for screen readers and for those with CSS turned off */

/* STYLES USED IN THE ORDER FORM */
#mainContent form .qty { margin:2em 0 3em; }
#mainContent form .qty input { margin:4px 0 0 8px; }
#mainContent form .submit { margin:2em 0 0 2px; }