/* 
     Title: Agoo IT Main CSS
     Name:  agoo.css
     Date:  July 2009
*/


body	{
	
	text-align: center;
	padding: 0px;
	background-color: #9CF;
	margin: 0px;
	font: 90% Helvetica, Arial, sans-serif;


	}


.mw {

	min-width: 900px;
	
}

.nobuffer	{
		padding-bottom: 0px;
		}

.left-picture {

		float: left;
		padding-right: 10px;
		padding-bottom: 1px;
		padding-top: 1px;
		margin-top: 0px;
		margin-bottom: 0px;
		}


#header {
		color: #FFFFFF;
		clear:both;
		text-align: left;
		font-family: Helvetica, Arial, sans-serif;
		padding-bottom: 10px;
	}


.it {
		color: #fff;
		font-size: 1.5em;


	}

.tagline{

		color: #003;
		font-size: 0.5em;
		font-weight: bold;
	}

.title-agoo 

{
	padding-left: 25px;
	font-size: 2.5em;
	padding-bottom: 0.2em;
	margin: 0px;
	color: #003;	
	padding-top: 0.2em;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;

}

p {

		font-family: Helvetica, Arial, sans-serif;

}


#skip {display: inline;
      }

#skip a, #skip a:hover, #skip a:visited { position:absolute; 
                                          left:0px; 
                                          top:-500px; 
                                          width:1px; 
                                          height:1px; 
                                          overflow:hidden;               
                                        } 


#skip a:active, #skip a:focus { position:static; 
                                text-decoration: underline;
			      }



#accesslinks {

text-align: right;
font-size: 90%;
color: #003;
font-weight: bold;

padding-right: 20px;

}


#accesslinks a	{ 
		color: #003;
		text-decoration: underline;
		}


#accesslinks a:hover, #accesslinks a:focus, #accesslinks a:active 	

		{
		text-decoration: underline;
		color: #FFF !important;
		background-color: #003;
		}

#accesslinks A:visited {


color: #003;


}

.breadcrumb {

	width: 100%;
	padding-bottom: 4px;

	}


#container1 {

	float: left;
	margin: 1.5em -17.5em 0px 0px;
	width: 100%;
	

	
	}


#container2 {

	float: right;
	margin-left: -17.7em;
	width: 100%;
	

	}


#content {

	position: relative;
	text-align: left;
	background-color: #FFF;
	color: #000;
	margin: 0px 17.3em;
	border: #069 1px solid;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;	
	padding-top: 10px;
	top: -8px;
	
	}


#content a	{ 
		border: 0px;
		color: #069;
		text-decoration: none;
		border-bottom: 1px dotted #069;
		}


#content a:hover, #content a:focus, #content a:active 	

		{
		border-bottom: 1px solid #069;
		text-decoration: none;
		background-color: #FF9;
		color: #069;
		}

#content a:visited { 

			color: #069;
		       }

.information {
		background-color: #FF9;
		color: #000;
		border: #069 1px solid;
		padding: 9px;
		margin: 3em 0px 2em;
		
		
	}

.information p {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1.1em; MARGIN: 0px; PADDING-TOP: 1.1em
}

.information a	{ 
		text-decoration: none;
		border-bottom: 1px dotted #069;
		color: #069;
		}


.information a:hover, .information a:focus, .information a:active 	

		{
		text-decoration: none;
		border-bottom: 1px solid #069;
		color: #069;
		background: #FFC !important;
		}

.information a:visited { 

		text-decoration: none;
		border-bottom: 1px dotted #069;
		color: #069;

		       }


#left {

	position: relative;
	width: 16em;


	}


.left-menu .box {

	position: relative;
	top: -8px;
	border-right: #000 1px solid;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	padding: 0px;
	margin-bottom: 30px;
	background-color: #069;
	margin-left: 5px;


	}


.left-menu .box li {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	font-weight: bold;
	list-style-type: none;

	}


.left-menu ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none
}

.left-menu li {
	border-top: #000 1px solid; 
	margin: 1px 0px; 
	height: 1%
}



.left-menu li a {
	padding-right: 7px; 
	display: block; 
	padding-left: 15px; 
	padding-bottom: 5px; 
	padding-top: 5px; 
	font-size: 1.1em; 
	height: 1%;
	text-decoration: none;
	color: #FFF;
}
.left-menu li a:visited {
	padding-right: 7px; 
	display: block; 
	padding-left: 15px; 
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 1.1em;
	height: 1%;
	color: #FFF;
}

.highlight {
	padding-right: 7px; 
	display: block; 
	padding-left: 15px; 
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #FF9;
	color: #069;
	font-size: 1.1em;
	height: 1%;
}

.highlight-sub {
	padding-right: 7px; 
	display: block; 
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #003;
	color: #FFF;
	font-size: 1.1em;
	height: 1%;
}


.highlight-main {
	padding-right: 7px; 
	display: block; 
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #FF9;
	color: #069 !important;
	font-size: 1.1em;
	height: 1%;
}



#left a:hover, #left a:focus, #left a:active {
background-color: #FFF;
color: #069;
text-align: left;

}



#left li a.left-menu {

text-align: left;
padding-left: 20px;
background-color: #FF9;
color: #069;

}


#left-menu li a.blue {

text-align: left;
padding-left: 20px;
background-color: #9CF;
color: #003;

}

#left-menu li a.blue:focus {

text-align: left;
padding-left: 20px;
background-color: #FFF;
color: #003;

}

#left-menu li a.blue:active {

text-align: left;
padding-left: 20px;
background-color: #FFF;
color: #003;

}



#left-menu li a.blue:hover {

text-align: left;
padding-left: 20px;
background-color: #FFF;
color: #003;

}





#right {

	float: right;
	width: 16em;
	text-align: left;
	margin-top: 1.5em;
	margin-right: 1em;
	
}

.right-box {

	position: relative;
	top: -8px;
	border: #069 1px solid;
	padding: 9px;
	background-color: #FF9;
	margin-bottom: 30px;

}


.right-box a	{ 
		color: #069;
		text-decoration: none;
		border-bottom: 1px dotted #069;

		}


.right-box a:hover, .right-box a:focus, .right-box a:active 	

		{
		text-decoration: none;
		border-bottom: 1px solid #069 !important;
		color: #069;
		background: #FFC;
		}

.right-box a:visited { 

			color: #069;
			text-decoration: none;
			border-bottom: 1px dotted #069;
		       }



#footer {
	float: none;
	width: 100%;
	position: relative;
	bottom: 0px;
	top: 0px;
	clear: both;
	font-weight: bold; 
	min-height: 3.5em; 
	background-color: #003; 
	color: #FFF;
	
}


h1	{ 

		font-family: Helvetica, Arial, sans-serif;
		font-size: 150%;
		color: #003;
		margin: 0px 0px 0.5em;
		line-height: 130%;


	}

h2	{


		font-family: Helvetica, Arial, sans-serif;
		font-size: 130%;
		color: #003;
		margin: 0px 0px 0.5em;
		line-height: 130%;

	}


h3	{


   		font-family: Helvetica, Arial, sans-serif;
		font-size: 110%;
		color: #003;
		margin: 0px 0px 0.5em;
		line-height: 130%;

	}


h4	{


   		font-family: Helvetica, Arial, sans-serif;
		font-size: 100%;
		color: #003;
		margin: 0px 0px 0.5em;
		line-height: 130%;

	}


p {
	   	font-family: Helvetica, Arial, sans-serif;
		font-size: 100%;
		margin-top: 1.1em;
		margin-bottom: 1.1em;
		line-height: 130%;

	}



ul {

		font-family: Helvetica, Arial, sans-serif;
		font-size: 100%;
		color: #000;
		margin-top: 1.1em;
		margin-bottom: 1.1em;
		line-height: 130%;
	
}

li {
		line-height: 130%;
		list-style-type: square;
		
}


dt	{
	line-height: 130%;

	}


dd	{

	line-height: 130%;
	}


.section {
	clear: both;
	width: 100%;
	color: #000;
	font-size: 100%;
	background-color: #FFF;

       }

.section div {

	clear: both;
	width: 100%;
	color: #000;
	font-size: 100%;
	background-color: #FFF;

       }
	

.section div div {


		clear: none;
		padding-right: 2px;
		
		padding-left: 2px;	
		float: left;
		margin-bottom: 10px;
		padding-bottom: 2px;
		width: 48%;
		padding-top: 0px;
		background-color: #FFF;

	}

.section div div.top {
		
		float: left;
		background-color: #FFF;

		}



.section div div.right-column  {
		
		float: right;
		background-color: #FFF;

		}


.section div div.clear {

		clear: both;
		float: none;
		width: 100%;

}

.section h2 a {

	color: #069;
	text-decoration: underline;
	padding-left: 0px;
	padding-bottom: 0.2em;
	padding-top: 0.2em;

	}


.section h2 a:visited {

	color: #069;

	}



.top a:hover, .top a:focus, .top a:active 	

		{
		text-decoration: underline;
		color: #FF0000;
		background-color: #ffffff;
		}