﻿body
{
	scrollbar-face-color:#D0D0D0;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#F0F0F0;
	scrollbar-shadow-color:#D0D0D0;
	scrollbar-highlight-color:#D0D0D0;
	scrollbar-3dlight-color:#F0F0F0;
	scrollbar-darkshadow-color:#D0D0D0;
	
}

#header
{
	left: 200px;
	position: absolute;
	top: 71px;
	height: 100px;
	width: 800px;
	vertical-align: bottom;
}

#headings
{
	left: 0px;
	top: 40px;
	height: 40px;
	position: absolute;
	font-size: 10pt;
	color: #1f3373;
	font-family: Verdana;
}

#menu
{
	left: 45px;
	position: absolute;
	top: 60px;
	width: 170px;
	height: 440px;
	font-size: 12pt;
	color: #1f3373;
	font-family: Verdana;
}

#menutext
{
	top:250px;
	left: 5px;
	position: absolute;
	vertical-align: bottom;
}

#logo
{
	position:absolute;
	top:0px;
	left:15px;
}

#submenu
{
	position: absolute;
	text-decoration: none;
	color: #1f3373;
	left: 0px;
	width: 200px;
	font-size: 11px;
}

#mainpic
{
	left: 200px;
	position: absolute;
	top: 60px;
	z-index: 100;
	font-size: 10pt;
	color: #787878;
	font-family: Verdana;
	vertical-align: bottom;
	width:800px;
	height:435px;
}

#mainpic_main
{
	left: 200px;
	position: absolute;
	top: 94px;
	z-index: 100;
	font-size: 10pt;
	color: #787878;
	font-family: Verdana;
	vertical-align: bottom;
	width:800px;
	height:400px;
}

#content_div
{
	font-size: 10pt;
	color: #787878;
	font-family: Verdana;
	vertical-align: bottom;
	width:605px;
	height:100%;
	float:right;
}

#main
{
	left: 200px;
	width: 722px;
	position: absolute;
	top: 70px;
	z-index: 100;
	font-size: 10pt;
	color: #787878;
	font-family: Verdana;
	vertical-align: bottom;
}

#main_text
{
	position: absolute;
	top:0px;
	left: 200px;
	width:390px;
}

#main_rightimage
{
	position: absolute;
	height: 100%;
	width: 100px;
	right: 0px;
	top: 0px;
}

#main h3
{
	color: #1f3373;
	font-size:small;
}

#footer
{
	text-align: right;
	position: absolute;
	left: 200px;
	top: 496px;
	height: 100px;
	width:800px;
}

#footercontents
{
	text-align: right;
	right: 0px;
	bottom: 0px;
	top:12px;
	width:100%;
	position: absolute;
}

#bluebar
{

	background-image: url(images/bluebar.jpg);
	background-repeat: repeat-x;
	top: 30px;
	left: 200px;
	height: 20px;
	position: absolute;
	width:800px;
}

#orangebar
{
	background-image: url('images/orangebar.jpg');
	background-repeat: repeat-x;
	left: 0px;
	width: 800px;
	position: absolute;
	top: 0px;
	height:12px;
}

#verticalbar
{
	position: absolute;
	background-image: url('images/orangebar.jpg');
	background-repeat:repeat ;
	
	left: 180px;
	height: 437px;
	width: 2px;
	top: 0px;
	z-index: 1000;
}

ul.makeMenu, ul.makeMenu ul
{
	width: 150px; /* sets the size of the menu blocks */
	padding-left: 0px; /* stops the usual indent from ul */
	cursor: default; /* gives an arrow cursor */
	margin-left: 0px; /* Opera 7 final's margin and margin-box model cause problems */
	z-index: 1000;
	background-color: white;
	
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item */
  padding-bottom:3px;         /* the lack of offset makes these appear normal, but it will make a difference */
                                 /* to the absolutely positioned child blocks */
  color: #1f3373;                 /* sets the default font colour to white */
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 0px;                    /* position slightly lower than the parent menu item */
  left: 150px;                  /* this must not be more than the width of the parent block, or the mouse will */
                 /*               have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  color: #ffbd00;                 /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #1f3373; display: block; width: 100%; text-decoration: none; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #ffbd00; }
ul.makeMenu li:hover > a { color: #ffbd00; } /* supports links in branch headings - should not be display: block; */

.MainMenu
{
	text-decoration:none;
	font-size: 12pt;
	color: #004176;
	font-family: Verdana;
	margin-left:-1px;
	font-family: Verdana;
	font-weight :600;
	letter-spacing :2px;
	
}

.MainMenu_selected
{
	text-decoration:none;
	font-size: 12pt;
	color: #ffbd00;
	font-family: Verdana;
	margin-left:-1px;
	font-family: Verdana;
	font-weight :600;
	letter-spacing :2px;
	
}

.MainMenu a
{
	text-decoration:none;
	font-size: 12pt;
	color: #004176;
	font-family: Verdana;
	margin-left:-1px;
	font-family: Verdana;
	font-weight :600;
	letter-spacing :2px;
	
}
.MainMenu:hover
{ 
	color: #ffbd00; 
}

.mainMenuList
{
	margin-left:-21px;
}
.MainMenu_Arrow
{
	text-decoration:none;
	font-size: 12pt;
	color: #FFC50B;
	font-family: Verdana;
	font-weight :600;
}
.homepage_content1
{
	width:49%;
	text-align :left;
	font-family: Verdana;
	font-size: 10pt;
	color: #004176;
	float:left;
	letter-spacing :2px;
	padding-bottom:20px;
	padding-top:64px;
}
.homepage_content2
{
	width:49%;
	text-align :left;
	font-family: Verdana;
	font-size: 9pt;
	color: #004176;
	float:left;
	
	padding-top:51px;
	padding-bottom:20px;
}
.subMenu_div
{
	position:absolute; 
	width:200px;
	float:left;
	/*height:200px;
	padding-top:170px;
	padding-bottom:20px;*/
	margin-left:-5px;
	bottom:77px; 
}
.SubMenu
{
	text-decoration:none;
	font-size: 10pt;
	color: #004176;
	font-family: Verdana;
	margin-left:-1px;
	font-family: Verdana;
	font-weight :200;
	letter-spacing :0px;
}

.SubMenu_selected
{
	text-decoration:none;
	font-size: 10pt;
	color: #ffbd00;
	font-family: Verdana;
	margin-left:-1px;
	font-family: Verdana;
	font-weight :200;
	letter-spacing :0px;
}
.SubMenu a
{
	text-decoration:none;
	font-size: 10pt;
	color: #004176;
	font-family: Verdana;
	margin-left:-1px;
	font-family: Verdana;
	font-weight :200;
	letter-spacing :0px;
}
.SubMenu:hover
{ 
	color: #ffbd00; 
}
.page_title
{
	color: #1f3373;
	font-size:11pt;
	font-weight :400;
}
.text_div
{
	width:395px;
	float:left;
	height:100%;
	padding-right:5px;
	overflow :auto ;
}
.image_div
{
	width:201px;
	float:right;
	text-align :right;
	
}
.paragraph_text
{
	text-align :left;
	margin-bottom:-10px;
	
}
.side_image
{
	border:none 0px;
	
	
}
.Prev_button
{
	width:52px;
	border-right:solid 2px #FFC50B;
	float:left;
	margin-left:10px;
	height:15px;
}
.Next_button
{
	width:52px;
	border:none 0px;
	float:left;
	text-align :right;
	height:15px;
}
.imageButton
{
	border:0px;
	cursor:pointer;
    cursor:hand;
    height:15px;
}
.control_div
{
	margin-left: -13px; 
	bottom: -4px; 
	position: absolute;
	left:195px;
}
	
.li
{
	margin-top:5px;

}
.page_link
{
	text-decoration :none;
	color: #787878;

}
.email_link
{
	text-decoration :underline;
	color: #787878;

}
.project_div1
{
	width:33%;
	text-align :left;
	font-family: Verdana;
	font-size: 9pt;
	float:left;
	letter-spacing :0px;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:10px;
	
}
.project_div2
{
	
	width:66%;
	text-align :left;
	font-family: Verdana;
	font-size: 9pt;
	float:left;
	letter-spacing :0px;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:13px;


}
.ul
{
	margin-top:20px;

}
.admin_header
{
	width:800px;
	height:145px;
	text-align:left;
	padding-left:10px;
	padding-top:5px;
}
.admin_header_logo
{
	width:115px;
	height:140px;
	float:left;
}
.admin_header_text
{
	font-family: Verdana;
	font-size:42px;
	color: #1f3373;
	width:500px;
	float:left;
	padding-left:40px;
	margin-top:50px;
}
.admin_content
{
	width:800px;
	padding-left:10px;
}

.bodytext
{
	font-family: Verdana;
	font-size: 9pt;
	color: #1f3373;
}
.bodytext_bold
{
	font-family: Verdana;
	font-size: 9pt;
	color: #1f3373;
	font-weight:bold ;
	text-align :right;
}
.admin_subtitle
{
	font-family: Verdana;
	font-size: 14px;
	color: #1f3373;
	font-weight :bold ;
}
.datagrid
{
	font-family: Verdana;
	font-size: 9pt;
	color: #1f3373;
}

	