/*
 * Style: mavsgBasicLyout.css
 *
 * " Columns Layout using Divs
 *
 *  Some ideas are borrowed from the Yahoo! UI Library:
 * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txtversion: 2.2.2
 *
 * A copy of the Reset and Font Cascading style Sheet from the Yahoo! UI Library 
 *
 * The resetFontCSS.css file standardizes cross-browser rendering on common
 *  elements, neutralizing browsers' built-in stylesheets. 
 *
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	white-space:normal;
	word-spacing:normal;

}

/* Left container contains the logo and the navegation column */
#syb_leftContainer {
	border:0px solid #4A2885;
	width:190px;
	height:auto;
  position:absolute;
  left:10px;
  top: 0px;
  margin:0px;
  padding:0px;
}

/* Main Navagation column for the web site.
 * Located within the left container.
 */
#syb_mainNavCol {
  background:#ECECEC; /* kind of dark-grey*/
  width:100%;
  height:auto;
  border: 2px solid #FFCC33;
  position:relative;
  left: 0px;
  top:8px;
  margin:0px;
  padding:10px 0px;
}

/* The syb_rightContainer div contains the 
 *  header and syb_contents divs 
 */
#syb_rightContainer {
  border:0px solid #C7E19E;
  width:60%;
  height:auto;
  position:absolute;
  top:0px;
  left:230px;
  margin:0px;
  padding:0px;
}

/*

*/

#syb_header {
  border:0px solid #B7B7B7;
	width:100%;
	height:60px;
	position:relative;
	top:0px;
	left:0px;
}
/*
syb_contents contains: working area and footer
*/
#syb_contents {
  margin:0px;
  padding:0px;
}


#syb_workingArea {
  border:0px solid #FFCC33;
  width:100%;
  height:auto;
  position:relative;
  top:0px;
  left:4px;
}


#syb_footer {
  background:#ECECEC;
	border:2px solid #FFCC33;
	width: auto;
	height:40px;
	position:relative;
  bottom:auto;
	left:auto;
  margin:20px 10px;
}

/* Navagation Menus Horizontal & Vertcal */

/*
 * Navagation Horizontal Menu. (Unordered list -> UL)
 * An horizontal menu list style to produce buttom effets.
 *
 * In '#navHorMenu' the right & left margins must be the 
 * same in order to get the "bottoms" in the center position.
 * Also the text align in '#navHorMenu ul' must be set to left.
*/
#syb_navHorMenu {
  position:relative;
  left:0px;
  top:7px;
  height:70%;
  background:#ECECEC; /* Kind of Grey */
  margin:0px;
  padding:0px;
}

#syb_navHorMenu ul {
  font-family:sans-serif, Verdana, Tahoma, Arial, 'Courier New';
  font-weight:normal;
  font-size:0.8em;
  line-height:1.1em;
  list-style:none;
  text-align:center;
  position:relative;
  left: 0px;
  top:0px;
  margin:0px;
  padding:0px;
} 

/* Here we make the list to display horizontaly */
#syb_navHorMenu li {
  display: inline;
  padding:24px 0px;
  vertical-align:middle;
	position:relative;
	left: 0px;
  top:13px;
}

/* To remove default underline in the link tag and text in white color. */
#syb_navHorMenu a {
	text-decoration:none;
	padding: 3px 4px; /* Top & Bottom = 3 right & left = 4 */
	color:#FFFFFF;
  font-weight:bold;
	background:#001b9d;	/* 001b9d -> Navy BlueLogo 001d92 ->Navy Blue16 #1C006B = Navy Blue12 0b3f8b = Navy Blue14 */
	border: 2px solid #FFCC33; /* #FFCC33 #ACACAC; */
}

/* Change color when hovering. To emphasize a link to another page */
#syb_navHorMenu a:hover {
	background:#66CCFF;
	color:#FFFFFF;  /* Need the font color Here */	
}

/* To remind user that page had been visited */
#syb_navHorMenu a:visited {
	color:#6C8EFF; 
}

/* End: horizontal list with buttom effets */


/* Navagation Menu Column (Unordered list -> UL) */
#syb_navMenuCol {
  list-style:none;
  font-family:sans-serif, Verdana, Tahoma, Arial, 'Courier New';
  font-weight:normal;
  font-size:0.8em; 
  line-height:1em;
  text-align:left;
  position:relative;
  left:12px;
  top:0px;
}

#syb_navMenuCol li {
	display:list-item;
  border-bottom:2px solid #FFCC33; /* #C2C2C2; */
  width:88%;
  margin:0px;
  padding:8px 0px;  /* Top & Bottom=8 right & left=0 */
}

/* To remove default underline in the link tag and text in black color. */
#syb_navMenuCol a {
  text-decoration:none;
  color:#000000;
}

/* Change color when hovering. To emphasize a link to another page */
#syb_navMenuCol a:hover {
	background:#66CCFF;
	color:#FFFFFF;  /* Need the font color Here */	
}

/* To remind user that page had been visited */
#syb_navMenuCol a:visited {
	color:#6C8EFF; 
}

/* Navagation Footer Menu (Unordered list -> UL) */
#syb_navFooterMenu {
  
  font-family:sans-serif, Verdana, Tahoma, Arial, 'Courier New';
  font-weight:normal;
  font-size:0.8em; 
  line-height:1em;
  text-align:center;
  padding: 10px 5px;
}

#syb_navFooterMenu li {
  display: inline;
  padding:0px;
  vertical-align:middle;
}

#syb_navFooterMenu a {
	padding: 10px 5px;
}

#syb_CopyRightCol {
  font-family:Arial, sans-serif, Verdana, Tahoma;
  font-weight:normal;
  font-size:0.7em; 
  line-height:1em;
  background:#ECECEC;
  text-align:center;
  border: 2px solid #FFCC33;
  padding:5px 0px;
  margin: 12px 0px;
  width:100%;
  height:auto;
	position:relative;
	left: 0px;
  top:5px;
}