* {margin: 0; padding: 0; border: 0;}

body {
position: absolute;
top: -31px;
text-align: center; 
background: #e1e1e1;
color: White;
width: auto;
min-width: 743px;
max-width: 1400px;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
font-size: 100%;
line-height: 1.5;
}

* html body {
width: 100%;	
}

a {color: Black; background: #e1e1e1;}
a:hover {background: #e1e1e1 url(images/rightcol.png) repeat 0 0;
}

#center a {color: Blue; background: #e1e1e1; padding: 0;}
#center a:hover {background: #6666ff; color: White; padding: 0;}

h3, h4, h5, p {margin: .5em 0;}

h1, h2 {
margin: 0;
padding: 0;
}

h3 {
padding-top: .8em;
}

h4 {
font-size: 1em;
font-weight: 600;
}

ul {margin: 1em 2em;}
ol {margin: 1em 2em;}


#wrapper { /* holds everything together including the left menu*/
background: url(images/leftcol.png) repeat-y 0 0;
text-align: left;
width: 100%; 
margin: 0 auto; 
font-size: 80%;
}

#header, #mainnav, #leftnav, #footer {
clear: both; 
width: 100%;
}

#header {
background: transparent url(images/header3.png) no-repeat 0 0px;
color: White; 
text-align: center;
padding: 0 0 0 0;
position: absolute;
top: 23px;
z-index: 1;
}

#mainmenu {
background: transparent;
margin: 0px auto;
padding: 0;
text-transform: capitalize;
position: relative;
top: 134px;
left: 10%;
z-index: 2;
}

ul#mainnav {
list-style: none;
padding: 0;
margin: 0 0 0 95px;
width: 635px;
font-size: 1em;
text-align: center;
text-transform: capitalize;
}

ul#mainnav li {
display: block;
float: left;
width: 90px;
margin: 0;
padding: 0;
}

ul#mainnav li a {
display: block;
width: 100%;
padding: 2px;
border-width: 1px 1px 0px 1px;
border-color: #c80000;
border-style: solid;
color: White;
font-weight: bold;
text-decoration: none;
background: transparent;
}

#mainmenu>ul#mainnav li a { width: auto; }

ul#mainnav li a:hover {
color: white;
background: #CD5C5C;
border-color: Maroon #FF4040 #e1e1e1 Maroon;
text-decoration: underline;
}

body#moption1 a#m1, body#moption2 a#m2, body#moption3 a#m3,
body#moption4 a#m4, body#moption5 a#m5, body#moption6 a#m6 {
color: Black;
background: #e1e1e1;
border-color: Maroon #FF4040 #e1e1e1 Maroon;
}

body#loption1 a#l1, body#loption2 a#l2, body#loption3 a#l3,
body#loption4 a#l4, body#loption5 a#l5, body#loption6 a#l6,
body#loption7 a#l7, body#loption8 a#l8, body#loption9 a#l9,
body#loption10 a#l10, body#loption11 a#l11, body#loption12 a#l12 {
color: White;
background: #6666ff;
border-color: Navy #6666ff #00BFFF #6666ff;
}

.leftmenu {
background: transparent;
width: 121px;
margin: 0;
padding: .3em 0;
font-weight: normal;
text-align: right;
text-transform: capitalize;
}

ul.leftnav {
font-size: 1em;
text-align: right;
list-style: none;
padding: 0;
margin: 0 0;
width: 115px;

}
/* This is to correct a text size issue in IE */
* html ul.leftnav {
font-size: .95em;
font-weight: normal;
}


ul.leftnav li {
display: block;
margin: 0;
padding: 0;
}

ul.leftnav li a {
display: block;
text-align: right;
width: 100%;
padding: 2px;
border-width: 1px;
border-color: Blue;
border-style: solid;
color: White;
text-decoration: none;
background: transparent;
}

#leftmenu>ul.leftnav li a { width: auto; }

ul.leftnav li a:hover {
color: White;
background: #6666ff;
border-color: Navy #6666ff #00BFFF #6666ff;
text-decoration: underline;
}

#cap {
text-align: center;
color: White;
background: blue url(images/leftheader3.png) no-repeat 0 0px;
padding: 88px 0;
}

#rightcap {
text-align: center;
color: White;
background: blue url(images/rightheader3.png) no-repeat 100% 0px;
position: relative;
top: -13px;
padding: 88px 0;
}

#footer {
text-align: center;
color: White;
padding-bottom: .8em;
line-height: 1em;
background: #c80000 url(images/leftfooter.png) no-repeat 0 0px;
}

#footer div {
padding: 20px 0;
background: url(images/rightfooter.png) no-repeat 100% 0px;
}

#footer h5 {
position: relative;
top: 20px;
left: 20px;
padding: 0 .5em;
font-size: 1em;
}

#footer p {
position: relative;
top: 1px;
left: 20px;
padding: 0em;
}

#contentfloatholder {/* also makes the right "sliding" tab */
background: transparent url(images/rightcol.png) repeat-y 100% 0;
float: left;
width: 100%;
position: relative;
color: black;
}

#centerpad{
margin: 0 185px -46px 170px;
background: #e1e1e1 url(images/rightcol.png) repeat 0 0;
position: relative;
color: black;
left: 5px;
top: -36px;
line-height: 1.35em; 
}

#center {
background: transparent;
color: Black;
float:left;
width: 100%; 
margin-right: -95%; 
}

#left {
background: transparent;
color: white;
float:left;
width: 129px;
margin-left: -5%; /* the difference to make the left column appear flush left */
}

* html #left {
background: transparent;
color: white;
float:left;
width: 121px;
margin-left: -5%; /* the difference to make the left column appear flush left */
}

#right {
float:right;
width: 170px;
margin-top: -164px;


}

#rc {
margin-bottom: -50px;

}
#rc a {color: Blue; background: #e1e1e1; padding: 0;}
#rc a:hover {background: #6666ff; color: White; padding: 0;}

#imagelist {
margin: 0 0 -5px 0;
padding: 0 0 2px 0;
border-width: 0;
}

#imagelist p {
margin: 0 0 -5px 0;
padding: 0 0 2px 0;
border-width: 0;
}

#imagelist a {
margin: 0 0 -5px 0;
padding: 0 0 2px 0;
border-width: 0;
}

#imagelist a:hover {
margin: 0 0 -5px 0;
padding: 0;
padding: 0 0 2px 0;
background: #e1e1e1 url(images/rightcol.png) repeat 0 0;
}

/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left p {
font-size: .98em;
position: relative;
font-weight: 600;
left: -8px;
padding: 0 0 0 17px; 
}

* html #left p {
font-size: .93em;
position: relative;
font-weight: 600;
left: -8px;
padding: 0 0 0 17px; 
}

#left h4 {
color: White;
position: relative;
font-weight: 600;
left: -8px;
padding: 0 0 0 17px; 
text-align: center;
background: Blue;
border-width: 1px;
border-color: Navy #6666ff #00BFFF #6666ff;
}

* html #left h4 {
font-size: .93em;
position: relative;
left: 0px;
padding: 2px;
font-weight: 600;
}

#right h4, #right p {
text-align: center;
padding: 0 20px;
position: relative;
top: -36px;
}

#right h4 {
padding-top: 1em;
padding-bottom: 1em;
}

#header h1 {
background: transparent;
margin: 0.3em 150px .3em 150px;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
padding: 0;
}

#header h1 {font-size: 3em;}
#header h2 {
font-size: 1.1em;
position: relative;
top: -1em;
}

#header h3 {font-size: 1em;}

.highlight {
color: Red;
font-weight: lighter;
}

a#ccai {
display: block;
float: right;
width:120px;
height:40px;
padding: 0px; 
border: 0px;
background:transparent url(images/ccaibutton.png) no-repeat 0 0px;
}

a#ccai:hover {
background:transparent url(images/ccaibutton.png) no-repeat 0 -40px;
border: 0px;
}

a#logolink {
position: absolute;
left: 0;
top: 31px;
width: 139px;
height: 117px;
background: transparent url(images/cascade3.jpg) no-repeat 0 -117px;
z-index: 501;
}

a#logolink:hover {
background-position: 0 0;
}

a#award {
position: absolute;
left: 15px;
width: 106px;
height: 61px;
background: transparent url(images/award.png) no-repeat 0 -61px;
z-index: 502;
}

* html a#award {
position: absolute;
left: -2px;
width: 106px;
height: 61px;
background: transparent url(images/award.png) no-repeat 0 -61px;
z-index: 502;
}

body#grant a#award {
background-position: 0 0;
}

a#award:hover {
background-position: 0 0;
}

#wrapper {

position: relative;
z-index: 500;
}