/*************/

/*  CONTENT  */

/*************/



/* PAGETITLE */

.main h1.lower_nav {

	background-position:left center;

	color:#999999;

	font-weight:normal;

	font-size:120% !important /*Non-IE6*/;

	font-size:130% /*IE6*/;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-image: none;

	background-repeat: no-repeat;

	text-align: center;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0.5em;

	margin-left: 0;

	padding-top: 1px;

	padding-right: 20;

	padding-bottom: 1px;

	padding-left: 20px;

}



/* V1 - large orange - no line */

.content h1 {

	margin:0;

	padding:5px 50px 12px 20px;

	background-position:914px 5px;

	color:#FF9900;

	font-weight:bold;

	font-size:180% !important /*Non-IE6*/;

	font-size:200% /*IE6*/;

	background-image: url(../img/icon_orange_arrow.gif);

	background-repeat: no-repeat;

	border-bottom-width: 1px;

	border-bottom-style: none;

	border-bottom-color: rgb(215,215,215);

}







/* V1 - medium orange with line and icon */

.content h2 {

	clear:both; /*Start IE Hack*/

	position:relative;

	z-index:1;

	top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/;

	border-top:solid 1px rgb(215,215,215);

	background-position:right 15px;

	color:#FF9900;

	font-weight:bold;

	font-size:131% !important /*Non-IE6*/;

	font-size:160% /*IE6*/;

	margin-top: 0;

	margin-right: 20px;

	margin-bottom: 0;

	margin-left: 20px;

	padding-top: 15px;

	padding-right: 35px;

	padding-bottom: 5px;

	padding-left: 0;

	background-image: url(../img/icon_celltitle_level2.gif);

	background-repeat: no-repeat;

}





/* V1 - INDENTED FOR DEMO PAGE medium orange with lower line and NO icon */

.content h3 {

	clear:both; /*Start IE Hack*/

	position:relative;

	z-index:1;

	top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/;

	background-position:right 15px;

	color:#FF9900;

	font-weight:bold;

	font-size:160% !important /*Non-IE6*/;

	font-size:170% /*IE6*/;

	margin-top: 0;

	margin-right: 20px;

	margin-bottom: 0;

	margin-left: 15px;

	padding-top: 20px;

	padding-right: 35px;

	padding-bottom: 10px;

	padding-left: 0;

	background-image: url(../img/icon_celltitle_level2.gif);

	background-repeat: no-repeat;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: none;

	border-bottom-style: solid;

	border-top-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

}



/* V1 - Bold and Black */



.content h4 {

	margin:1.0em 0 -0.3em 0;

	padding:0 20px 0 20px;

	color:rgb(75,75,75);

	font-weight:bold;

	font-size:200% !important /*Non-IE6*/;

	font-size:140% /*IE6*/;

}





/* VO - small text for details */

.content h5 {

	margin:0;

	color:#666666;

	font-weight:normal;

	font-size:100% !important /*Non-IE6*/;

	font-size:110% /*IE6*/;

	background-image: none;

	border-bottom-width: 1px;

	border-bottom-style: none;

	border-bottom-color: rgb(215,215,215);

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 45px;

}



/* VO - medium orange with NO line and icon */

.content h6 {

	clear:both; /*Start IE Hack*/

	position:relative;

	z-index:1;

	top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/;

	margin: 0 20px 0 20px;

	padding:15px 35px 5px 0;

	background: url(../img/icon_celltitle_level2.gif) no-repeat;

	background-position:right 15px;

	color:#FF9900;

	font-weight:bold;

	font-size:150% !important /*Non-IE6*/;

	font-size:160% /*IE6*/;

	border-top-width: 1px;

	border-top-style: none;

	border-top-color: rgb(215,215,215);

}



/* VO - medium orange with NO line and icon */

.content h6.line {

	clear:both; /*Start IE Hack*/

	position:relative;

	z-index:1;

	top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/;

	margin: 0 20px 0 20px;

	padding:15px 35px 5px 0;

	background-position:right 15px;

	color:#FF9900;

	font-weight:bold;

	font-size:150% !important /*Non-IE6*/;

	font-size:160% /*IE6*/;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: rgb(215,215,215);

	background-image: none;

	background-repeat: no-repeat;

	border-bottom-width: 1px;

	border-bottom-style: none;

	border-bottom-color: #CCCCCC;

}





/* HEADING -- No icon */

.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}

.content h1.noicon {background:none;}

.content h2.noicon {background:none;}



/* PARAGRAPH TEXT - - grey */

.content p {

	margin:1.0em 0 1.0em 0;

	color:#666666;

	line-height:1.3em;

	padding: 0 20px 0 20px;

	font-size:131% !important /*Non-IE6*/;

	font-size:115% /*IE6*/;

}



.content a.web {

	color:#FF9900;

	line-height:1.3em;

	font-size:120% !important /*Non-IE6*/;

	font-size:115% /*IE6*/;

	text-decoration: underline;

	font-weight: normal;

	margin-top: 1em;

	margin-right: 0;

	margin-bottom: 1em;

	margin-left: 0;

	padding-top: 0;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 22px;

	background-image: none;

	background-repeat: no-repeat;

}



.content a.web:hover {

	color:#6699FF;

	text-decoration:underline;

}

.content a.web:visited {

	color:#FF6633;

}







.content blockquote {

	clear:both;

	font-size:105%;

	margin-top: 0;

	margin-right: 30px;

	margin-bottom: 0.6em;

	margin-left: 90px;

}



/* LIST */

.content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}





.content ul li {

	margin:0 0 0.3em 2px;

	padding:0 0 0 12px;

	line-height:1.3em;

	font-size:131% !important /*Non-IE6*/;

	font-size:115% /*IE6*/;

	background-image: url(../img/bg_bullet_arrow.gif);

	background-repeat: no-repeat;

	background-position: 0 0.5em;

	color: #666666;

}





.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}

.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

.content ul.indent {padding:0 50px 0 50px;}

.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}



/* TABLE(1-Column / 2-Column / 3-Column)*/

.content table-clear {

	clear:both;

	width:600px;

	table-layout:fixed;

	border-collapse:collapse;

	empty-cells:show;

	margin-top: 2em;

	margin-right: 0;

	margin-bottom: 0.2em;

	margin-left: 20px;

	right: 4px;

}



.content table td {

	height:3em;

	border:2px none rgb(245,245,245);

	text-align:left;

	font-weight:normal;

	color:#666666;

	font-size:100% !important /*Non-IE6*/;

	font-size:110% /*IE6*/;

	padding-top: 2px;

	padding-right: 7px;

	padding-bottom: 2px;

	padding-left: 7px;

	text-indent: 25px;

}





.content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}



/* VIDEO PLAYER (1-Column / 2-Column / 3-Column)*/

.content .videoframe {

	width:520px;

	height:321px;

	border:4px solid rgb(175,175,175);

	background-color: #CCCCCC;

	margin-top: 0px;

	margin-right: 2px;

	margin-bottom: 0px;

	margin-left: 4px;

}



/* MEDIA PLAYER (1-Column / 2-Column) for homepage*/

.content .videoplayer_main {

	width:640px;

	height:360px;

	border:solid 5px rgb(175,175,175);

	margin-top: 10px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-left: 20px;

}



/* MEDIA PLAYER (1-Column / 2-Column) video samples*/









.content .videoplayer1HD {

	width:400px;

	height:225px;

	border:solid 5px rgb(175,175,175);

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



.content .videoplayer2HD {

	width:400px;

	height:220px;

	border:solid 5px rgb(175,175,175);

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



.content .videoplayer3HD {

	width:640px;

	height:360px;

	border:solid 5px rgb(175,175,175);

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



.content .videoplayer_blackHD {

	width:640px;

	height:360px;

	border:15px solid #000000;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



.content .videoplayer_blackSD {

	width:480px;

	height:352px;

	border:15px solid #000000;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



.content .videoplayer_blackSD2 {

	width:480px;

	height:360px;

	border:15px solid #000000;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



.content .videoplayer_blackSD3 {

	width:480px;

	height:324px;

	border:15px solid #000000;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}





.content .videoplayer1SD {

	width:320px;

	height:235px;

	border:solid 5px rgb(175,175,175);

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



.content .videoplayer2SD {

	width:320px;

	height:240px;

	border:solid 5px rgb(175,175,175);

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



.content .videoplayer3SD {

	width:320px;

	height:216px;

	border:solid 5px rgb(175,175,175);

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



.content .videoplayer4SD {

	width:320px;

	height:265px;

	border:solid 5px rgb(175,175,175);

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}





.content .videoleft {

	width:180px;

	height:360px;

	border:solid 5px rgb(175,175,175);

	margin-top: 10px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-left: 20px;

	background-color: #FFFFFF;

	background-image: none;

	background-position: bottom;

	background-repeat: no-repeat;

}



/* SIDE MENU #1 */

.sidemenu1 {

	clear:both;

	width:200px;

	margin:0;

	float: none;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 200;

}

.sidemenu1 ul {

	width:220px;

	margin-top:-1px;

	border-bottom-width: 1px;

	border-bottom-style: none;

	border-bottom-color: rgb(200,200,200);

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 50;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 200;

}	

.sidemenu1 ul li {

	margin:0;

	padding:0;

	background:none;

	font-size:131% !important /*Non-IE6*/;

	font-size:115% /*IE6*/;

	color: #0066FF;

}

.sidemenu1 li a {

	display:block;

	min-height:1.5em;

	height:auto !important /*Non-IE6*/;

	height:1.5em /*IE-6*/;

	line-height:1.5em;

	margin:0;

	color:#006699;

	font-weight:bold;

	border-top-style: none;

	border-top-color: rgb(200,200,200);

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 5px;

	padding-left: 50px;

}

.sidemenu1 ul li ul {margin:0 0 5px 0; border:none;}

.sidemenu1 ul li ul li {margin:0; padding:0; background:none; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}

.sidemenu1 ul li ul li a {

	display:block;

	min-height:1.5em;

	height:auto !important /*Non-IE6*/;

	height:1.5em /*IE-6*/;

	line-height:1.5em;

	margin:0;

	padding:0 0 0 30px;

	border:none;

	color:#006699;

	font-weight:normal;

}

.sidemenu1 li a:hover {background-color:rgb(240,240,240); color:rgb(75,75,75); text-decoration:none;}

.sidemenu1 li a:visited {

	color:#003399;

	text-decoration:none;

}





/**********/

/* IMAGES */

/**********/



.main img.left {

	clear:both;

	float:left;

	margin:3px 15px 7px 0;

	border:3px none rgb(200,200,200);

}

.main img.center {

	clear:both;

	float:none;

	display:block;

	margin:0 auto;

	border:3px none rgb(200,200,200);

}

.main img.right {

	clear:both;

	float:right;

	margin:3px 0 7px 10px;

	border:3px none rgb(200,200,200);

}



.main img.bottom {

	clear:both;

	float:none;

	display:block;

	border:3px none rgb(200,200,200);

	background-position: bottom;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 75px;

}



.main img.video {

	clear:both;

	float:left;

	margin:3px 15px 7px 0;

	border:3px none rgb(200,200,200);

	text-align: center;

	vertical-align: middle;

}



/*********/

/* LINKS */

/*********/



/* VO - Text links */

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}

.main a:hover {color:rgb(42,90,138); text-decoration:underline;}

.main a:visited {color:rgb(42,90,138);}



.main a.lower {

	color:#999999;

	font-weight:normal;

	text-decoration:none;

	font-size: 100%;

}

.main a.lower:hover {

	color:#CCCCCC;

	text-decoration:underline;

}

.main a.lower:visited {

	color:#CCCCCC;

}







/* VO - Text links */

.header a {

	color:#666666;

	font-weight:normal;

	text-decoration:none;

}

.header a:hover {

	color:#CCCCCC;

	text-decoration:underline;

}

.header a:visited {

	color:#336699;

}







/*Image links */

.main a img {

	border:3px none rgb(200,200,200);

}

.main a:hover img {

	border:3px none rgb(175,175,175);

}



/******************************************/

/*  ADDITIONAL USER STYLES                */

/*  If you want to add your own styles,   */

/*  then add them here in order to avoid  */

/*  a mixup with the default styles.      */

/******************************************/





.style1 {

	font-size: 110%;

	font-weight: bold;

	

}



.style2 {

	font-size: 100%;

	font-weight: bold;

	font-style: italic;

}



.style3 {

	font-size: 110%;

	font-weight: bold;

	font-style: italic;

	color: #006699;

}



.style4 {

	font-size: 100%;

	font-weight: normal;

	font-style: italic;

	color: #999999;

}



.style5 {

	font-size: 110%;

	font-weight: bold;

	font-style: normal;

	color: #FF9900;

}



.style6 {

	font-size: 100%;

	font-weight: bold;

	font-style: normal;

	color: #006699;

	

}