/****************   Default Element Style   ****************/

* {
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  color:#6d6f71;
}	

/****************   Page Structure   ****************/

body { 
  height:100%;
  background:#fff url('../images/pink-background.gif') top left repeat-y;
}

html {
   height:100%;
}

#outer-wrapper { 
  width:1000px;
}

.fixed-height-page  #outer-wrapper { 
  height:600px; 
}

#inner-wrapper {

}

#left-column {
	width:45px;
	height:600px;
	background:#fe146d url('../images/r-co-logo.gif') top left no-repeat;
	float:left;
}

#content-wrapper {
	width:872px;
	float:left;
	background-color:#FFF;
	font-size:11px;
/*	font-size:68.75%;   ~ 11px  */
	position:relative;
}

.fixed-height-page #content-wrapper {
	width:872px;
}

.has-layout {
	position:relative;
	height:600px;
}

#top-row { 
	height:72px; 
}

#middle-row {
	border:0px solid pink;
	height:13.75em; /* = 11 visible lines. This value must be set to a multiple of the standard line-height used across the site (1.25em) so lines of text are not cut-off half way (old value was height:148px;) */
	position:relative;
}

#full-page-text #middle-row { 	
	height:510px;
	position:relative;
}

#long-middle-row {
	position:relative;
}

#bottom-row {
	height:324px; 
	margin-top:38px;
	position:relative;
}

.fixed-height-page #footer {  
	height:18px;
	width:734px;
	position:absolute;
	left:138px;
	top:582px;
}

.variable-height-page #footer {  
	height:18px;
	width:734px;
	bottom:-20px;
	position:absolute;
	left:138px;
}

#footer a { 
	color:#6d6f71; 
	font-size:9px;
	margin-right:17px;
}

#footer a:hover { color:#fe146d; }

#page-heading {  
	width:85px;
	height:17px;
	background:#fff url('../images/brand-identity.gif') 0 0 no-repeat;
	margin-top:32px;
	float:left;
}

#search-wrapper {  
	width:45%;
	margin-top:32px;
	float:right;
	text-align:right;
	vertical-align:top;
}

#search {
	border:1px solid #dadbdb;
	height:14px;
	width:86px;
	padding:2px 0 0 2px;
	color:#76787a;
	font-size:9px;
}

/*******************************  Search results page ********************************/

#xsltsearch { height:510px; position:relative; }
.xsltsearch_result { max-height:75px; margin-bottom:15px; }
.xsltsearch_result:hover {  }
.xsltsearch_result_title {  }
.xsltsearch_title {  }
p.xsltsearch_result_description {  }  
.xsltsearch_description strong { background-color:#fe146d; color:#FFF; } /* highlighting */
#xsltsearch_navigation { position:absolute; height:18px; width:446px; top:492px; left:0; }
#xsltsearch_navigation a, #xsltsearch_navigation strong { margin-right:8px; }
#xsltsearch_navigation strong, .xsltsearch_result strong { font-weight:normal;  }
#xsltsearch_navigation span { font-size:15px; color:#6d6f71; margin-right:3px; }
#xsltsearch_navigation span.right { margin-left:3px; }
#xsltsearch_navigation a:hover span { color:#fe146d; }
#xsltsearch_navigation .disabled, #xsltsearch_navigation .disabled *, #xsltsearch_navigation a.disabled:hover span, #xsltsearch_navigation .disabled:hover { color:#CCC; }
#xsltsearch_stats {  }

/*******************************  Text columns ********************************/

.top-text-column {
	width:214px;
	font-size:11px;
	color:#6d6f71;
}

.variable-length-text-column {
	font-size:11px;
	color:#6d6f71;
	margin-left:424px;	
	position:relative;
	top:-100px;
	width:448px;
}

.fixed-height-page .top-text-column { position:absolute; top:0; }
.variable-height-page .top-text-column { position:relative; }

.fixed-height-page #left-column-text { left:424px; }
#home-page #left-column-text { 	left:266px; }

.fixed-height-page #right-column-text { left:658px; }
#home-page #right-column-text { left:579px; }

.variable-height-page #left-column-text { float:right; margin-right:20px; }
.variable-height-page #right-column-text { float:right; }

.scrolling-image-page .top-text-column, .fixed-image-page .top-text-column {
	height:13.75em; /* = 11 visible lines. This value must be set to a multiple of the standard line-height used across the site (1.25em) so lines of text are not cut-off half way (old value was height:148px;) */
	line-height:1.25em;
	overflow:hidden;
}

.home-text-column {
	position:absolute;
	top:38px;
	min-height:200px;
	width:293px;
	font-size:11px;
	color:#6d6f71;
}

#full-page-text-column { 
	position:absolute;
	top:0; 
	left:424px;	
	width:448px;
	height:47.5em; /* = 38 visible lines. This value must be set to a multiple of the standard line-height used across the site (1.25em) so lines of text are not cut-off half way (old value was height:510px;) */
	font-size:11px;
	color:#6d6f71;
}

.heading {
	font-weight:bold;
}

div.variable-length-text-column a, #full-page-text-column a, .top-text-column a, #left-column-text a, #right-column-text a, .home-text-column a { text-decoration:underline; color:#6d6f71; }
div.variable-length-text-column a:hover, #full-page-text-column a:hover, .top-text-column a:hover, #left-column-text a:hover, #right-column-text a:hover, #home-text-column a:hover { color:#fe146d; text-decoration:none; }


/****************   HTML Elements   ****************/

h1 { font-size:12px; color:#6d6f71; font-weight:normal; line-height:1.25em; }
ul { margin:0 0 15px 25px; }
ol { margin:0 0 15px 35px; }
li { line-height:1.25em; }
p { line-height:1.25em; }
img { border:0; }
a { text-decoration:none; color:#fe146d; }
a:hover { color:#6d6f71; }

/***************   Main Menu *********************************************/

#nav {
     position:relative;
}	

#nav, #nav ul, #nav ul ul {
     width:128px;
}

#nav, #nav ul {
     margin:0;
     list-style-type:none;
     list-style-position:outside;
}	

#nav ul, #nav ul ul {
    position:absolute;
    top:0;
    left:128px;
    display:block;
}	

/* menu item styles */
#nav li, #nav li li, #nav li li li {
	display:inline;
	width:128px;
	height:1.3em;
	line-height:1.3em;
}

#nav a {
    display:block;
    line-height:1.3em;
    padding-left:10px;
    font-size:11px;
    text-decoration:none;
    color:#6d6f71;
    background-color:#fff;
}

#nav a:hover {
    background-color:#ededed;
}

#nav a.selected {
    background-color:#fe146d;
    color:#fff;
}


/****************   Image Scroller & Slider styles  ****************/


.slider-wrapper {
	width: 734px;
	height: 300px;
	margin-left:138px;
	position: relative;
	overflow: hidden;
}

.slider-wrapper div.image-content {
	position: absolute;
	width:2000px; 
	height:287px;
	left:0px;
	top:0px;
	overflow-y:hidden;
	overflow-x:visible;
}

.slider {
    width:708px;
    height:13px;
    position:absolute;
    top:287px;
    left:13px;
    background-color:#ededed;
}

.handle {
    width:128px;
    height:13px;
    position:absolute;
    top:0;
    left:0;
    background:#478AFF url(../images/slider-handle.gif) no-repeat;
    z-index: 100;
    cursor:move;
}

.slider-arrow {
	position:absolute; 
	top:287px; 
	width:13px; 
	height:13px; 
	z-index:150; 
	cursor:pointer; 
}

#slider-left-arrow { 
	left:0; 
	background:url(../images/left-arrow.gif) no-repeat; 
}

#slider-right-arrow { 
	left:721px; 
	background:url(../images/right-arrow.gif) no-repeat; 
}

/****************   Miscellaneous   ****************/

.clear { clear:both; }

#home-page-image { 
	position: absolute;
	z-index:0;  /* so the menu appears on top */
	left: 266px;
	top: 0;
	width: 606px;
    	height: 150px;
    	overflow: hidden;
}

.blurb, .flash-blurb, #FlashContentPlaceHolder {
	width:734px;
	height:300px;
	overflow:hidden;
}

.flash-blurb #FlashContentPlaceHolder {
	height:auto !important;
}

#FlashContentPlaceHolder {
	border:0px solid pink;
}

.blurb, .flash-blurb {
	position:absolute;
	top:0;
	left:138px;	
}

#sitemap ul { margin:3px 0 3px 25px; list-style-type:circle; }
#sitemap li { line-height:1.25em; }

#r-co-speaks-chinese { position:relative; top:26px; width:127px; height:82px; }
#r-co-speaks-chinese a { display:block; height:82px; background:#fff url('/images/speaks-chinese.jpg') no-repeat -7px 0; }
#r-co-speaks-chinese a:hover { cursor:default; background-image:url('/images/speaks-chinese-over.jpg'); }

/* preload rollover image(s) */
#footer { background:#fff url('/images/speaks-chinese-over.jpg') no-repeat -1000px -1000px;  }














/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

