/* INNOVA.css */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
}

p {
	font-size:12px;
	margin-bottom:10px;
	line-height:16px;
}

ul {
	margin-bottom:18px;
	margin-left:40px;
}

li {
	font-size:12px;
	line-height:18px;
}

h1 {
	color:#f47b38;
	font-size:15px;
	margin-bottom:14px;
}

h1 a {
	color:#f47b38;
	text-decoration:none;
}

h2 {
	color:#f47b38;
	font-size:14px;
	margin-bottom:14px;
}

h3 {
	color:#f47b38;
	font-size:13px;
	margin-bottom:14px;
}
	
h4 {
	color:#f47b38;
}

img {
	border:0;
}

a {
	text-decoration:none;
	color:#FF8040;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	
}
a:hover {
	color:#000;
}


.awardWinner {
	background-image:url(../png/award-icon.png);
	background-repeat:no-repeat;
	padding:7px 0px 8px 35px;
	margin:0px 0px 3px 0px;
}

/* TABLE FORMATTING */
.standard {
	background-color:transparent;
}
table.standard {
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
	margin-bottom:20px;
}
table.standard tr.tr1 {
	background-color: #444;
}
table.standard td {
	border-bottom:1px solid #AAA;
	border-left:1px solid #AAA;
	padding:5px;
	font-size:13px;
}
table.standard td.td1 {
	background-color: #444;
}



/* Use above table with the following:

<table class="standard" cellspacing="0" cellpadding="0" border="0">
   <tbody>
   
     <tr class="tr1">
       <td class="td1">TEXT</td>
    </tr>

  </tbody>
</table>

*/



/* PDF BULLET POINT */
ul.pdf {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}

ul.pdf li {
	background-image:url(/png/li-pdf.png);
	background-repeat:no-repeat;
	background-position:left top;
	border:0px solid #000;
	padding-left:24px;
	margin-bottom:14px;
}

.border {
	border:1px solid #000;
}


/*SLIDING INFORMATION BOXES */

/*div.blindHeader {
	width:738px;
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
	border-left:1px solid #AAA;
	padding:5px;
	cursor:pointer;
	font-size:14px;
	background-color:#444;
}

div.blindReveal {
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
	width:748px;
}

div.blindReveal p {
	font-size:12px;
}*/

/* Use above boxes with the following:

<script type="text/javascript" language="javascript" src="webplan/webplan-includes/prototype/prototype.js"></script>
<script type="text/javascript" language="javascript" src="webplan/webplan-includes/scriptaculous/scriptaculous.js"></script>

			<div id="Header5" class="blindHeader" onclick="Effect.toggle('Reveal5', 'blind');">TITLE</div>
			<div id="Reveal5" class="blindReveal" style="display:none;height:100px;width:748px;">
				<div style="padding:5px;width:738px;">
					<p>INFORMATION</p>
				</div>
			</div>
			
*/