@charset "utf-8";

/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvv BEGIN MAIN STYLES vvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/* uncommenting below will cause css to not validate, but does allow you
   to render a style for the scrollbar on browsers that support it */
html {
	scrollbar-arrow-color:#999999; 
	scrollbar-track-color:#ffffff; 
	scrollbar-face-color:#d7d7d7; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-3dlight-color:#aaaaaa; 
	scrollbar-darkshadow-color:#aaaaaa; 
	scrollbar-shadow-color:#ffffff; 
}

/* main body styles. background color of the skin. bg image overrides color. */
body {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:.8em;color:#000000;background-color:#000000;}

h1,h2,h3 {display:inline;}
h1 {margin:0px;padding:0px;font-size:1.2em;}
h2 {margin:0px;padding:0px;font-size:1.1em;}
h3 {margin:0px;padding:0px;font-size:1.0em;}

/* global link styles */
a:link, a:visited {color:#660000;text-decoration:none;}
a:hover, a:active {color:#000000;text-decoration:underline;}

hr {height:1px;display:block;border:0px;margin:2px;color:#999999;background-color:#999999;}

.coord { position:relative; }
.hid   { display:none; }
.sho   { display:block; }

/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ END MAIN STYLES ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/


/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/**vvvvvvvvvvvvvvvvvvvv BEGIN TEMPLATE ELEMENT LAYOUT STYLES vvvvvvvvvvvvvvvvvv**/
/* interface background elements */
/* use pageOuter/pageInner to absolutely position containing element to middle. */
#pageOuter{height:100%;width:100%;display:table;vertical-align:middle;}
/* define height of containing element to acheive vertical align. */
#pageInner {position:relative;vertical-align:middle;display:table-cell;height:680px;}
/* bgOuter is background element of the skin that gets absolutely positioned to center of page. */
#bgOuter {position:relative;height:680px;width:1001px;clip:rect(0px,1001px,680px,0px);background:#ffffff;
	margin-left:auto;margin-right:auto;background-image:url(bg_main.gif);border:1px solid #384d57;}
/* bgInner is the containing element for the video, slide and region2. */
#bgInner {
	position:absolute;/*top:61px;*/margin:0px auto;top:146px;
	/*min-width:320px;*/
	width:1001px; /* width of layout */
}

#bgInner .topSlice .corner,
#bgInner .footSlice .corner {height:19px;} /* height of header and footer slice */
/* for the next group of styles, uncomment the underscore hack and change
   the reference in the background property from GIF to PNG to acheive a
	 neat aero effect. this will cause css to not validate */
#bgInner .topSlice {
	background:transparent url(inner_tl.png) no-repeat 0px 0px;
	_background-image:url(inner_tl.gif);
	margin-right:19px; /* space for the top right corner */
}
#bgInner .topSlice .corner {
	background:transparent url(inner_tr.png) no-repeat right 0px;
	_background-image:url(inner_tr.gif);
	margin-right:-19px; /* pull back the width of above margin to expose corner */
}
#bgInner .bodySlice {
	background:transparent url(inner_ml.png) repeat-y 0px 0px;
	_background-image:url(inner_ml.gif);
	margin-right:19px; /* space for the right side */
}
#bgInner .bodySlice .corner {
	background:transparent url(inner_mr.png) repeat-y right 0px;
	_background-image:url(inner_mr.gif);
	margin-right:-19px; /* pull back the width of above margin to expose side */
}
#bgInner .bodySlice .corner .s {margin:0px 19px;overflow:hidden;}
#bgInner .footSlice {
	background:transparent url(inner_bl.png) no-repeat 0px 0px;
	_background-image:url(inner_bl.gif);
	margin-right:19px; /* space for the bottom right corner */
}
#bgInner .footSlice .corner {
	background:transparent url(inner_br.png) no-repeat right 0px;
	_background-image:url(inner_br.gif);
	margin-right:-19px; /* pull back the dwidth of above margin to expose corner */
}

/* header elements */
#header {height:35px;width:1001px;position:absolute;z-index:50;top:110px;left:0px;overflow:hidden;}
#logo {height:105px;width:1001px;clip:rect(0px,1001px,105px,0px);overflow:hidden;position:absolute;z-index:20;left:0px;top:5px;}
#title {position:absolute;color:#dd9c00;right:10px;bottom:0px;text-align:right;}
.titlePointer {color:#d15b05;padding-left:8px;}

.slideR3Group {position:relative;/*margin-bottom:-3px;*/}

/* region2 elements */
#r2Layer {overflow:auto;/*border:1px solid #ffffff;*//*margin-top:1px;*/}

/* region3 elements */
#r3 {width:640px;}

/* footer elements */
#footer {font-size:.8em;width:1001px;position:absolute;bottom:8px;color:#ffffff;}
#footer a {color:#ffffff;}

#closeLayer {font-size:.8em;font-weight:bold;position:absolute;z-index:241;right:5px;top:5px;}
/**^^^^^^^^^^^^^^^^^^^^ END TEMPLATE ELEMENT LAYOUT STYLES ^^^^^^^^^^^^^^^^^^^^**/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/


/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
/********************** BEGIN MODULE HEADER ELEMENT STYLES **********************/
/* background styles for header of each module */
.moduleHeader {height:35px;line-height:35px;margin-bottom:1px;background:transparent url(runner.gif) repeat-x top right;}

/* styles for the buttons that appear on the module headers */
.moduleHeaderControls {display:inline;}
.moduleHeaderControls dl {}
.moduleHeaderControls dt { display:inline; margin:0px 8px 0px 16px; }
.moduleHeaderControls a,
.moduleHeaderControls a:link,
.moduleHeaderControls a:visited { padding:0px 0px 0px 25px; color:#ffffff;
   font-weight:bold; font-style:italic; font-size:14px; line-height:35px; text-decoration:none; }
.moduleHeaderControls a:hover,
.moduleHeaderControls a:active {color:#ffcc00;}
.moduleHeaderControls a span,
.moduleHeaderControls a:hover span {line-height:35px;}
/*.moduleHeaderControls a,
.moduleHeaderControls a span {display:block;float:left;cursor:pointer;}*/

/* Hide from IE5-Mac \*/
.moduleHeaderControls a, .moduleHeaderControls a span {float:none;}
/* End hide */

/************************ END MODULE HEADER ELEMENT STYLES **********************/
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/