/* project proposal site layout */


body {
background: #FFFFCC;
color: #000000;
font-family: Verdana, sans-serif;
font-size: 12px;
}


#header {
margin: 20px 20px 20px 20px;
padding: 10px;
border: 2px dotted #000000;
background: #FFCC66;
height: 80px; 
text-align: center;
font-size: 30px;
}

#columnbox {
margin: 0px;
background: #FFFFCC;
color: #000000;
font-family: Verdana, sans-serif;
font-size: 12px;
}

#leftbox {
position: absolute;
top: 120px;
left: 0px;
margin: 10px;
padding: 10px;
border: 2px dotted #000000;
background: #990033;
color: #FFFFFF;
width: 240px;
font-size: 12px; 
height: 100%;
}


#middlebox {
top: 120px;
position: absolute;
left: 290px;
right: 250px;
margin: 20px 0px 0px 0px;
padding: 10px;
border: 2px dotted #000000;
background: #FFFFFF;
font-size: 12px;
overflow: visible;
}


#rightbox {
position: absolute;
top: 120px;
right: 0px; 
margin: 20px;
padding: 10px;
border: 2px dotted #000000;
background: #CCCCFF;
width: 190px; 
font-size: 12px;
height: 100%;
}


/* general */

h1 {
font-size: 25px;
line-height: 25px;
font-weight: normal;
}

h2 {
font-size: 16px;
font-weight: bold;
line-height: 30px;
}

#creditspan {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #000000;
font-style: oblique;
line-height: 60px;
}





/* links */

a:link {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #003399;
text-decoration: none;
}

a:hover {
font-family: Verdana, sans-serif;
color: #339966;
font-size: 12px;
text-decoration: none;
}

a:visited {
font-family: Verdana, sans-serif;
color: #990033;
font-size: 12px;
text-decoration: none;
}

a:active {
font-family: Verdana, sans-serif;
color: #FF6600;
font-size: 12px;
text-decoration: none;
}

a.nav:link {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

a.nav:hover {
font-family: Verdana, sans-serif;
color: #FFCC66;
font-size: 12px;
text-decoration: none;
}

a.nav:visited {
font-family: Verdana, sans-serif;
color: #CCCCFF;
font-size: 12px;
text-decoration: none;
}

a.nav:active {
font-family: Verdana, sans-serif;
color: #FF6600;
font-size: 12px;
text-decoration: none;
}

a.res:link {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #330099;
text-decoration: none;
}

a.res:hover {
font-family: Verdana, sans-serif;
color: #006633;
font-size: 12px;
text-decoration: none;
}

a.res:visited {
font-family: Verdana, sans-serif;
color: #990033;
font-size: 12px;
text-decoration: none;
}

a.res:active {
font-family: Verdana, sans-serif;
color: #003300;
font-size: 12px;
text-decoration: none;
}




/* left box styles */

#boxtitle {
font-family: Verdana, sans-serif;
font-size: 20px;
padding: 0px;
color: #FFFFFF;
text-decoration: none;
}

#currentpage {
background: #FFFFFF;
color: #990033;
}



/* right box styles */

#rtboxtitle {
font-family: Verdana, sans-serif;
font-size: 16px;
font-weight: bold;
padding: 0px;
color: #000000;
text-decoration: none;
}



/* lists */

ul {
margin: 5px;
padding: 5px 2px 5px 2px; 
line-height: 40px;
text-align: left;
}

ul.rtbox {
margin: 5px;
padding: 5px 2px 5px 2px; 
line-height: 20px;
text-align: left;
}

li {
margin: 0px;
text-align: left;
}

ul.sublist {
margin: 0px 0px 0px 55px; 
text-align: left;
}

ul.outline {
margin: 0px 0px 0px 35px; 
text-align: left;
}


/* lit. review */

.citationbox {
border: 1px dotted #000000;
width: 90%;
background-color: #CCCCFF;
margin: 20px;
padding: 5px;
}

#resourcenote {
font-size: 10px;
font-weight: normal;
}

#citationspan {
color: #330088;
font-weight: bold;
}

#journalspan {
font-style: oblique;
}



/* web resources */

.webbox {
background-color: #CCCCFF;
border: 1px dotted #000000;
width: 90%;
margin: 20px;
padding: 5px;
}

#foundationspan {
color: #000000;
font-size: 16px;
font-weight: bold;
}


/* sample inaccessible resources */

.badbox {
background-color: #CCFFCC;
border: 1px dotted #000000;
width: 90%;
margin: 20px;
padding: 5px;
}

#badtitle {
color: #000000;
font-size: 16px;
font-weight: bold;
}



/* sample accessible resources */

.goodbox {
background-color: #CCCCFF;
border: 1px dotted #000000;
width: 90%;
margin: 20px;
padding: 5px;
}

#goodtitle {
color: #000000;
font-size: 16px;
font-weight: bold;
}



/* outline */

#outlinetitle {
color: #000000;
font-size: 16px;
font-weight: bold;
line-height: 50px;
text-decoration: underline;
}

#outlinebox {
background-color: #EEFFDD;
border: 1px dotted #000000;
width: 90%;
text-align: center;
margin: 20px;
padding: 5px;
display: block;
}