#homecontainer 					/* div container styling the elements after the <ul> element*/
{
	position:absolute;
	top:80px;
	left:13px;
	margin-left: 0;
	padding-left: 0;
	padding-top:3px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	height: 18px;
	width: 99px;
	z-index: 1;
}

#mediacontainer /*styles the ul navlist for the entire ul element*/
{
	position:absolute;
	top:80px;
	left:123px;
	margin-left: 0;
	padding-left: 0;
	padding-top:3px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	height: 18px;
	width: 100px;
	white-space: nowrap;
	z-index: 1;
}

#quadprocontainer  /*styles the ul navlist for the entire ul element*/
{
	position:absolute;
	top:80px;
	left:231px;
	margin-left: 0;
	padding-left: 0;
	padding-top:3px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	height: 18px;
	width: 99px;
	z-index: 1;
}

#pachomioucontainer /*styles the ul navlist for the entire ul element*/
{
	position:absolute;
	top:80px;
	left:381px;
	margin-left: 0;
	padding-left: 0;
	padding-top:3px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:0.65em;
	height: 18px;
	width: 94px;
}

#solutionscontainer /*styles the ul navlist for the entire ul element*/
{
	position:absolute;
	top:80px;
	left:339px;
	margin-left: 0;
	padding-left: 0;
	padding-top:3px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	height: 18px;
	width: 99px;
	z-index: 1;
}


#homecontainer a				/*Allows user to have precise pixel control of home text label via padding values*/
{
	padding-left:34px;			/*sets padding 29 pixels left from the home text label to parent container (window browser in this instance) via boxlayer model to center text*/
	padding-right:34px;			/*sets padding 30 pixels right from the home text label to the parent container (window browser in this instance) via box layer model to center text*/
	padding-top:4px;			/*sets padding 4 pixels top from the home text label to the parent container (window browser in this instance) via box layer model to center text*/
	padding-bottom:4px;			/*sets padding 4 pixels bottom from the home text lavel to the parent container (window browser in this instance) via box layer to center text*/
}

#mediacontainer a /*styles the elements after the navlist a tags */
{
	padding-left:17px;
	padding-right:17px;
	padding-top:4px;
	padding-bottom:4px;
}

#quadprocontainer a /*styles the elements after the navlist a tags */
{
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
}

#pachomioucontainer a /*styles the elements after the navlist a tags */
{
	padding-left:8px;
	padding-right:7px;
	padding-top:4px;
	padding-bottom:4px;
}

#solutionscontainer a /*styles the elements after the navlist a tags */
{
	padding-left:9px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
}


#homecontainer a:link, #homecontainer a:visited	/*setting style dynamically depending the users action result.*/
{
	color: #fff;
	background-color: #FE5A1D;
	text-decoration: none;
}

#mediacontainer a:link, #mediacontainer a:visited	/*styles dynamically depending the users action.*/
{
	color: #fff;
	background-color: #AB903F;
	text-decoration: none;
}

#quadprocontainer a:link, #quadprocontainer a:visited
{
	color:#fff;
	background-color: #036;
	text-decoration: none;
}

#pachomioucontainer a:link, #pachomioucontainer a:visited
{
	color:#fff;
	background-color: #1A1E1F;
	text-decoration: none;
}

#solutionscontainer a:link, #solutionscontainer a:visited
{
	color:#fff;
	background-color: #4A6441;
	text-decoration: none;
}

#homecontainer a:hover	/*styles dynamically when user */
{
color: #fff;		/*change text to white */
background-color: #FF9900;	/*change <ul>'s background color to deep blue */
text-decoration: none;	/*no underline*/
}

#mediacontainer a:hover	/*styles dynamically when user */
{
color: #fff;		/*change text to white */
background-color: #CCCC66;	/*change <ul>'s background color to deep blue */
text-decoration: none;	/*no underline*/
}

#quadprocontainer a:hover	/*styles dynamically when user */
{
color: #fff;		/*change text to white */
background-color: #369;	/*change <ul>'s background color to deep blue */
text-decoration: none;	/*no underline*/
}

#pachomioucontainer a:hover	/*styles dynamically when user */
{
color: #fff;		/*change text to white */
background-color: #666666;	/*change <ul>'s background color to deep blue */
text-decoration: none;	/*no underline*/
}

#solutionscontainer a:hover	/*styles dynamically when user */
{
color: #fff;		/*change text to white */
background-color: #669900;	/*change <ul>'s background color to deep blue */
text-decoration: none;	/*no underline*/
}