/* CSS Document */


body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.container {
	width: 100%;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	text-align: center; /* this overrides the text-align: center on the body element. */
	background: #fff url(/gradoffice/images/background-hm4.jpg) repeat-x;
	font-size: 14px;
	color: #000;
}	

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	
}

/* ANCHORS */

a {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
	a:link {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
a:visited {	
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;	
	font-weight: bold;
	}

a:hover {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	text-decoration: underline;
	font-weight: bold;	
	}

a:active {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #00F;

}
.leftimage {/* this class should be used for left hand images */
	float:left;
	
}
.leftimagecontent {/* this class should be used for left hand images */
	float:left;
	margin:0 10px 5px 0;

		
}
.leftimage .border{ /* this class should be used for left hand image boarders */
	border: solid #000 1px;
	margin:0 0 10px 0;
}

.rightimage { /* this class should be used for right hand images */
	float:right;
}

.rightimagecontent { /* this class should be used for right hand images */
	float:right;
	margin:0 0 5px 10px;

}

.rightimage .border{ /* this class should be used for right hand image boarders */
	border: solid #000 1px;
	margin:0 0 10px 0;
}
.captions {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #FFFFFF;
	font-size: 11px;
	line-height: 12px;
	margin-top: 2px;
}

#MenuBar8 a{
	background-color:transparent;
	color:#FFFFFF;
}

#MenuBar8 ul li a{
	font-size:11px;
	color:#000000;
}

/* quicklinks items */

div#wrapper1
{
	width:910px;
	 margin: 0 auto;
	 padding:10px 10px 0 0;
	 text-align:left;
	
	}
	#quicklinkwrapper
{
	 font-family:  "Arial", Helvetica, Verdana, sans-serif;
	 margin: 20px 0 0 0;
	 padding:10px 10px 10px 20px;
	 background:#FFFFFF;
	
	}
	#quicklinkwrapper p
{
	 font-family:  "Arial", Helvetica, Verdana, sans-serif;
	 font-size: 11px;
	 line-height:14px;
	color:#000000;
	margin: 0 0 5px 0;
	}
	#quicklinkwrapper a
{
	 font-family:  "Arial", Helvetica, Verdana, sans-serif;
	 font-size: 11px;
	 line-height:14px;
	color:#000000;
	font-weight:normal;
	}
#quicklinkwrapper a:hover,  #quicklinkwrapper a.selected {
 font-family: "Arial", Helvetica, Verdana, sans-serif; 
 font-size: 11px;
line-height:14px;
 color: #4680DC;
 font-weight:normal;
 }
	.quicklinkcolumn
{
	 font-family:  "Arial", Helvetica, Verdana, sans-serif;
	width:190px;
	 margin:0 10px 0 0px;
	 border-right: solid 1px #CCC;
	 padding:0 10px 0 0;
	 float:left;
	
	}

	.quicklinkcolumn2
{
	font-family:  "Arial", Helvetica, Verdana, sans-serif;
	width:190px;
	 margin:0 10px 0 0px;
	 border-right: solid 1px #CCC;
	 padding:0 10px;
	 float:left;
	}
	.quicklinkcolumn3
{
	font-family:  "Arial", Helvetica, Verdana, sans-serif;
	width:190px;
	margin:0 0 0 20px;
	 padding:0 5px 0 0;
	 float:left;
}
.quicklinkcolumn h1
{
	 font-family:  "Arial", Helvetica, Verdana, sans-serif;
	 font-weight:bold;
	 color:#2e6ab1;
	font-size: 18px;
	 line-height:24px;
	 border-bottom: solid 1px #CCC;	
	  border-top: solid 1px #CCC;
	  margin:10px 0 5px 0;
	  text-align:center;
}
	.quicklinkcolumn2 h1
{
	 font-family:  "Arial", Helvetica, Verdana, sans-serif;
	 font-weight:bold;
	 color:#2e6ab1;
	font-size: 18px;
	 line-height:24px;
	 border-bottom: solid 1px #CCC;	
	  border-top: solid 1px #CCC;
	  margin:10px 0 5px 0;
	  text-align:center;
}

.quicklinkcolumn3 h1
{
	 font-family:  "Arial", Helvetica, Verdana, sans-serif;
	 font-weight:bold;
	 color:#2e6ab1;
	font-size: 18px;
	 line-height:24px;
	 border-bottom: solid 1px #CCC;	
	  border-top: solid 1px #CCC;
	  margin:10px 0 5px 0;
	  text-align:center;
}

/* quicklinks items */