html body { height: 100%; }

body 
{
	margin:0;
	padding:0;	
	
}

#container 
{	
	width:850px;	
	min-height:800px;
	margin:0 auto;

}

#header 
{
	background-image:url(../../images/page_bg_top.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:35px;
}

#content1
{
	background-image:url(../../images/page_bg_content1.jpg);
	background-repeat:no-repeat;
	width:800px;
	min-height:800px;
	padding:0px 0px 0px 100px;
}

.divContent1
{
	float:left;
	width:900px;
}

.hdText
{
	float:none;
	
}

.HeaderText
{
	color:#10495D;
	font-family:Helvetica, Arial, Verdana;
	font-size:24px;
	font-weight:normal;
	display:none;	
}

.TopicHeaderText
{
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:10pt;
	font-weight:bold;	
}

.TopicText
{
	color:#10495D;
	font-family:Helvetica, Arial, Verdana;
	font-size:10pt;
	font-weight:normal;	
}

.HeaderMenu
{
	padding-top:0px;
	margin-right:15px;	
	height:20px;
	width:755px;
	float:left;		
	text-align:left;
}

.lnkMenus:link, .lnkMenus:active, .lnkMenus:visited
{
	color:#10495D;
	font-family:Helvetica, Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	padding-right:10px;
	text-decoration:none;
}

.lnkMenus:hover, .lnkMenusSelected:link, .lnkMenusSelected:active, .lnkMenusSelected:visited, .lnkMenusSelected:hover
{
	color:#10495D;
	font-family:Helvetica, Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	padding-right:10px;
	text-decoration:underline;
}

.divLogo
{	
	float:left;
	width:700px;
	display:inline;	
}

.hrLine
{	
	background-color: #efefef;
	height:2px !important;
	width:850px;
	font-size:0px;
	float:left;
	display:inline;
}

.divVideoBorder
{	
	 background: url(../images/Frame.gif) no-repeat top left; 
	/*background-image:url(../images/Frame.gif); 
	background-repeat:no-repeat; 
	*/
	width:120px; 
	height:90px;
	
}

.divVideoImg
{
	padding-top:8px; padding-bottom:5px;height:75px;width:100px;
}

.next
{
	Left: 860px; z-index:1000; BACKGROUND: url(../images/next_normal.jpg) no-repeat 0px 0px; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 120px; HEIGHT: 32px;
}

.nextHover
{
	Left: 860px; z-index:1000; BACKGROUND: url(../images/next_selected.jpg) no-repeat 0px 0px; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 120px; HEIGHT: 32px;
}

.play
{
	Left: 830px; z-index:1000; BACKGROUND: url(../images/play_normal.jpg) no-repeat 0px 0px; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 120px; HEIGHT: 32px;
}

.playHover
{
	Left: 830px; z-index:1000; BACKGROUND: url(../images/play_selected.jpg) no-repeat 0px 0px; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 120px; HEIGHT: 32px;
}

.pause
{
	Left: 830px; z-index:1000; BACKGROUND: url(../images/pause_normal.jpg) no-repeat 0px 0px; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 120px; HEIGHT: 32px;
}

.pauseHover
{
	Left: 830px; z-index:1000; BACKGROUND: url(../images/pause_selected.jpg) no-repeat 0px 0px; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 120px; HEIGHT: 32px;
}

.prev
{
	Left: 800px; z-index:1000; BACKGROUND: url(../images/prev_normal.jpg) no-repeat 0px 0px; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 120px; HEIGHT: 32px;
}

.prevHover
{
	Left: 800px; z-index:1000; BACKGROUND: url(../images/prev_selected.jpg) no-repeat 0px 0px; WIDTH: 32px; CURSOR: pointer; POSITION: absolute; TOP: 120px; HEIGHT: 32px;
}

/*--------*/
.nextVideo
{
	Left: 600px; z-index:1000; BACKGROUND: url(../../images/next.jpg) no-repeat 0px 0px; WIDTH: 18px; CURSOR: pointer; POSITION: absolute; TOP: 100px; HEIGHT: 18px;
}

.prevVideo
{
	Left: 580px; z-index:1000; BACKGROUND: url(../../images/prev.jpg) no-repeat 0px 0px; WIDTH: 18px; CURSOR: pointer; POSITION: absolute; TOP: 100px; HEIGHT: 18px;
}

.content2
{
	
	
	height:100%;
	padding-left:0px;
}

.videoTitle
{
	color:#ffffff;
	font-size:8pt;
	font-family:Arial, helvetica, Verdana;
	font-weight:bold;
}

.videoBottom1
{
	color:#224A64;
	font-size:9pt;
	font-family:Arial, helvetica, Verdana;
	font-weight:bold;
}

.videoBottom2
{
	color:#10495D;
	font-size:8pt;
	font-family:Arial, helvetica, Verdana;
	font-weight:normal;
}

#footer 
{
	
	background-repeat:no-repeat;	
	width:100%;
	height:44px;
	float:left;
}

#footer div
{
	font-size:8pt;
	font-family:Arial, helvetica, Verdana;
	font-weight:bold;
	color:#749ca8;
	padding-top:30px;
	padding-left:35px;
}

/* Model Popup Extender */
.modalPopup
{
	background-color: #ffffee;
	border: solid 1px #c5c6c1;
	padding: 3px;
}
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* Contact Us */

.divContactUs
{
	float:left; width:500px; margin-top:20px; padding-left: 0px;
}

.ContactUsBoldText
{
	color:#10495D;
	font-family:Helvetica, Arial, Verdana;
	font-size:9pt;
	font-weight:bold;	
	float:left; 
	width:80px;
	padding: 2px;
	height:25px;
}

.ContactUsText
{
	color:#10495D;
	font-family:Helvetica, Arial, Verdana;
	font-size:9pt;
	font-weight:normal;	
	float:right; 
	width:400px;
	padding: 2px;
	height:25px;
}

.ContactUsMsg
{
	color:red;
	font-family:Helvetica, Arial, Verdana;
	font-size:9pt;
	font-weight:normal;	
	float:right; 
	width:100%;
	padding:2px;
}

.Register:link, .Register:active, .Register:visited
{
	color:#316AC5;
	font-family:Helvetica, Arial, Verdana;
	font-size:10pt;
	font-weight:bold;	
	
}

.Register:hover
{
	color:#888abc;
	font-family:Helvetica, Arial, Verdana;
	font-size:10pt;
	font-weight:bold;	
	text-decoration:underline;
}


/* Courses */

.CourseTopicHeaderText
{
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:12pt;
	font-weight:bold;
	float:left;
	width:100%;
	padding-top:20px;
}

.TitleText
{
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:10pt;
	font-weight:bold;
	float:left;
	width:100%;
	padding-top:20px;
}

.CourseTopicHeaderText a:link, .CourseTopicHeaderText a:active, .CourseTopicHeaderText a:visited
{
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
}

.CourseTopicHeaderText a:hover
{
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:12pt;
	font-weight:bold;
	text-decoration:underline;
}

.CourseSubTopicText
{
	float:left;
	margin-top:1px;
	color:#749CA8;
	font-family:Arial, Verdana;
	font-size:10pt;
	font-weight:bold;	
	width:100%;
}

.CourseDescriptionText
{
	float:left;
	margin-top:20px;
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:10pt;
	font-weight:normal;	
	width:100%;
}

.VideoSubTitleText
{
	float:left;
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:10pt;
	font-weight:normal;	
	width:100%;
}

.divCoursesOuter
{
	margin-top: 20px; float:left; width: 800px; padding-left: 30px; padding-right: 30px;
}
.divCoursesOuter2
{
	margin-top: 5px; float:left; width: 800px; padding-left: 30px; padding-right: 30px;
}

.divCoursesImg
{
	float: left; width: 197px; height: 288px; padding-right: 0px;
}

.divCoursesDesc
{
	float: right; text-align: left; width: 410px;
}

/* Register */

.lblRegHeader
{
	color:#10495D;
	font-family:Helvetica, Arial, Verdana;
	font-size:9pt;
	font-weight:bold;	
	float:left; 
	width:100%;
	margin-bottom:5px;
}

.divRegLabels
{
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:10pt;
	font-weight:normal;	
	float:left; 
	width:80px; 
	height:25px;
}

.divRegControls
{
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:10pt;
	font-weight:normal;	
	float:right; 
	width:400px; 
	height:25px;
}

.lblRegText
{
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:10pt;
	font-weight:normal;	
}

.spanRegAsteric
{
	color:Red; font-size:15pt; vertical-align:middle; padding-right:3px;
}

.lnkRegSite:link, .lnkRegSite:active, .lnkRegSite:visited, .lnkRegSite:hover
{
	color:#10495D;
	font-family:Helvetica, Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	padding-right:20px;
	text-decoration:underline;
}

/* Calendar */

.CalendarText
{
	float:left;
	margin-top:5px;
	color:#10495D;
	font-family:Arial, Verdana;
	font-size:9pt;
	font-weight:normal;	
	width:100%;
}

.divEvents
{
	float: left; padding-left: 20px; padding-right: 30px; margin-top: 20px; width: 620px;
}

.divCalendarDay
{
	width: 35px; height: 50px; float: left; color: #ffffff; text-align: center; padding-top: 3px; background-color: #1F434F;
}

.spanCalendarDay
{
	font-size: 9pt;
}

.spanCalendarDate
{
	font-size: 18pt;
}

.spanCalendarMonth
{
	color: #AAAAAA; font-size: 9pt;
}

.divCalendarDesc
{
	float: right; width: 570px; padding-left: 5px;
}

.divCalendarLinks
{
	margin-top: 10px; float: left; width: 100%;
}


  
        html
        {
            background: transparent;
        }
        body
        {
            background: #ffffff url(../images/bg.png) repeat-x fixed;
        }
        #wrap
        {
            max-width: 50em;
            margin: 0 auto;
        }
        * html #wrap
        {
            width: 50em;
        }
        .cbb
        {
            margin: 1em 0;
            padding: 0 10px;
            border: 1px solid #666;
            background: #fff;
        }
        .cbb h1
        {
            margin: 0 -10px;
            padding: 0.3em 10px;
            background: #efece6;
            font: bold 1.2em/1 Arial, Helvetica, sans-serif;
        }
        /* Normal styling */.cb
        {
            margin: 0.5em 0;
        }
        /* Top corners and border */.bt
        {
            height: 17px;
            margin: 0 0 0 18px;
            background: url(../images/box.png) no-repeat 100% 0;
        }
        .bt div
        {
            position: relative;
            left: -18px;
            width: 18px;
            height: 17px;
            background: url(../images/box.png) no-repeat 0 0;
            font-size: 0;
            line-height: 0;
        }
        /* Bottom corners and border */.bb
        {
            height: 14px;
            margin: 0 0 0 12px;
            background: url(../images/box.png) no-repeat 100% 100%;
        }
        .bb div
        {
            position: relative;
            left: -12px;
            width: 12px;
            height: 14px;
            background: url(../images/box.png) no-repeat 0 100%;
            font-size: 0;
            line-height: 0;
        }
        /* Left border */.i1
        {
            padding: 0 0 0 12px;
            background: url(../images/borders.png) repeat-y 0 0;
        }
        /* Right border */.i2
        {
            padding: 0 12px 0 0;
            background: url(../images/borders.png) repeat-y 100% 0;
        }
        /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */.i3
        {
            display: block;
            margin: 0;
            padding: 1px 10px;
            background: #fff;
        }
        /* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */.i3:after
        {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        .i3
        {
            display: inline-block;
        }
        .i3
        {
            display: block;
        }
        /* Default CSS ends here *//* Custom CSS
================================================*//* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */
		.one
        {
            position: absolute;
            top: 0;
            right: 0;
        }
        .two
        {
            float: left;
            width: 45%;
        }
        .two .i1, .two .i2
        {
            background-image: url(../images/borders.gif);
        }
        .two .bt, .two .bt div, .two .bb, .two .bb div
        {
            background-image: url(../images/box.gif);
        }
        #three
        {
            float: left;
            clear: both;
            width: 80%;
        }
        #three .cb
        {
            float: left;
            width: 40%;
        }
        .button
        {
            float: left;
            margin-top: 0;
        }
        .button .bt
        {
            height: 8px;
            margin: 0 0 0 9px;
            background-image: url(button.png);
        }
        .button .bt div
        {
            left: -9px;
            width: 9px;
            height: 8px;
            background-image: url(button.png);
        }
        .button .bb
        {
            height: 8px;
            margin: 0 0 0 8px;
            background-image: url(button.png);
        }
        .button .bb div
        {
            left: -8px;
            width: 8px;
            height: 8px;
            background-image: url(button.png);
        }
        .button .i1
        {
            padding: 0 0 0 3px;
            background-image: url(button-borders.png);
        }
        .button .i2
        {
            padding: 0 3px 0 0;
            background-image: url(button-borders.png);
        }
        .button .i3
        {
            padding: 0 0.5em;
            background: #3a3d40 url(button.png) no-repeat -3px -8px;
            font-weight: bold;
            text-decoration: none;
            text-align: center;
        }
        .button a:link, .button a:visited, .button a:hover
        {
            border: none;
            color: #fff;
        }
        /* Just a bit of styling for this demo page. Adjust as you wish. */#absolute-wrapper
        {
            position: relative;
            height: 9em;
        }
        .cb li
        {
            margin-left: 1em;
        }
        #mainwrapper
        {
            width: 900px;
            margin: 0 auto;
            min-height:800px;
           
        }
        #content{min-height:800px;}
        
        #mainwrapper BLOCKQUOTE {
			background-color:#E3ECD5;
			background-image:url(../images/openquote1.gif);
			background-position:left top;
			background-repeat:no-repeat;
			border-bottom:1px solid #C8D8AA;
			border-top:1px solid #C8D8AA;			
			font-size:14px;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:20px;			
			padding:20px 10px 20px;
			text-indent:0px;
			}
			
	 #mainwrapper BLOCKQUOTE .quote{
		 display: block;
		 background-image: url(../images/closequote1.gif);
		 background-repeat: no-repeat;
		 background-position: bottom right;
		 font-weight:bold;		
     }
     .author{font-weight:normal;padding-left:25px;}

    <!--[if lt IE 8]>

/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(../images/borders.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(../images/box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button {width:20em;}
/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(button.gif);}
</style>
<![endif]-->