/* finalproject css */
body {margin-left:1%;
font-family: Arial, sans-serif;
}
img.align-left{ 
float: left;
margin-left:1%
}
h1 {background-color: #CC99FF;
font-family:courier,arial,sans-serif;
}
.header{
margin:1%;
width:98%;
}
aside{
width:40%;
float:right;
}
.holder, .more{
width:98%;
height:5%;
background-color:#FFFFCC;
margin:1%;
padding:1%;
}
.content{
width:93%;
height:5%;
background-color:#FFFFCC;
margin:1%;
padding:5%;
}
.footer{
background-color: #CC99FF;
padding:1%;
width:98%;
height:1%;
margin:1%;
}
p{color:#111111;
font-weight:normal;
font-family:courier new,arial,sans-serif;
background-color:#FFFFCC}
nav ul {
margin:0px;
padding:5px 0px 5px 30px;
 }
nav li {color:#111111;
font-weight:normal;
font-family:helvetica,arial,sans-serif;
display:inline;
margin-right:2.5%;
}

/* show/hide styles */

/* always visible */
#outer .holder {margin:0 20px 10px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder p.type {text-align: left; font-size:11.5px; margin-top: -3px; padding: 0}
#outer .holder p.sponsor {text-align: left; font-size:12px; font-weight: bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i { margin-left: 10px; cursor:pointer; color:#76923C;; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more ul {display:none;}
#outer div.more li {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block; margin-bottom: 12px; text-align:justify;}
#outer div.click ul {display:block; margin-top:15px; margin-bottom: 15px;}
#outer div.click li {display:list-item; margin-left:25px;}
#outer div.click img {display:block; float:left; padding-right:10px;}