/* Body, general formatting and reusable classes etc

--------------------------------------------------------------------------

*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }



img, embed, form, fieldset { border: 0; vertical-align: bottom; }



body { font: 62.5% "Arial", sans-serif; padding: 0 0 3em 0; background: #fff url(../images/pagebg.gif) no-repeat center top; color: #000; text-align: center; }



input, select, textarea { font: 1em "Arial", sans-serif; vertical-align: bottom; }



table { border-collapse: collapse; border-spacing: 0; }



hr { width: 100%; color: #000; background-color: #000; border: 0; height: 2px; }



.hide, .skipNav { position: absolute; top: 0; left: -9999px; }

.skipNav:hover, .skipNav:active, .skipNav:focus { position: relative; top: auto; left: auto; }



.alignLeft { text-align: left; }

.alignCenter { text-align: center; }

.alignRight { text-align: right; }



.imgLeft { margin: 1em 1em 1em 0 !important; padding: 0 !important; font-size: 1em !important; float: left !important; }

.imgRight { margin: 1em 0 1em 1em !important; padding: 0 !important; font-size: 1em !important; float: right !important; }



.col2 { width: 50%; float: left; }

.col3 { width: 33.3%; float: left; }

.col4 { width: 25%; float: left; }

.col5 { width: 20%; float: left; }



a { color: #000; }

a:hover { color: #000; }

a:active, a:focus { color: #000; }



/* Access options and main menu

--------------------------------------------------------------------------

*/



#accessOptions { margin: .5em 0 0 1em; font-size: 1.4em; text-align: left; color: #06c; }

#accessOptions a { color: #06c; }

#accessOptions ul li, #accessOptions dl, #accessOptions dl dt, #accessOptions dl dd { display: inline; }

#accessOptions dl.text dd a { text-decoration: none; text-transform: uppercase; }

#accessOptions dl.text dd.xl { font-size: 1.4em; }

#accessOptions dl.text dd.l { font-size: 1.2em; }



#mainMenu { width: 783px; margin: 3.5em auto 0 auto; text-align: left; }

#mainMenu ul { margin: 0 0 0 32px; list-style: none; }

#mainMenu ul li { text-align: center; float: left; }

#mainMenu ul li a { font-weight: bold; font-size: 1.2em; display: block; min-height: 50px; padding: 8px 8px 0 5px; color: #fff; text-decoration: none; }

#mainMenu ul li a:hover { text-decoration: underline; }



#mainMenu ul li.mm1 { width: 81px; background: url(../images/mainmenu-1.png); }

#mainMenu ul li.mm2 { width: 65px; background: url(../images/mainmenu-2.png); }

#mainMenu ul li.mm3 { width: 65px; background: url(../images/mainmenu-3.png); }

#mainMenu ul li.mm4 { width: 107px; background: url(../images/mainmenu-4.png); }

#mainMenu ul li.mm5 { width: 97px; background: url(../images/mainmenu-5.png); }

#mainMenu ul li.mm6 { width: 116px; background: url(../images/mainmenu-6.png); }

#mainMenu ul li.mm7 { width: 81px; background: url(../images/mainmenu-7.png); }

#mainMenu ul li.mm8 { width: 106px; background: url(../images/mainmenu-8.png); }



/* Main content

--------------------------------------------------------------------------

*/



#content { width: 783px; margin: 0 auto; text-align: left; }



#contentTop { background: url(../images/content-bgtop.png) no-repeat; }



#header { padding: 0 2px 2.5em 2px; background: url(../images/content-bg.png); }

#header a { width: 210px; float: left; }

#header h1 { font-size: 2.4em; color: #0071bc; }

#header h1 span { display: block; }



#mainMenuOn { height: 35px; }

#mainMenuOn1 { height: 35px; background: url(../images/mainmenu-1-on.png) no-repeat 31px 0; }

#mainMenuOn2 { height: 35px; background: url(../images/mainmenu-2-on.png) no-repeat 113px 0; }

#mainMenuOn3 { height: 35px; background: url(../images/mainmenu-3-on.png) no-repeat 178px 0; }

#mainMenuOn4 { height: 35px; background: url(../images/mainmenu-4-on.png) no-repeat 243px 0; }

#mainMenuOn5 { height: 35px; background: url(../images/mainmenu-5-on.png) no-repeat 350px 0; }

#mainMenuOn6 { height: 35px; background: url(../images/mainmenu-6-on.png) no-repeat 447px 0; }

#mainMenuOn7 { height: 35px; background: url(../images/mainmenu-7-on.png) no-repeat 563px 0; }

#mainMenuOn8 { height: 35px; background: url(../images/mainmenu-8-on.png) no-repeat 644px 0; }



#contentBox { padding: 0 2px; background: url(../images/content-bg.png); }



#breadcrumb { padding: 1em 2em; background: #edf5fa; border: dashed #c2c2c2; border-width: 1px 0; color: #06c; }

#breadcrumb strong { font-size: 1.4em; }

#breadcrumb ol { list-style: none; display: inline; font-size: 1.4em; }

#breadcrumb ol li { display: inline; }

#breadcrumb ol li a { color: #06c; text-decoration: none; }

#breadcrumb ol li a:hover { text-decoration: underline; }

#breadcrumb ol li.on { color: #f58431; }



#video { width: 620px; margin: 0 0 0 69px; padding: 1.5em 0; }

#video .title { min-height: 25px; padding: 0 0 0 10px; background: url(../images/video-h1bg.gif) no-repeat; }

#video .title h1 { font-size: 1.8em; color: #f60; }

#video p { padding-left: 10px; font-size: 1.4em; margin: 1.3em 0 0 0; line-height: 1.9em; color: #666; }

#video ul { padding-left: 10px; margin: 1.3em 0 0 2em; line-height: 1.9em; color: #666; }

#video h2 { margin: 1em 0 0 0; padding-left: 10px; font-size: 1.4em; color: #000; }

#video h3 { padding-left: 10px; font-size: 1.4em; margin: 1.3em 0 0 0; line-height: 1.9em; color: #666; }

#video a { color: #0071BC; text-decoration: none; }

#video a:hover { text-decoration: underline; }

#video #videoMenu { width: 200px; margin: 1em 50px 0 0; float: left; }

#video #videoMenu ul { padding-left: none; margin: 0; line-height: 1.3em; }

#video #videoMenu ul li { padding: .2em 0; }

#video #videoMenu ul li ul li { padding: 0; }

#video #videoContent { text-align: center; margin: 1.5em 0 1.5em 10px; }

#video #videoContent.withMenu { float: left; }



#video ul li { font-size: 1.4em; }

#video ul li ul { margin-left: 1em; }

#video ul li ul li { font-size: 1em; }



#video #subtitles { font-size: 1.4em; color: #666; }

#video #subtitles h5 { font-size: 1.2em; }



/* Access Options

--------------------------------------------------------------------------

*/



#video ul.access li { padding: .5em 0; }

#video ul.access li span { padding: .3em .6em; }

#video ul.access li span.defaulta { background: #fff; color: #000; border: 1px solid #895AA4; }

#video ul.access li span.defaultb { background: #895AA4; color: #fff; border:1px solid #895AA4; }

#video ul.access li span.blackonwhitea { background: #000; color: #fff; border: 1px solid #fff; }

#video ul.access li span.blackonwhiteb { background: #fff; color: #000; border: 1px solid #000; }

#video ul.access li span.whiteonblacka { background: #fff; color: #000; border: 1px solid #000; }

#video ul.access li span.whiteonblackb { background: #000; color: #fff; border: 1px solid #fff; }

#video ul.access li span.blackonyellowa { background: #000; color: #ff0; border: 1px solid #ff0; }

#video ul.access li span.blackonyellowb { background: #ff0; color: #000; border: 1px solid #000; }

#video ul.access li span.yellowonblacka { background: #ff0; color: #000; border: 1px solid #000; }

#video ul.access li span.yellowonblackb { background: #000; color: #ff0; border: 1px solid #ff0; }

#video ul.access li span.blackonpalecreama { background: #000; color: #ffd; border: 1px solid #ffd; }

#video ul.access li span.blackonpalecreamb { background: #ffd; color: #000; border: 1px solid #000; }

#video ul.access li span.blackonpalepinka { background: #000; color: #fdd; border: 1px solid #fdd; }

#video ul.access li span.blackonpalepinkb { background: #fdd; color: #000; border: 1px solid #000; }

#video ul.access li span.blackonpalebluea { background: #000; color: #ddf; border: 1px solid #ddf; }

#video ul.access li span.blackonpaleblueb { background: #ddf; color: #000; border: 1px solid #000; }



#video #gallery ul { list-style: none; }

#video #gallery ul li { width: 20%; float: left; padding: .5em 0; text-align: center; }

#video #gallery ul li a img { padding: 3px; border: 1px solid #ccc; }



/* Footer

--------------------------------------------------------------------------

*/



#footer { text-align: center; padding: 1em 3em; border-top: 1px solid #d6d6d6; }

#footer ul { list-style: none; color: #06c; }

#footer ul li { display: inline; font-size: 1.4em; }

#footer ul li a { text-decoration: none; color: #06c; }

#footer ul li a:hover { text-decoration: underline; }



#btmCorners { height: 5px; background: url(../blank.png) no-repeat; }



/* Homepage

--------------------------------------------------------------------------

*/



#homeIntro { margin: 0; padding: 2.5em 0; border: dashed #c2c2c2; border-width: 1px 0; }

#homeIntro .text { width: 450px; margin: 0 0 0 50px; float: left; }

#homeIntro .text p { margin: 0; line-height: 160%; font-size: 1.4em; color: #666; font-weight: bold; }

#homeIntro .text p a { color: #06c; }

#homeIntro .feature { width: 235px; float: right; }

#homeIntro .feature p.img { margin: 0 1em 0 0; float: left; }

#homeIntro .feature h2 { font-size: 1.6em; color: #0071bc; }

#homeIntro .feature ul { margin: .5em 0 0 0; list-style: none; }

#homeIntro .feature ul li { padding: .3em 0; }

#homeIntro .feature ul li a { font-size: 1.4em; text-decoration: none; color: #06c; }

#homeIntro .feature ul li a img { vertical-align: middle; }



#homeVideos { width: 740px; margin: 1em 0; padding: 0 0 0 30px; background: url(../blank.png) no-repeat; }

#homeVideos .clearfix { background: url(../blank.png) repeat-y 50% 0; }

#homeVideos .video { width: 350px; margin: 0 10px; padding: 1.5em 0; float: left; border-top: 1px solid #e7e7e7; }

#homeVideos .video.top { border-top: none; }

#homeVideos .video h2 { font-size: 1.4em; }

#homeVideos .video h2 img { margin: 0 10px 0 0; border: 1px solid #ccc; padding: 3px; background: #fff; float: left; }

#homeVideos .video p { margin: .4em 0 0 0; font-size: 1.4em; color: #666; }

#homeVideos .video a { color: #06c; text-decoration: none; }

#homeVideos .video a:hover { text-decoration: underline; }

#homeVideos .video h2.v1 a { color: #00B0A1; }

#homeVideos .video h2.v2 a { color: #f58431; }

#homeVideos .video h2.v3 a { color: #7e549e; }

#homeVideos .video h2.v4 a { color: #ed3393; }

#homeVideos .video h2.v5 a { color: #c13235; }

#homeVideos .video h2.v6 a { color: #0071bc; }

#homeVideos .video h2.v7 a { color: #53942b; }



/* IE Mac fixes

--------------------------------------------------------------------------

*/



/*\*//*/

.hide, .skipNav { display: none; visibility: hidden; }

/**/



/* Clear fixes

--------------------------------------------------------------------------

*/



.clearfix:after, #mainMenu:after, #header:after, #video #gallery:after, #homeIntro:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



.clearfix, #mainMenu, #header, #video #gallery, #homeIntro { display: inline-block; }



/* Hides from IE-mac \*/

.clearfix, #mainMenu, #header, #video #gallery, #homeIntro { zoom: 1; }

/* End hide from IE-mac */