/* CSS DOCUMENT FOR VRL PORTAL HOME PAGE */
   body {font: 76%/1.4 Arial, Verdana, Helvetica, sans-serif; background: #DEDEDE; color:#494848; text-align:center; padding:0 0 20px 0;}
   html {height:100.01%;}

/* KILL BROWSER DEFAULTS */
   * {margin:0; padding:0;}
   img {border:none;}

/* GENERAL LINKS */
   a, a:visited {color:#0055A5; text-decoration:none;}
   a:hover {color:#0055A5; text-decoration:underline;}
   a {outline:none;}

/* GENERAL */
   h1, h2, h3 {font-size:1.7em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 .4em 0; padding:0; line-height:1;}
   h3 {font-size:1.4em; margin:1em 0 2px 0; line-height:1.1;}
   h4 {font-size:1.1em; margin:1em 0 0 0;}
   h5 {font-size:1em; margin:1em 0 0 0;}
   p {margin:0 0 1em 0;}

/* WRAPPER defines the outline of the page. main sections contained within #Wrapper are #Header, #Content, #Right  #Footer*/
   div#wrapper {margin:0 auto; text-align:left;  background-color:#fff; padding:0 12px 10px 12px; width:922px; position:relative;}
   p.skip {display:none} 

/* HEADER, containing LOGO, SITENAV, SITELINKS, LOGINLOGOUT, SERCHBOX */
   div#header  {width:922px; border-bottom:1px solid #B5D3DE; padding:4px 0 4px 0; margin:4px 0 10px 0; float:left;}
   div#logo    {float:left; width:185px;}
   div#logo h1 {display:none;}
   div#sitenav {float:right; width:690px;} /* contains sitelinks, logInOut and searchbox */

/* SITELINKS */
   div#sitelinks {float:left; font-size:1em;width:480px; margin:5px 0 12px 0;}
   div#sitelinks ul {float:left; list-style-type:none; padding:0; margin:0 0 0 -8px;}
   div#sitelinks ul li {float:left; padding:0;}
   div#sitelinks ul li a {background:url(images/nav-separator.png) no-repeat 0 7px; padding:4px 6px 4px 9px;}
   div#sitelinks ul li#home a {background:none;}
   div#sitelinks ul li.active a {color:#494848;}

/* LOGIN LOGOUT FORM */
/* logInOutPos reserves space for logInOut as moving the code to a sensible place kills the user admin */
   div#logInOutPos {background:#F1F1F1; border:1px solid #E1E1E1; padding:10px 10px 0 10px; margin:0 0 0 10px;
      width:170px; height:78px; float:right;}
   div#logInOut {background:#F1F1F1;	border:1px solid #E1E1E1; padding:10px 10px 0 10px;	margin:0 0 0 10px;
       width:170px; height:78px; position:absolute; top:8px;left:732px;}
   div#logInOut label {clear:left; cursor:pointer; font-weight:normal; display:block; width:62px; float:left; font-size:.92em;}
   div#logInOut input {width:98px; float:left; margin:1px 0 2px 4px; border: 1px solid #E1E1E1; background:#fff;}
   div#logInOut input.button {width:auto; float:right; margin:1px 1px 2px 4px; border:none; background:#fff;}
   div#logInOut h4  {font-size:0.9em}
   div#loggedinDetails  {text-align:left; margin:10px 0 5px 0;}
   div#loggedinDetails img {vertical-align:bottom; text-align:right; margin:0 0 0 5px;}

/* SEARCHBOX*/
   div#searchbox {float:left; margin:0 0 0 0; font-size:1em; background:#E3F0FB; padding:6px 10px 6px 10px;}
   div#searchbox input {width:184px; float:left; margin:1px 0 0 4px; border: 1px solid #B5D3DE; padding:3px 4px 3px 4px; background:#fff;}
   div#searchbox input.button {width:auto; float:left; padding:0; margin:1px 10px 0 14px; border:none;}

/* FOOTER*/
   div#footer {font-size:.92em; width:922px; margin:10px 0 0 0;clear:both;}
   div#footer ul {list-style-type:none; padding: 8px 0 15px 0;}
   div#footer ul li {float:left; padding:0 0 0 4px;}
   div#footer ul li.link {margin:0 0 0 20px;}
   div#footer ul li.copyright {margin:0 0 0 20px;}
   div#footer ul li a {}

/* MAIN BLOCKS ON PORTAL HOME PAGES */
   div#contentblock {float:left; padding:10px 0 0 0; width:922px;}
  
   div#introblock {width:922px; float:left; margin:0;}
   div#introblock div#portalintro {float:left; margin:0 0 0 0; width:610px; border:1px solid #DEDEDE; background:url(../../images/globe1.png) no-repeat top right; min-height:194px; height:auto !important; height:194px;}
   div#introblock div#portalintro h2 {margin:5px 185px 5px 10px; font-size:1.4em; line-height:1.3;}
   div#introblock div#portalintro p {margin:10px 180px 10px 10px; font-size:1.1em; line-height:1.3;}

   div#introblock div#quote {float:right; background:url(../../images/left-quote.png) no-repeat 12px 10px #E3F0FB; border:1px solid #CDDFEE; padding:0 10px; width:300px; w\idth:280px; min-height:194px; height:auto !important; height:194px;}
   div#introblock div#quote blockquote {line-height:1.2; font-size:1.5em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding:20px 10px 20px 40px; background:url(../../images/right-quote.png) no-repeat right bottom;}
   div#introblock div#quote cite {font-size:1em; display:block; padding:0 10px 0 40px; font-weight:bold;}
   div#introblock div#quote h5 {font-size:.92em; margin:10px 0 0 6px;}

/* CALLS TO ACTION BLOCK (review) */   
   div#ctablock {float:left; margin:10px -10px 10px 0;}
   div.cta {float:left; font-size:.92em; background:#F6F1E4; border:1px solid #E7E1D1; width:174px; margin:0 10px 0 0;
                   min-height:239px; height:auto !important; height:230px;}
   div.cta h3 {margin:0 -1px; background:#0966A7; color:#fff; width:160px; padding:8px 8px; 
                   font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-weight:normal;}
   div.cta h3 a, div.cta h3 a:visited {color:#fff;}
   div.cta img {margin:0 -1px;}
   div.cta ul, div.cta p {width:156px; margin:6px 6px;}
   div.cta ul li {list-style-type:none; padding:3px 0; text-decoration:none; line-height:1.1; margin:0; background:url(../../images/bullet.gif) no-repeat 0 6px;}
   div.cta ul li a {display:block; padding:0 0 0 12px;}

   div.cta#cta1, div.cta#cta4 {margin-right:11px;}
   div.cta#cta1 h3 {background:#405C84;}
   div.cta#cta2 h3 {background:#376B44;}
   div.cta#cta3 h3 {background:#C2853C;}
   div.cta#cta4 h3 {background:#B03353;}
   div.cta#cta5 h3 {background:#6E4294;}

/* TAB AREA */
   div#tabarea {float:left; margin:0 0 0 0; width:588px;}
   div.tabs ul {float:left; width:588px; padding:0; margin:0; list-style:none; border-bottom:1px solid #DEDEDE;} 
   div.tabs li   {float:left; border:1px solid #DEDEDE; font-size:1em; font-weight:bold; padding:0; margin:0 8px -1px 0;} 
   div.tabs li a {float:left; width:.1em; padding:8px 16px; margin:0; text-decoration:none; background:url(../../images/tab-shadow.png) repeat-x bottom left #F6F1E4; white-space:nowrap;}
   div.tabs > ul a {width:auto;}
   div.tabs a:hover {background-image:none; text-decoration:none;}
   div.tabs li.selected {border-bottom:1px solid #fff;}
   div.tabs li.selected a {background:none; color:#00A4E4;}

/* TAB BODY  */   
   div.tabBody {clear:left; margin:0; padding:20px 20px 10px 20px; background-color:#fff; 
               border-bottom: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; 
               width:546px;}
   div.tabBody li {font-size:1em; font-weight: bold; margin:1em 0 0 3em;}
   div.tabBody li.main {font-family:Georgia,'Times New Roman',Times,serif; font-size:1.4em; margin:0 0 0 20px; font-weight:lighter;}
   div.tabBody li.sub  {list-style-type:none; font-weight: lighter;margin:0 0 10px 20px;}


/* EVENT TAB - INDEX*/   
   div.eventindex {margin:0px 0 10px 0; float:left; width:100%;}
   div.eventindex img {float:left; margin:0 20px 0 0;}
   div.eventindex p {margin:0;}
   div.eventindex h4 {font-size:1em; margin:0 0 0 0;}
   div.eventindex br {clear: left;}
 
/* RIGHT HAND BOTTOM BLOCK*/
   div#right {float:right; width:322px; margin:0 0 0 0;}
   div#rightContent {margin:0 0 12px 0;  background:#F1F1F1; border:1px solid #E1E1E1; padding:0px;}
   div#rightContent img {margin:0 10px 10px 10px;}
   div#rightContent img:first-child  {margin:10px;}