/*

[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Side Navigation
	6- Main Navigation
	7- Middle 
	8- Extras
	9- Footer 
	10- Copy

*/

/* =0 Reset */
@import url('reset.css');


/* =1 Global */
body {
	background-image:url(../images/background.png);
	background-repeat:repeat;
	font-size: 11px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#564b47;
	background-color: #FFFFFF;
}

tr, td {
	margin:0px;
	padding:0px;
	vertical-align: top;
}

#container, #homepgcontainer {
	width: 1024px;
	margin-bottom: 0px;
	margin:0px auto;
	background-image:url(../images/background_divides.gif);
	background-repeat:repeat-y;
	padding:0px 0px;
	
}
#homepgcontainer {
	background-image:url(../images/background_divides_homepg.gif);
	background-repeat:repeat-y;
	padding:0px 0px;
 }
 
#container2 {
	width: 512px;
	margin-bottom: 0px;
	margin:0px auto;
	float: left;
	padding:0px 0px;
}
#container3 {
	width: 512px;
	margin-bottom: 0px;
	margin:0px auto;
	float: right;
	padding:0px 0px;
}
#container4 {
	width: 768px;
	margin-bottom: 0px;
	margin:0px auto;
	float: left;
	padding:0px 0px;
}
#container5 {
	width: 256px;
	margin-bottom: 0px;
	margin:0px auto;
	float: right;
	padding:0px;
}
#container6 {
	width: 512px;
	margin-bottom: 0px;
	margin:0px auto;
	float: right;
	padding:0px 0px;
}
#container7 {
	width: 450px;
	margin:30px auto;
	padding:0px 0px;
	background-color:#FFFFFF;
}

p  {
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 25px;
	padding-right: 25px;
}


/* =2 Links */
a, a:link {
	color: #004896;
	text-decoration:underline;
}
a:visited {
	color: #004896;
	text-decoration:underline;
}
a:hover {
	color: #666666;
	text-decoration:underline;
}
a:active { 
	color: #004896;
	text-decoration:underline;
}

iconlinks a, iconlinks a:link {
	color: #004896;
	text-decoration:underline;
	padding-top:5px;
}
iconlinks a:visited {
	color: #004896;
	text-decoration:underline;
	padding-top:5px;
}
iconlinks a:hover {
	color: #666666;
	text-decoration:underline;
	padding-top:5px;
}
iconlinks a:active { 
	color: #004896;
	text-decoration:underline;
	padding-top:5px;
}


/* =3 Headings */
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-left:25px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 8px;
	font-weight: normal;
	color: #666666;
	line-height: 17px;
}
#banner h1 {
	background-color: #0C0C0C;
	font-size: 14px;
	text-align: left;
	padding:0px 0px;
	margin:0px 0px;
}

#footer h4 h5 {
	font-size: 10px;
	text-align: left;
}

h2 {
	font-size:12px;
	font-weight: normal;
	padding-left:25px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #004896;
}

h3 {
	font-size:11px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left:25px;
	padding-right: 20px;
	color: #004896;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:25px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 14px;
	text-align: left;
	background-color: #0C0C0C;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:25px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 14px;
	text-align: right;
	background-color: #0C0C0C;
}

/* =4 Header */
#banner, #imagebanner {
	background-color: #f2f2f2;
	text-align: right;
	padding:0px 0px;
}
#imagebanner {
	height:230px;
}
#banner img {
	padding:0px 0px;
	margin:0px 0px;
} 

/* =5 Side Navigation */
div.sdmenu {
	width: 256px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	color: #fff;
}
div.sdmenu div {
	background: url(../images/sidenav_toptitle.gif) repeat-x;
	overflow: hidden;
}
/*div.sdmenu div:first-child {
	background: url(../images/sidenav_toptitle.gif) no-repeat;
}*/
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
}

div.sdmenu div span a {
	background: url(../images/sidenav_expanded.gif) repeat-x;
	padding: 5px 25px;
	color: #FFFFFF;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	text-decoration:none;
}

div.sdmenu div.collapsed span a {
	background-image: none;
	text-decoration:none;
	color: #FFFFFF;
}

div.sdmenu div span a:hover{
	background: url(../images/sidenav_expanded.gif) repeat-x;
	color:#FFFFFF;
	text-decoration:none;
	color: #FFFFFF;
}

div.sdmenu div span a:visited, div.sdmenu div.collapsed span a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

div.sdmenu div a {
	padding: 5px 25px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #666666;
	text-decoration: none;
}
div.sdmenu div a.current {
	background : #CCCCCC;
	color: #004896;
	
}
div.sdmenu div a:hover {
	background : #CCCCCC;
	color: #004896;
	text-decoration: none;	
}
div.sdmenu div a:visited, div.sdmenu div a.current:visited {
	text-decoration:none;
}


/* =6 Main Navigation */

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font:  12px Arial, Helvetica, sans-serif;
list-style-type: none;
background: url(../images/nav_background.gif) repeat-x;
overflow: hidden;
width: 100%;
line-height:12px;
border-bottom: 1px solid white;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a, .mattblackmenu li a:link, .mattblackmenu li a:visited{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding-top: 6px;  /*padding inside each tab*/
padding-bottom: 5px;
padding-left: 25px;
padding-right: 26px;
border-right: 0px solid white; /*right divider between tabs*/
color: white;
background: url(../images/nav_background.gif) repeat-x;
}


.mattblackmenu li a:hover{
background: url(../images/nav_selected.gif) repeat-x; /*background of tabs for hover state */
}

.mattblackmenu li a.selected a.current{
background: url(../images/nav_selected.gif) repeat-x; /*background of tab with "selected" class assigned to its LI */
}

.mattblackmenu a.current{
background: url(../images/nav_selected.gif) repeat-x;
}

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 12px Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 0px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
background: transparent;
}

.ddsubmenustyle li a{
display: block;
color: #FFFFFF;
/*background-color: #001b68;*/
background-color: #004896;
text-decoration: none;
/*<!--padding: 4px 9px;-->*/
padding-left:9px;
padding-right:4px;
padding-top:4px;
Padding-bottom:4px;
border-bottom: 0px solid black;
width: 135px; /*width of menu (not including side paddings)*/
filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;
}

.ddsubmenustyle li a:hover{
/*background-color: #000000;*/
background-color: #231F20;
color: white;
text-decoration: none;
}

/* 2nd level */
.ddsubmenustyle li ul li{
filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;
}

/* IE6 HACKS */
*html #ddsubmenu1 ul {
	margin:0px;
	padding:0px;
}
*html #ddsubmenu1 li {
	display:inline;
}

*html #ddsubmenu1 li a {
	color:#FFFFFF;
	text-decoration:none;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* =7 Middle */

#contentmidleft {
	margin: 0px;
	float: right;
	width: 255px;
	border-top-color: #004896;
	border-top-style: solid;
	border-top-width: 1px;
}
#contentmidright {
	margin: 0px;
	float: left;
	width: 256px;
	border-top-color: #004896;
	border-top-style: solid;
	border-top-width: 1px;
}
#contentcentre {
	margin: 0px 0px;
	width: 511px;
	border-top-color: #004896;
	border-top-style: solid;
	border-top-width: 1px;
	float: right;
}
#contentcentre ul  {
	padding-left: 20px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-top: 0px;
	list-style-image: url(../images/bullet.gif);
	*list-style-image: url(../images/bullet_ie7.gif);
	_list-style-image: url(../images/bullet.gif);
	margin-left: 20px;
}
#contentcentre li {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 20px;
}
div#content { 
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
#left {
	float: left;
	width: 256px;
	border-top-color: #004896;
	border-top-style: solid;
	border-top-width: 1px;
}
#right {
	float: right;
	width: 256px;
	border-top-color: #004896;
	border-top-style: solid;
	border-top-width: 1px;
}
#footer {
	background-color: #000000;
	margin-left: 0px; 
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 1024px;
	color: #999999;
}
.people {
	 padding-right:0px;
	 padding-left:25px;
	 padding-top:0px;
	 padding-bottom:0px;
 }
 
.people2 {
	float:right;
	width:348px;
 }
 .advisors {
	 padding-right:0px;
	 padding-left:0px;
	 padding-top:0px;
	 padding-bottom:0px;
 }
 .advisors2 {
	float:left;
	width:255px;
	border-right-width:1px;
	border-right-color:#cccccc;
	border-right-style: solid;
 }
  .advisors3 {
	float:right;
	width:255px;
 }
 .contact {
	 background: url(../images/bg_grad.gif) repeat-y;
	 padding-top:5px;
	 padding-bottom:5px;
	 margin-left:25px;
	 margin-right:25px;
	 margin-top:15px;
	 margin-bottom:30px;
	 border-right-width:1px;
	 border-right-color:#CCCCCC;
	 border-right-style: solid;
	 border-left-width:1px;
	 border-left-color:#CCCCCC;
	 border-left-style: solid;
	 border-top-width:1px;
	 border-top-color:#CCCCCC;
	 border-top-style: solid;
	 border-bottom-width:1px;
	 border-bottom-color:#CCCCCC;
	 border-bottom-style: solid;

}
.contact2 {
	float:left;
	width:275px;
 }
.contactfront {
	 background: url(../images/contact_grad.gif) repeat-y;
	 padding:10px;
	 margin-left:25px;
	 margin-right:25px;
	 margin-top:10px;
	 margin-bottom:30px;
	 border-width:1px;
	 border-color:#CCCCCC;
	 border-style: solid;

}
 
.rss {
	padding-right:0px;
	padding-left:25px;
	padding-top:0px;
	padding-bottom:0px;

}
.rss1 {
	float:left;
	display:block;
	height: 40px;
	width:21px;
	margin-right: 10px;

}
#icons {
	padding-right:25px;
	padding-left:25px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:10px;
	margin-bottom:5px;
}
#icons1 {
	float:left;
	width:80px;
}
#icons2 {
	float:right;
	width:381px;
}
#icons3 {
	float:left;
	width:110px;
}
#icons4 {
	float:right;
	width:351px;
}
#icons5 {
	float:left;
	width:351px;
}
#icons6 {
	float:left;
	width:100px;
}
#icons7 {
	float:left;
	width:150px;
}

#icons1 img, #icons2 img, #icons3 img, #icons4 img, #icons5 img, #icons6 img, #icons7 img{
	position:relative;
	bottom:3px;
}

/* =8 Extra */
img.floatleft {
	float:left;	
	margin-bottom: 20px;
	margin-top: 8px;
}
img.floatright {
	float:right;
	clear:right;
}
img.logofloatright {
	float:right;	
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 15px;
}
img.logofloatleft {
	float:left;	
	margin-bottom: 20px;
	margin-top: 0px;
}
img.icon {
	float:left;	
	margin-bottom: 0px;
	margin-right: 10px;
}

/* =9 Footer */
#footer {
	clear: both;
	text-align: right; 
}

/* =10 Copy */
.body {
	font-size: 11px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#564b47;
}
.iconlinks {
	font-size: 11px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:20px;
}

.intro {
	font-size: 12px;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#004896;
}
.footerleft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left:20px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	color: #999999;
	line-height: 14px;
	text-align: left;
	background-color: #0C0C0C;
	text-decoration: none;
}
.footerright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left:0px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	color: #999999;
	line-height: 14px;
	text-align: right;
	background-color: #0C0C0C;
	text-decoration: none;
}
.footerright a, .footerright a:link {
	color: #999999;
	text-decoration: none;
}
.footerright a:visited {
	color: #999999;
	text-decoration: none;
}
.footerright a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.footerright a:active { 
	color: #999999;
	text-decoration: none;
}
.lastupdated{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #564b47;
	line-height: 14px;
	text-decoration: none;
}
.table1 {
	font-size: 11px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #564b47;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	vertical-align: middle;

}
.table2 {
	font-size: 10px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #564b47;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.table3 {
	font-size: 11px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #564b47;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}
.magenta {
	font-size: 11px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF00FF;
}