@charset "utf-8";
/* 
---------------------------------------------------------------------------------------
CSS style for base font type in entire document, allows for consistency.
Font can be changed in specific areas with css, but this will be the "default"
I used Google Fonts here, there are hundreds available online, if you choose to
change the font. It reverts to the default of sans-serif font if there's an error
---------------------------------------------------------------------------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
	font-size: 16px;
	font-family: 'Catamaran', Arial, sans-serif;
}



/* 
---------------------------------------------------------------------------------------
Styling for headers
---------------------------------------------------------------------------------------
*/
h1
{
	font-size: 3em;
	color: #757575;
	margin-bottom: 15px;
}

h3
{
	font-size: 1.5em;
	margin: 0;
	padding-bottom: 10px;
}



/* 
---------------------------------------------------------------------------------------
Styling for gradient background, included in body to save simplicity
---------------------------------------------------------------------------------------
*/
body
{
	background: linear-gradient(#EFCE0F, white); /* Standard syntax (must be last) */
    background-repeat: no-repeat;
    background-size: cover;
	color: #222222;
}





/* 
---------------------------------------------------------------------------------------
Styling for hyperlinks, will not affect nav bar 
---------------------------------------------------------------------------------------
*/
a:link, a:visited
{	
	text-decoration: none;
	color: #8C0002;
}	
		
A:hover	
{	
	text-decoration: none;
	color: black;
}




/* 
---------------------------------------------------------------------------------------
CSS for header and navbar
---------------------------------------------------------------------------------------
*/

/* Container for header, allows for percentage sizing for fanuc logo and navbar */
navcontainer 
{
    width: 100%;
	border: 0;
	text-align: center;
	background: #9B9B9B;
	display:inline-block;
}

/* Style for FANUC logo, also added on the right side of the nav to allow centering */
logo 
{
    width: 10%;
	display:inline-block;
	vertical-align: middle;
	background: #9B9B9B;
	text-align: left;
	margin: 0;
}


/* Style for navigation bar */
nav
{
	width: 78%;
	background: TRANSPARENT;
	padding: 0;
	margin:0;
	display:inline-block;
	z-index: 1;
	position: relative;
} 




/* 
---------------------------------------------------------------------------------------
CSS for main container
---------------------------------------------------------------------------------------
*/

/* Container for main content, allows for percentage sizing for main div and sidebar */	
container 
{
    width: 100%;
	display: flex;
	float: left;
	position: relative;
}		

/* Style for primary sidebar */ 
primarysidebar 
{
	width: 17%;
	color: #8C0002; 
	vertical-align: top;
	position: relative;
	text-align: center;
	float: left;
	padding-top: 30px;
}

/* Style for main div */
main
{
    background: white;
	height: 50em;
	padding-left: 50px;
	padding-right: 50px;
	vertical-align: top;
	border-collapse: collapse;
	width: 66%;
	position: relative;
	text-align: left;
}
		
/* Style for secondary (right) sidebar */
secondarysidebar 
{
	width:17%;
	position: relative;
}




/* 
---------------------------------------------------------------------------------------
CSS styling for navigation bar- pairs with the "nav" styling
---------------------------------------------------------------------------------------
*/

/* Styling of first level */
#primary_nav_wrap ul
{
	padding:0;
	margin:0;
	list-style: none;
	position:relative;
	text-align: center;
	
	background: #9B9B9B;
}

#primary_nav_wrap ul a
{
	display:block;
	color: white;
	text-decoration:none;
	font-size: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-right: 1em;
	padding-left: 1em;
	text-align: left;
}

#primary_nav_wrap ul li
{
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
}

#primary_nav_wrap ul li:hover
{
	background: #8C0002; 
}



/* Styling for second level */
#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
	border-bottom:  1px solid #D2D2D2;
}

#primary_nav_wrap ul ul a
{
	color: white;
	text-decoration:none;
	font-size: .85em;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-right: 1.5em;
	padding-left: 1.5em;
}



/* Styling for third level */
#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%;
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
}