/* Styles for Medemedia website */
/* 29 May 2009 */
/* Valid CSS level 2.1 */

/* reset all */

* {
  	padding: 0px;
 	margin: 0px; }

/* debug aids */
.borderon1 {
	border: 3px dashed #FFCC33; }
.borderon2 {
	border: 1px solid #99CC66; }
.borderon3 {
	border: 1px solid #99CCFF; }



/* Redefined HTML tags */

body {
	width: 100%;
	height: 857px;	
	background: #000000 url('../images/bg-tile.jpg') repeat; 
	text-align: left;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 1.4em;
	color: #999999; }

a:link { color: #EEEEEE; text-decoration: none; }
a:visited { color: #EEEEEE; text-decoration: none; }
a:active { color: #EEEEEE; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }

img { border: 0; }

p, ol, li { 
	font-size: 1em;
	margin-bottom: 1.1em; }
	
.box p { margin-bottom: 0; }

ol { 
	margin-left: 0; }
	
li {
	margin-left: 1.9em; 
	margin-bottom: 0.2em; }

#primarycontent h1 { 
	color: #FFFFFF;
	font-size: 1.1em; 
	line-height: 1.1em; 
	padding-bottom: 0.1em; }
	
#primarycontent h2 { 
	font-size: 1.1em; 
	line-height: 1.4em;
	font-weight: bold;
	margin-top: 0.2em; }

.box-content h2 {
	color: #EEEEEE;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em; 
	line-height: 1.1em; }
	
.box-content p { 
	text-transform: uppercase; 
	font-size: 0.9em; 
	line-height: 1.1em; }


/* page layout */

#container {
	width: 1000px;
	height: 857px;
	/*margin-left: 30px;	
	margin-top: 25px;*/

	margin: 10px auto 0 auto; /* center content */ 
	background: url('../images/bg-page.jpg') no-repeat 0 20px; 
	border: 1px solid transparent; /* to render top margin consistently in IE and Mozilla (quirky)! */ }
	
#header {
	width: 100%; /* 324px on design, but allow slack */
	height: 140px; 
	margin-top: 25px; }
	
#menu { 
	width: 185px;  /* Total width should be 235px (180px + 49px right margin + 6px slack) */
				   /* height varies with content */
	margin-right: 50px;
	margin-top: 10px;
	text-align: right;
	float: left; }

#primarycontent {
	width: 442px; 
	height: 600px; 
	float: left; }

#secondarycontent {
	width: 315px;  /* Total width should be 323px (187 + 49) on design, but allow 8px slack */
				   /* height varies with content */
	float: right; }

	
/* Page Content */

#videocontent {
	width:442px; 
	height: 246px; 
	text-align: center; /* remove later */ }

#title {
	width: 100%; 
	border-bottom: 1px solid #996633; 
	margin-bottom: 6px;}

#textcontent {
	width: 436px; /* 442px - 6px right padding */
	height: 295px; 
	margin-top: 15px;
	padding-right: 6px;
	overflow: auto; }
	
/* Element Styles */

.box {
	width: 255px;
	margin-left: 27px; 
	background: #333333 url('../images/bg-box.jpg') repeat-y; }
	
.box-content { padding: 12px; } /* Cross-browser work-around for different rendering of 'padding' in IE and Mozilla  */

.accent {
	font-weight: bold;
	color: #EEEEEE; }