/*************/
/*  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:352px;
	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;
	
}

