/* Internal style sheets for SFCG website
Created on September 28, 2006
Version 1
Copyright Maiya Holliday 2006*/

/* ------------------------ Start of Element ----------------------------- */

html, body, h1, h2, h3, h4, h5, h6, p, form, {
	padding: 0px;
	margin: 0px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	
}

h1 {
	font-weight:normal;
	line-height: 1.25em;
	font-size: 30px;
	text-indent: 25px;
	font-variant: small-caps;
	background-image:url(../IMAGES/1.HeaderBox.gif);
	background-position: left-bottom;
	background-repeat: no-repeat;
	padding:0px, 10px;
}

h2 {
	font-weight:bold;
	line-height: 1.25em;
	font-size: 28px;
}

h3 {
	font-weight:bold;
	line-height: 1.25em;
	font-size: 24px;
}

h4 {
	font-weight:bold;
	line-height: 1.25em;
	font-size: 22px;
}

h5 {
	font-weight:bold;
	line-height: 1.25em;
	font-size: 18px;
}

h6 {
	font-weight:bold;
	line-height: 1.25em;
	font-size: 14px;
}

p {
	font-weight: normal;
	line-height:normal;
	font-size:12px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

/*------ Start link styles -------*/

/*denotes color and style of the links*/
a:link {
	color: #CC6633;
	text-decoration:none;

	
}
/*change color of a visted link in body text here*/
a:visited {
	color:#CC9933;
	text-decoration:none;
	
	}
 /*change color of links (applied to default/in body text) when moused over here*/
a:hover, a:focus {
	color: #999999;
	text-decoration:none;
	


}

/*------------------Start Color Styles (for Left Bar, etc on each Main Nav page)---------------*/

.ColorAbout {
	background-color: #424558;
	}
.ColorR7 {
	background-color:#660000;
	}
.ColorResources{
	background-color: #616354;
		}
.ColorExperience{
	background-color: #4e5c5c;
		}
.ColorOracle{
	background-color: #FF0000;
		}
.ColorPartners{
	background-color:#666633
			}
.ColorSFCG30{
	background-color:#003333
			}
.ColorUtilities{
	background-color:#003366

	}
.ColorNEWCOLOR{
	background-color: #424558;
	
	
/* --------------- Start Layout ---------------*/

}
#Logo {
	left: -2px;
	top: 5px;
	width: 343px;
}

#utilities  {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 50px;
	display:inline;
	width: 400px;
	font-style: italic;
	visibility: visible;
	
}

#utilities ul li {
margin: 0px;
padding: 0px;
display:inline;
text-decoration: none;
padding: 0px 10px 0px 10px;
text-align: left;
width: 9em;
font-size: 13px;
font-weight: bold;
color:#666666;
font-style: italic;


}
/*change color of utilities links here */
#utilities ul li a:link {
color:#666666;
font-style: italic;
}

/*change color of utilities links when visited here*/
#utilities ul li a:visited {
	color:#999999;
	font-style: italic;
	}


/*change color of utilities links when rolled over here*/
#utilities ul li a:hover, #utilities ul li a:focus {
	color:#999999;
	font-style: italic;


/*-------------------Begin UPPER Navigation here ---------------------*/
}

#horizNavColorGradient{
	height: 26px;
	position:absolute;
	top: 88px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	left: 17px;
	z-index: 0;
	visibility: visible;


}

#NavBar {
	position: relative;
	width: 553px;
	right: 10px;
	top: 101px;
	z-index: 3;
	

}#NavBlueBarVertical1 {
	right:430px;
	position: absolute;
	top: 84px;
	z-index: 10;
	visibility: visible;
	
}#NavBlueBarVertical2 {
	right:308px;
	position: absolute;
	top: 86px;
	z-index: 10;
	visibility: visible;
}#NavBlueBarVertical3 {
	right:194px;
	position: absolute;
	top: 84px;
	z-index: 10;
	visibility: visible;
}#NavBlueBarVertical4 {
	right:92px;
	position: absolute;
	top: 86px;
	z-index: 10;
}#NavBlueBarVertical5 {
	right:7px;
	position: absolute;
	top: 86px;
	z-index: 10;
}
#horizNavButtonsWrapper {
	z-index:3;
	height: 26px;
	position:absolute;
	top: 98px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	left: 0px;
	visibility: visible;

	
}#horizNav {
	padding: 0px 0px 0px 0px;
	text-align: right;
	width: 9em;
	font-size: 12px;
	font-style:italic;
	color: #FFFFFF;
	line-height: 1.25em;
	list-style: none;
	display: inline;
	
}
	
#horizNav {
	display: inline;
	margin: 0px;
	padding: 0px; 
	}
	
/*change colors and styles of Nav Bar links here*/
#horizNav a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 18px 0px 18px;
	text-align: right;
	font-size: 12px;
	font-style:italic;
	line-height: 1.25em;
	list-style: none;
	vertical-align: middle;

}
#horizNav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	
}
/*change the color of the Nav Buttons when they are Moused over here*/
#horizNav a:hover, #horizNav a:focus, #horizNav a:active {
	color:#CC6633;
	vertical-align: middle;


/* -------------------- Start UPPER SUBNAVIGATION Here -------------------*/

}

#subNav table {
	display:inline;
	height: 20px;
	z-index: 5;
}

#ASubNav {
	right: 306px;
	position: absolute;
	top: 127px;
	width: 300px;
	}
	

#R7SubNav {
	right: -2px;
	position: absolute;
	top: 131px;
	visibility: visible;
	width: 780px;
	}

#BSubNav {
	position: absolute;
	top: 127px;
	width: 300px;
	visibility: visible;
	right: 49px;
	}

#ESubNav {
	right: 82px;
	position: absolute;
	top: 129px;
	width: 312px;
	}

#PSubNav {
	right: -3px;
	position: absolute;
	top: 129px;
	visibility: visible;
	}

#OSubNav {
	left: 700px;
	position: absolute;
	top: 125px;
	width: 300px;
	}
	
/*------------------------------ Start LEFT BAR Layout ------------------------------------------*/
#leftPhoto {
	float: left;
	top: 120px;
	width: 195px;
	left: 0px;
	z-index: 2;
	margin-top: 20px;
	position: absolute;
	height: 100%;
	visibility: visible;
	
}#LeftBar {
	float: left;
	top: 165px;
	width:170px;
	position: absolute;
	left: 17px;
	z-index: 1;
	height: 2124px;
	visibility: visible;

	
}#LeftLinks {
	width: auto;
	margin-top: 20px;
	padding-left: 0px;
	
}
.LeftBox{
	z-index: 10;
	left: 20px;
	
}
#NewsLinksHead {
	position: relative;
	height: auto;
	width: auto;
	left: auto;
	top: 0px;
}
#LeftMainText {
	position: absolute;
	height: auto;
	width: 120px;
	top: 133px;
	left: -2px;
	visibility: visible;
	z-index: 0;

}
#LeftNewsBody {
	position: relative;
	padding-left: 4px;
	padding-right: 0px;
	padding-top: 0px;
	width: 165px;
	top: 0px;

}
.LeftText {
	padding-right: 10px;
	padding-left: 10px;
	
}
.LeftNewsBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #FFFFFF;
	padding-left: 0px;
	width: 140px;
	position: relative;
	padding-top: 0px;
	left: 0px;
	top: -8px;
}

.LeftNewstextsubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: 40%;
	float: none;
	margin: 0px;
	padding: 0px;
	clip: rect(auto,auto,4px,auto);
}

#leftArrow {
	left: 5px;
	margin-top: 30px;
	position: relative;
	width: 160px;
}
.LeftNewsHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
	margin-left: 4px;
	margin-top:10px;
	margin-bottom: 3px;
}

.LeftLinkText a{
	font-style: italic;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.25em;
	list-style: none;
	position: relative;
	text-align: left;
	left: 0px;
	top: 0px;
}

.LeftLinkText ul{
	padding: 0px;
	margin: 0px;
	
	}

.LeftLinkText ul li {
	list-style-type: none;
}
/*-----------Content begins -----------*/

#MainText {
	left: 232px;
	top: 209px;
	z-index: 0;
	height: 2px;
	position: absolute;
	border-right-width: 10px;
	margin-right: 60px;
	clear:both;
	visibility: visible;
	width: 80%;
}

#OracleMainText {
	left: 45px;
	top: 205px;
	z-index: 0;
	height: auto;
	position: absolute;
	clear:both;
	visibility: visible;
	width: 925;
}

#MainTextNoLeftBar {
	left: 30px;
	top: 204px;
	z-index: 0;
	height: auto;
	position: absolute;
	border-right-width: 10px;
	margin-right: 60px;
	clear:both;
	width: 1000px;
}
#Header {
	position:absolute;
	left: 233px;
	top: 150px;
	width: 500px;
	height: 20px;
	visibility: visible;
}

#OracleHeader {
	position:absolute;
	left: 10px;
	top: 125px;
	width: 550px;
	height: 20px;
	visibility: visible;
}

#OraclePageTitle {
	position:absolute;
	left: 45px;
	top: 170px;
	width: 400px;
	height: 20px;
	visibility: visible;
}



#HeaderNoLeftBar {
	position:absolute;
	top: 134px;
	height: 20px;
	left: 48px;
	width: 100%;
}


#HeaderBox {
	position:relative;
	left: 225px;
	top: 90px;
	height: 29px;
	width: 15px;

}.MainTextLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #D16E03;
	line-height: normal;
	position: relative;
	top: 6px;
	left: 0px;
	background-color: #FFFFFF;

}
.MainTextSubHeads {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: underline; /*MEGAN - often, the underline in the code here for the 
	.MainTextSubHeads that are not links will remain this color even when the Subheads become links and change to 
	the specifications below - So, when you make the subheads links, the text will take on the color below 
	for the links, but the underline will not match.  You can fix this by making the color of Subheads here (for the ones that 
	are not links) the same as the ones that are links, or take out the text-decoration: underline here */
	font-weight: bold;
	line-height: 30px;
}
/* Megan - You can change the color below to choose the MainTextSubHead Link Color */
.MainTextSubHeads a:link, .MainTextSubHeads a:visited {
	color:#000000;  
	text-decoration: underline;
	}
/* Megan - You can change the color below to choose the MainTextSubHead Link Color when someone rolls over the link */
.MainTextSubHeads a:hover, .MainTextSubHeads a:focus {
	color:#CC6633;
	text-decoration: underline;
	
	
	}
.MainText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	height: 100%;
}


#Footer {
	position:relative;
	padding-top: 100px;
}
.RIOSubHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}


.RIOSubHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #D16E03;
}


.RIODemo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}