/*-----------------------------------------------------------------------------

Prototype Site Style Sheet (empty commented stylesheet)



version:   1.0

author:    Greg Stout

email:     greg.stout@ektron.com

-----------------------------------------------------------------------------*/



/* --- Centering fluid --------------------------------------------------------------------------

	div#wrapper

	{

	background-color:#ccc; 

	width: 80%; 

	margin-left: 10%;

	margin-right: 10%;

	}

---*/



/* --- Centering fixed  



body

{

text-align: center;

}



div#wrapper

{

background-color:#ccc;

margin-left: auto;

margin-right: auto;

width: 64em;  1024px if font = 100%  

text-align: left;

}

-----------------------------------------------------------------------------*/









/* =General

-----------------------------------------------------------------------------*/



/* Site Colors

  Yellow Highlight - #ffc

  Bold Blue - #1678b7

  Light Blue Background - #e5f6ff

	Bold Green - #393

	Light Green Background - #e3ffdc

	Bold Orange - #f60

-----------------------------------------------------------------------------*/



/* CSS Document */



/* =Typography

-----------------------------------------------------------------------------*/

/* Avoid putting a font size on the body 

 Calculate your font and section sizes in Ems to provide scalability for users.

 Browser default size is 16px, there for

 x em =  (desired size in px) / 16

 0.75em = 12px /16



Quick list



1.125em  = 18px

1.063em  = 17px

1em      = 16px 

0.938em  = 15px

0.875em  = 14px

0.813em  = 13px 

0.75em   = 12px

0.688em  = 11px

0.625em  = 10px

0.563em  = 9px

0.5em    = 8px

*/



body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	line-height: 1em;
	color: #555;
}
.container {
	border:1px solid #DDD8DC;
	background-image:url(../images/bkg.gif);
	background-repeat:repeat-y;
}
div.header {
	background-image:url(../images/imec_header.gif);
	height:133px;
}
div.header div.topnav {
	width: 150px;
	float: right;
	color:#003567;
	font-size:12px;
	margin-top:10px;
	font-weight:bold;
}
div.header div.topnav a:link, div.header div.topnav a:visited {
	color:#003567;
	text-decoration:none;
}
div.header div.topnav a:hover {
	color:#003567;
	text-decoration: underline;
}
/* =Headings

-----------------------------------------------------------------------------*/

#headertitle p {
	font-family:sans-serif;
	font-weight:normal;
	line-height:1.5em;
	font-size:127%;
	color: #00172D;
	margin-top: 14px;
	text-align: center;
}
/* =Links

-----------------------------------------------------------------------------*/









/* =Branding

-----------------------------------------------------------------------------*/









/* =Main Nav

-----------------------------------------------------------------------------*/









/* =Sub Nav

-----------------------------------------------------------------------------*/



#leftnav {
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #003567;
	font-size: 14px;
	padding:10px 0px 0px 0px;
}
#leftnav ul li {
	list-style:none;
	line-height:2.5em;
	margin-left:15px;
}
#leftnav ul li a:link, #leftnav ul li a:visited {
	display:block;
	width:100%;
	font-family: Tahoma, Geneva, sans-serif;
	color: #75A4C6;
	font-size: 14px;
	text-decoration:none;
}
#leftnav ul li a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	color: #CCC;
	font-size: 14px;
	text-decoration:none;
}
/* =Main Content

-----------------------------------------------------------------------------*/



#headergraphic {
	height:180px;
}
#headertitle {
	height:95px;
}
#headertitle p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.2;
	font-size:25px;
	color: #00172D;
	margin-top: 14px;
	text-align: center;
}
#leftcontent {
}
.bodycontent p {
	font-family: Verdana, Geneva, sans-serif;
	font-size:100%;
	line-height:1.5;
	color:#000;
	margin:10px 10px 0px 10px;
}
.bodycontent ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size:1.2em;
	line-height:1.2;
	font-weight:bold;
	font-style:italic;
	margin-left:2em;
}
.bodycontent ul li {
	font-family: "Times New Roman", Times, serif;
}
.bodycontent .boldred{
	font-weight:bold;
	color:#99002C;
}
.bodycontent .smallwhitebold{
	font-weight:bold;
	color:#ffffff;
	font-size:9px;
}
/* =Secondary Content

-----------------------------------------------------------------------------*/



#rightcontent h2 {
	margin:10px 10px 0;
	font-size:100%;
	margin:10px 10px 0;
	font-family:Arial, Tahoma, Verdana, sans-serif;
	line-height:1em;
	font-weight:bold;
}
#rightcontent p.caption {
	font-size:100%;
	margin:10px 10px 0;
	font-family:Arial, Tahoma, Verdana, sans-serif;
	line-height:1em;
}
/* =Footer

-----------------------------------------------------------------------------*/



#footer {
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	height:65px;
}
#footer p {
	margin:46px 0px 0px 170px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:11px;
}



/* =Forms

-----------------------------------------------------------------------------*/



/* Removes fieldset borders. even on Opea 7 

fieldset {

  border: 1px solid transparent;

}

-----------------------------------------------------------------------------*/







/* =Misc 1

-----------------------------------------------------------------------------*/







/* =Misc 2

-----------------------------------------------------------------------------*/







/* conditionals

[if IE 5]>

<p>This message is only displayed in IE5.</p>

<![endif]



[if !IE 5]>

<p>This message is only displayed in browsers other than IE5.</p>

<![endif]



[if lt IE 7]>

<p>This message is only displayed in browsers earlier than IE7.</p>

<![endif]



[if gte IE 6]>

<p>This message is only displayed in IE6 and greater.</p>

<![endif]



--------------------------------------------------------------------------------*/