* { padding: 0; margin: 0; }

body {
 font-family: Arial, sans-serif;
 font-size: 11pt;
 font-color: #000000;
 background: #FFFFFF;
}

h1 {
 margin: 0;
 padding: 15px 10px 15px 10px;
 color: #3366FF;
 font-size: 24px;
 text-align: center;
}

h2 {
 margin: 0;
 padding: 20px 10px 10px 10px;
 color: #993300;
 font-size: 14pt;
 text-align: left;
}

h3 {
 margin: 0;
 padding: 20px 10px 10px 10px;
 color: #993300;
 font-size: 12pt;
 text-align: left;
}

p {
 margin: 0;
 padding: 10px;
 clear: both;
}

img {
border: 0;
}

#wrapper { 
 position: relative;
 margin: 0 auto;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 790px;
 height: 1%;
 padding: 0 0 0 0;
 background: #FFF; 
 border: 1px solid #CCC;
}

#header { 
width:790px; 
height:210px; 
background:url('images/diabetic_blood_sugar.jpg') left top no-repeat; 
margin-top:0px; 
text-align:left; }


#logo {
display: inline;
float: left;
margin: 10px 0 0 20px;
padding-bottom: 10px;
width: 600px;
height: auto;
background: none; /* logo image */
}

#header h1 {
 float: left;
 margin: 0;
 padding: 50px 10px 0 80px;
 font-size: 30px;
 color: #FFF;
 clear: both; 
}

#tagline {
 margin: 0;
 padding: 0 0 0 85px;
 height: 1%;
 font-size: 16px;
 color: #FFF;
 clear: both; 
}

#leftcolumn {
 float: left;
 margin: 0;
 padding: 12px;
 width: 552px;
 height: auto;
 color: #000;
 background: #FFF;
}



ul#menu-list {
 list-style-type: none;
 text-align: left;
 
}

a.menu-link {
 display: block;
 padding: 6px;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #CCC;
 color: #333;
 background: #FFF;
 text-decoration: none;
}

a:hover, #footer a:hover {
 text-decoration: underline;
}

#leftcolumn a:hover {
 color: #993300;
 }

* html ul#resource-list li {
 display: inline;
 height: 1%;
}

#rightcolumn {
 float: right;
 margin: 0;
 padding: 35px 10px 10px 10px;
 width: 194px;
 height: 1052px; /* increase or decrease the rightcolumn value depending on the finished height of the leftcolumn */
 color: #000000;
 border-left: none;
 background: #FFF;
}

* html #rightcolumn {
  height: 1030px; /* IE (Internet Explorer): increase or decrease the rightcolumn value depending on the finished height of the leftcolumn */
}

#rightcolumn h2 {
 margin-bottom: 10px;
 padding: 10px 5px 10px 5px;
 font-size: 16px;
 font-style: bold;
 color: #FFF; /* right column h2 text color */
 border-bottom: 4px solid #F00000; /* right column h2 bottom border color */
 background: #990000; /* right column h2 text background color */
}

#rightcolumn p {
 padding-bottom: 40px;
}

.alignright {
 float: right;
 margin-left: 8px;
 margin-right: 8px;
 margin-top: 0px;
}


#footer { 
 clear: both;
 margin: 0;
 padding: 12px 12px 12px 20px;
 width: auto;
 height: 1%;
 text-align: center;
 color: #FFF;
 border-top: 6px solid #F00000; /* top border footer color */
 background: #990000; /* footer color */
}

#footer a {
 color: #FFF;
 text-decoration: none;
}

#leftcolumn a {
 font-size: 11pt;
 color: #000000;
 text-decoration: none;
}


.align-left { float:left; margin: 0 15px 15px 0; }


#leftcolumn ul { list-style-type:none; margin-left: 12px; }
#leftcolumn li { font-family:sans-serif; font-size:10pt; margin-left:12px; padding-bottom:5px;}

.fltrt { float: right; margin-left: 8px; margin-right: 8px; margin-top: 8px; }
.fltlft  { float:left; margin-left: 0px; margin-right: 8px; margin-top: 8px; }