#container {
	width: 760px;
	margin: 10px auto;
	background-color: #000000;
	color: #ffffff;
	line-height: 120%;
	border: 4px solid #000000;
	/* needed to fix text alignment set for body, which is used to make the container centered */
	text-align: left;
	/*padding-bottom: 10px;*/
}

#content {
     min-height: 500px;
     border: 2px solid #ed1c24;
     padding: 0px 10px 10px 10px;
}

/* fix dumb IE iframe horizontal scrollbar problem */
html, body {
     overflow-x: hidden;
     overflow-y: auto;
}

body {
	font-family: Georgia, "Palotino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	margin: 0px;
	/* dumb IE thing with iframe scrollbars... */
	_margin-right: 17px;
	background-color: #ffffff;
	color: #000000;
}

.mainbody {
     background-color: #000000;
     color: #000000;
	/* force some browsers (IE 5, IE 5.5, IE 6 in quirks mode) to center everything,
	 * which should be taken care of by the main container's "auto" left and right 
	 * margins. */
	text-align: center;
	/* don't apply fix for dumb IE thing with iframe scrollbars in the main body */
	_margin-right: 0px;
}

h1 {
	 font-family: Georgia, "Palotino Linotype", "Book Antiqua", Palatino, serif;
	 font-size: 36px;
	 line-height: 150%;
}

h3 {
	 font-family: Georgia, "Palotino Linotype", "Book Antiqua", Palatino, serif;
	 padding-top: 0px;
	 padding-left: 0px;
	 padding-right: 0px;
	 margin-top: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
}

a {
	text-decoration: none;
}

a:link{
	text-decoration: none;
	color: #ed1c24;
}

a:visited{
	text-decoration: none;
	color: #ed1c24;
}

a:hover{
	color: #ed1c24;
	text-decoration: underline;
}

/************* #header styles **************/

#header {
	background-color: #ed1c24;
	border-bottom: 10px solid #000000;
	min-height: 22px;
	height: auto !important;
	height: 22px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color: #FFFFFF;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	font-variant: small-caps;
}

#header ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header ul li {
	display: inline;
	margin-top: 4px;
	margin-right: 4px;
}

#header ul li a {
	/*padding: 0px 0px 0px 4px;*/
	color: #FFFFFF;
}

#header a:hover {
	text-decoration: none;
}

#subtitlediv {
     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
     min-height: 24px;
     height: auto !important;
     height: 24px;
     width: 300px;
     vertical-align: middle;
     text-align: center;
     background-color: #ed1c24;
}

#subtitlediv h2 {
     padding: 0px;
	margin: 0px;
}

#rightimage {
     float: right;
     padding-left: 5px;
     padding-bottom: 5px;
}

#leftimage {
     float: left;
     padding-right: 5px;
     padding-bottom: 5px;
}

.rightref {
     float: right;
     margin-left: 5px;
     margin-bottom: 5px;
     border: 2px solid #ed1c24;
}

.leftref {
     float: left;
     margin-right: 5px;
     margin-bottom: 5px;
     border: 2px solid #ed1c24;
}