/* CSS Document */

body {
   margin: 0; 
	 padding: 0; 
	 background: url(images/bg.gif) repeat-x;
   text-align: center;
}

h1 {
   font-family: arial, tahoma, verdana;
   color: #0d1377;
   font-size: 18pt;
   margin: 0 0 20px 0;
}

h2 {
   font-family: arial, tahoma, verdana;
   color: #0d1377;
   font-size: 12pt;
   margin: 0 0 20px 0;
}


p {
   font-family: arial, tahoma, verdana;
	 margin: 0 0 10px 0;
	 font-size: 9pt;
   color: #000
}

div {
   font-family: arial, tahoma, verdana;
	 margin: 0 0 10px 0;
	 font-size: 9pt;
   color: #000
}


ol {
   font-family: arial, tahoma, verdana;	 
	 font-size: 9pt;
   color: #000
}

blockquote {
   font-family: arial, tahoma, verdana;
	 font-size: 9pt;
   color: #000
}

a {
   font-family: arial, tahoma, verdana;	 
   color: #0d1377;
}

td {
	 font-family: arial, tahoma, verdana;
	 font-size: 9pt;
   vertical-align: top;
}

.main-wrapper {
   text-align: left;
   background: #fff;
   height: 100%;
   width: 780px; 
   margin-left: auto; 
   margin-right: auto;
}

.top {
   padding: 10px 0 0 16px; 
   height: 147px;
}

.top p {
   float: right; 
   margin: 10px 25px 0 0;
   font-weight: bold;
   color: #777
}

.nav-wrapper {
   text-align: center; 
   background: url(images/nav-bar-bg.gif) repeat-x; 
   height: 30px;
}

.nav-wrapper2 {
   margin-left: auto; 
   margin-right: auto; 
   width: 700px
}

.content-wrapper {
   background: url(images/content-bg.gif) repeat-x; 
   margin: 1px 0 0 0;
}

.content-wrapper2 {
   width: 740px; 
   margin-left: 25px; 
   padding-top: 20px;
}

.content-wrapper2 a {
  color: #0d1377;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9pt;
  font-weight: bold;
}

.content-wrapper2 a:hover {
  color: #0d1377;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9pt;
  font-weight: bold;
}


.right-slot {
   float: right; 
   width: 272px; 
   margin: 0 0 15px 15px
}

.right-slot2 {
   float: left; 
   width: 272px; 
   margin: 0 0 15px 15px
}

.left-col {
   width: 451px; 
   float: left
}

.flash-banner {
   text-align: center; 
   padding: 15px 0 0 0
}

.portlets-wrapper {
   margin: 0 0 15px 15px; 
   padding: 0;
}

.portlets-head {
   margin: 0;
   padding: 0;
   height: 30px;
}

.header {
   color: #fff; 
   padding: 6px 0 0 7px;
   margin: 0;
   font-family: arial, tahoma, verdana;
   font-size: 11pt;
   font-weight: bold;
}

.portlet-content {
   border: 1px solid #e7e7e7; 
   margin: 0; 
   padding: 12px;
   background: #fff;
   height: 340px;
}

.portlet-content a {
  color: #0d1377;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9pt;
  font-weight: bold;
}

.portlet-content a:hover {
  color: #0d1377;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9pt;
  font-weight: bold;
}

.footer {
   text-align: center; 
   color: #777;
   padding-top: 10px;
   width: 750px;
   margin-left: 15px;   
}

/* ####### start of main nav ####### */

#globalnav {
	position:relative;
	float: left;
	padding: 0 0 0 0;
	margin: 6px 0 0 0;
	list-style: none;
	line-height: 1em;
	font: 10pt arial bold;
  border: px solid red;
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
}

#globalnav LI.separator {
	float:left;
	margin:0;
	padding:0 22px 0 22px;
}

#globalnav A {
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0 0 8px 0;
	color: #00236A;
}

#globalnav A.here,
#globalnav A.here:hover{
  color: #10A0D6;
  text-decoration: none;
  background: url(images/active-hilite.gif) bottom repeat-x;
  }

#globalnav A:hover{
	color: #10A0D6;
  text-decoration: none; 
  background: url(images/hover-hilite.gif) bottom repeat-x;
}

#globalnav A:active,
#globalnav A.here:visited {
  color: #10A0D6;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/* ####### end of main nav ####### */