@font-face {
    font-family: 'CalibriRegular';
    src: url('calibri-webfont.eot');
    src: url('calibri-webfont.eot?iefix') format('eot'),
         url('calibri-webfont.woff') format('woff'),
         url('calibri-webfont.ttf') format('truetype'),
         url('calibri-webfont.svg#webfontFhBG5j79') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
margin:0;
padding:0;
line-height: 1.2em;
background:#000000;
color:#FFFFFF;
font-family: 'calibri-webfont', Arial, sans-serif;
}

#maincontainer{
width: 940px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border-color:#FF0000; border-style:solid; /*outside border*/

}

#topsection{
background: #FFFFFF;
height: 130px; /*Height of top section*/

}

#topsection h1{
margin: 0;
padding-top: 3px;
color:#CC0000;
font-size:xx-large;
font-family:"Times New Roman", Times, serif;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
/*margin: 0 178px 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
/**margin: 0 177px 0 190px; Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
margin: 0 177px 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
*margin: 0 177px 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-top-color:#FF0000; border-top-style:solid;
background:#000000;
min-height:100%; height:100%; overflow:auto;
*min-height:auto; *height:auto; overflow:auto;

}

#leftcolumn{
float: left;
width: 190px; /*Width of left column in pixel*/
margin-left: -940px; /*Set margin to that of -(MainContainerWidth)*/
background: #000000;
border-right-color:#FF0000; border-right-style:solid;
border-top-color:#FF0000; border-top-style:solid;
min-height:100%; height:100%;
}

#rightcolumn{
float: left;
width:178px;
*width: 177px; /*Width of right column*/
margin-left: -181px; /*Set left margin to -(RightColumnWidth)*/
background:#000000;
border-left-color:#FF0000; border-left-style:solid;
border-top-color:#FF0000; border-top-style:solid;
}

#footer{
clear: left;
width: 100%;
background:#000000;
color: #FFF;
text-align: center;
padding: 4px 0;
border-top-color:#FF0000; border-style:solid; border-right:none; border-bottom:none; border-left:none;

}

#footer a{
color: #FFFFFF;

}
a:link {color:#ffffff;}      /* unvisited link */
a:visited {color:#ffffff;}  /* visited link */
a:hover {color:#ffffff;}  /* mouse over link */
a:active {color:#ffffff;}  /* selected link */

.mycontent {
height:100%;
max-height:650px; /* change this depending on the height of left or right column */
*max-height:700px; /* change this depending on the height of left or right column */
*padding-left:5px;
padding-left:5px;
padding-right:5px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.controlstyle a{ /*links inside DIV sizecontroldiv*/
outline:none;
}

.controlstyle a img{ /*image links inside DIV sizecontroldiv*/
border-width:0;
}

.controlstyle a.selectedcontrol img{ /*selected control's image*/
border-bottom:4px solid darkred;
}
.divscroll{
height: auto;
width: 100%;
overflow: auto;
padding: 8px;
}.red {
	color: #FF0000;
}
.first-letter
{
font-size:28px;
background:white;
color:#FF0000;
padding:0 2px;
margin-right:2px;
}

/* flowplayer video container */
#splash {
	
	/* background image */
	background:transparent url(../images/color-bars.jpg) no-repeat scroll 0%;
	
	/* container dimensions */
	display:block;
	height:100px;
	width:130px;
	
	/* padding will show the surroundings even when the player is loaded */
	padding:5px 0px 5px 0px;	
	
	/* make play button centerered horizontally */ 
	text-align:center;
	color:#000000;
}