* {margin:0; padding:0;}

body {font: 12px verdana, arial, sans-serif; line-height:20px;/* overal font and sizing */
	   background-color: #ffffff;
}

div#maincontainer {min-width:900px; max-width:920px; margin:auto;
                   border:5px solid #00923F;
                   background-color: #ffffff;
                   }
.contentcontainer {position:relative; width:100%; padding-top:1px; margin-top:-1px; 
				   height:100%; /* Needed to get side bars at 100% in IE5.5 and 6*/
				                /* http://www.webmasterworld.com/forum83/200.htm */
				                /* Without quirks mode IE6 dosen't show images */
                                   border:0;
				   }
div#topstrip {position:absolute; top:0px; right:0px ; width:50%; height:30px; margin-top:1px;
			  background-color:white;}
div#imagepane {position:absolute; top:30px; right:0px; width:200px;
			   overflow:hidden;	
			  }
div#topleftcol {position:absolute; top:1px; left:0px ; width:200px; height:100%;
		        background:url(images_pres/grad_bottom_to_top_blue.jpg) repeat-x top left; 
				overflow:hidden;
		        }
div#toprightcol {position:absolute; bottom:0px; right:0px; width:200px; height:100%;  
  				 margin-top:31px;  
			     background:url(images_pres/grad_top_to_bottom_blue.jpg) repeat-x bottom left;}
div#leftcol {position:absolute; top:0px; left:0px ; width:200px; height:100%;
                      background-color:#3399CC;
		     /* background:url(images_pres/grad_top_to_bottom_blue.jpg) repeat-x top left; */
		     }
div#rightcol {position:absolute; top:0px; right:0px; height:100% ; width:200px; 
			  background:url(images_pres/grad_bottom_to_top_blue.jpg) repeat-x bottom left;}
div#header {margin-top:30px; margin-right:200px; margin-left:200px; 
			text-align:center;}
div#mainmenu {background-color:white;}
div#maincontent {margin-left:200px; margin-right:200px; padding:5px;
                                 border:0;
				 text-align:left;
				 min-height:400px;
				 height:auto !important; /* This and next line hack aimed at IE 5.5 and 6 for */
                 height:400px; /* min-height   http://www.dustindiaz.com/min-height-fast-hack */
  			     }

div#footer {height:70px;
            background-color:#3399CC;
            border:0;
           }
			
div#topstrip p {text-align:right; padding-right:5px;}
div#mainmenu ul {list-style-type:none; text-align:center; padding-top:5px; padding-bottom:5px;
				 }
div#mainmenu li {display:inline; padding-left:15px; padding-right:15px; list-style-type:disc;}
div#maincontent ul {list-style-type:none; text-align:left;}
div#maincontent li {padding-left:20px;}
div#maincontent h4 {font-size:1em ; color:#069; text-align:left;}
div#maincontent p {padding:5px;}
div#maincontent td {padding-right:5px;}
div#maincontent img {float:right; margin:4px;}
div#imagepane img {margin:4px;}
div#footer img {float:right;}
div#footer p {text-align:center;
              margin:0px 0px 5px 200px;
              padding:5px 200px 5px 0px;                      
              background-color:#ffffff;}

img {border:0;} /* Needed to deal with rogue img link borders in IE5 and IE6 */
a {text-decoration:underline; color:#00923F}
a:hover {text-decoration:none; color: #F33;}

.warning {color:red;}
.alignright {text-align:right;} 
.alignbottomright {position:absolute; right:0px; bottom:0px;}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */