/* CSS Document */
/* IE peek-a-boo and long URL hack */
/* Hide it from IE Mac \*/
* html #navigation
{
    height: 1%;
	word-wrap: break-word;
}
/* End comment for Mac */
* {padding: 0; margin: 0;}
html, body
{
	font: normal 95%/141% sans-serif;
	background-color:#FC3;
	margin: 0;
	padding: 0;
}
#container
{
	margin: 0 auto 0 auto;
	width: 90%;
	max-width: 47em;
	color:#FFF;
	background: #900;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 2px solid #000;
	border-bottom: 1px solid #000;
}
/* IE6 > fix the width */
/* Hide it from IE Mac \*/
#container {_width: 770px;}
/* End comment for Mac */
/*links styling*/
#mainContent a
{
	color: #FC3;
	font-weight: bold;
	background: #900;
}

#mainContent a:visited
{
	color:#FC3;
	background:#900;
}

#mainContent a:hover, a:focus, a:active
{
	color:#900;
	background-color: #FC3;
}
#footInfo a
{
	color: #FC3;
	font-weight: bold;
	background: #900;
}

#footInfo a:visited
{
	color:#FC3;
	background:#900;
}

#footInfo a:hover, a:focus, a:active
{
	color:#900;
	background-color: #FC3;
}

img {border: none;}
hr {border: 2px groove #FC3; height: 4px;}

#headInfo {background: url(../images/banner.gif) no-repeat; height: 74px;}
#headInfo h1 {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
#headInfo {text-align:center;}

#mainContent h2 {margin: 2.5em 0 2.5em 1.5em;}
#mainContent h2 {font-size: 1.25em;}
#mainContent p, #mainContent ul {margin: 2.5em 0 2.5em 1.5em;}
#mainContent li {margin: 0 0 0 1.5em;}
#mainContent p#trainingLink {margin: 0;}
#mainContent img {display: block; margin-left: auto; margin-right: auto;}
#other {float: right; background: url(../images/background.jpg) no-repeat; width: 380px; height: 454px;}

#footInfo {clear: both; padding-bottom: 2.5em;}
#footInfo #bloomLogo {display: block; margin: 1.5em 0 0 1.5em;}
#copyright {text-align: center;}