/* CSS Document */
/* this is for a two-column page with a header, sidebar, content and footer 8?
/*   */

/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldste, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalize font-size for headers */
h1, h2, h3, h4 , h5, h6
{ font-size: 100%; }

/* Normalize list-style from lists */
ol, ul
{ list-style: none; }

/* Normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Remove list-styles from lists */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Remove border from fieldset and img */
fieldset, img
{ border: 0; }

/* Left-align text in caption and th */
caption, th
{ text-align: left; }

/* Remove quotation marks from q */
q:before, q:after
{content: ''; }

/* ------------------------- shall we begin ------------------------- */
body {
	background: #333333 url(Assets/background2.gif) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
}
/* ------------------------------------------------------------------------------ */
div#wrap {
	width: 85%;
	min-width: 770px;
	max-width: 900px;
	margin: 16px auto 0;
	text-align: left;
}
div#container {
	position: relative;
	background: #000000 url(Assets/orangebckgnd2.gif) repeat-x;
}
/* ----------------------------- rounded top pod top ----------------------------- */
div#mainpodtop {
	background: transparent url(Assets/blackgray1284x335ne.gif) no-repeat right top;
	margin: 0 0 16px 0;
	width: 100%;
	height: 30px;
}
div#mainpodtop h1 {
	text-indent: -100em;
	background: transparent url(Assets/blackgray55x335nw.gif) no-repeat left top;
	height: 30px;
}
/* ---------------------------- main body --------------------------- */
/* --------------- consists of content and sidebar ------------------ */
div#mainbody {
	float: left;
	width: 67%;
}
/* ----------------------------- pod1 ----------------------------- */
div#podtop1 {
	background: transparent url(Assets/blackorange1284x335ne.gif) no-repeat right top;
	margin: 0;
	width: 100%;
	height: 30px;
}
div#podtop1 h2 {
	text-indent: -100em;
	background: transparent url(Assets/blackorange55x335nw.gif) no-repeat left top;
	height: 30px;
}
/* ------------------------ content ----------------------- */
div#content {
	background: #ffffff;
	float: right;
	width: 51%;
}
div#maincontent {
	padding: 8px;  /* putting a fixed width padding on content child */
}
div#maincontent h2 {
	background: url(Assets/triangle_logo_50.jpg) no-repeat center top;
	height: 128px;
	text-indent: -100em;
}
div#maincontent p {
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding: 12px 8px 2px 8px;
}
div#maincontent ul li {
	font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 0px;
	list-style: url(Assets/redtrianglesmallso.gif);
}
div#maincontent ul li a:link {color:#0000FF; font-weight: bold; text-decoration:none;}
div#maincontent ul li a:visited {color:#0000FF; font-weight: bold;  text-decoration:none;}
div#maincontent ul li a:hover {color:#00CC00; font-weight: bold;  text-decoration:underline;}
div#maincontent ul li a:active {color:#0000FF; font-weight: bold;  text-decoration: none;
}
/* ----------------------- sidebar ----------------------- */
div#sidebar {
	float: left;
	width: 49%;
}
div#mainsidebar {
	padding: 8px;  /* putting a fixed width padding on sidebar child */
	background: #ffffff url(Assets/belgian_golden_50.jpg) no-repeat center center;
	height: 600px;
	width: 216px;
	margin: 30px auto 0;
}
div#mainsidebar h2 {
	text-indent: -100em;
}
/* ----------------------------- sidebar2 --------------------------- */
div#sidebar2 {
	float: right;
	width: 33%;
}
div#mainsidebar2 {
	padding: 8px;  /* putting a fixed width padding on sidebar child */
	background: #ffffff url(Assets/medals_50.jpg) no-repeat center center;
	height: 600px;
	width: 216px;
	margin: 30px auto 0;
}
div#mainsidebar2 h2 {
	text-indent: -100em;
}
/* ----------------------------- footer ----------------------------- */
div#footer {
	clear: both;
	text-align: center;
	color: #CCCCCC;
	font-size: .75em;
	margin: 0;
	padding: 16px 0 16px 0;
} 
/* ---------------------------- classes ---------------------------- */
.contactus {
	text-align: right;
	font-size: medium;
	font-weight: bold;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.clearfloats {
	clear: both;
}