body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
a:focus {
	outline:none;
}
#container {
	margin:0 auto;
	/*margin:16px 0 0 17px;*/
	width:767px;
}

.date {
	float:left;
	width:767px;
	height:20px;
	margin-bottom:5px;
	background-color:#069;
}
.date strong{
	float:left;
	font-weight:bold;
	color:#fff;
	display:inline;
	margin:3px 0 0 5px;
}

#header {
	float:left;
	width:767px;
	background:url("../images/header-acc.gif") 0 100% no-repeat;
	height:138px;
	margin-top: 6px;
}
.banner{
background:#069 url("../images/banner_accepted.jpg") no-repeat;
}
.sectionname {
	float:left;
	background:#669933;
	width:41px;
	overflow:hidden;
	display:inline;
	height:102px;
}

.links {
	float:right;
	margin:3px 5px 0 0;
	padding:0;
	display:inline;
	color:#fff;
}

.links a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.links a:hover{
	text-decoration:underline;
}

.banner {
	float:left;
	background:#069 url(../images/banner.gif) no-repeat;
	width:719px;
	height:70px;
	margin-left:6px;
}
.banner a {
	float:left;
	width:350px;
	font-weight:bold;
	height:70px;
	
}
/*
.banner a {
	float:right;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	width:88px;
	margin:22px 13px 0 0;
	font-weight:bold;
	height:21px;
	border:1px solid #fff;
	text-align:center;
	padding:2px 0 0;
}*/

.apply {
	float:right;
	margin:22px 13px 0 0;
	padding:0;
	}
.apply a{
	float:right;
	margin:0;
	padding:0;
}
.name{
	float: left;
}

.menu {
	float:left;
	margin:6px 0 0 -2px;
	padding:0;
	display:inline;
}
/*
.menu li {
	width:111px;
	height:30px;
	float:left;
	margin-left:8px;
	 display: inline;
    
}
.menu li a.li1 {
	 background:#069 url(../images/menu-li1.gif) no-repeat;
	width:111px;
}
.menu li a.li2 {
	background:#069 url(../images/menu-li2.gif) no-repeat;
}
.menu li a.li3 {
	background:#069 url(../images/menu-li3.gif) no-repeat;
}
.menu li a.li4 {
	background:#069 url(../images/menu-li4.gif) no-repeat;
}
.menu li a {
	
	float:left;
	line-height:11px;
	width:111px;
	padding-top:5px;
	background-color:#069;
	text-decoration:none;
	height:29px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.menu li a.word {
	height:24px;
	padding-top:10px;
}
*/
.menu li {
	width:111px;
	height:30px;
	float:left;
	margin-left:8px;
	display: inline;
    
}
.menu li a.li1 {
	background:#069 url(../images/menu-li1.gif) no-repeat;
	width:111px;
}
.menu li a.li2 {
	background:#069 url(../images/menu-li2.gif) no-repeat;
}
.menu li a.li3 {
	background:#069 url(../images/menu-li3.gif) no-repeat;
}
.menu li a.li4 {
	background:#069 url(../images/menu-li4.gif) no-repeat;
}
.menu li a {
	float:left;
	line-height:11px;
	width:111px;
	padding-top:1px;
	background-color:#069;
	text-decoration:none;
	height:25px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.menu li a.word {
	height:20px;
	padding-top:6px;
}
/**********************************************/


.block {
margin: 0px 0 0 6px;
	float:left;
	height:43px;
	width:126px;
	list-style-type: none;
	padding:0;
	display:inline;
	background-color:#069;
	text-decoration:none;
}

#content {
	float:left;
	width:767px;
	margin:5px 0 0;
}

.left-column {
	float:left;
	background-color:#eaeacf;
	width:135px;
	padding:0 0 15px 10px;
}
.left-column ul {
	float:left;
	margin:7px 0 0;
	padding:0;
}
.left-column ul li {
	float:left;
	list-style:none;
	padding:9px 0 10px;
	width:129px;

}

.menu2 {

	width: 132px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu2, .menu2 ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu2 li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu2 li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu2 ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu2 li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu2:after, .menu2 ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu2, .menu2 ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu2 ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu2, .menu2 ul li {
	color: #eee;
	background: #eaeacf;
	
}

.menu2 {
	width: 135px;
}

.menu2 ul {
	width: 132px;
}

.menu2 a {
	text-decoration: none;
	color: #036;
	padding: .2em .5em;

	display: block}

.menu2 a:hover, .menu2 li:hover>a {
	color: #036;
	text-decoration: underline;
}

.menu2 li {	/* create borders around each item */
	
	border-bottom:1px solid #036;
}
.menu2>li + li, .menu2 ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu2 li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 95%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu2>li:first-child>a, .menu2 li + li + li li:first-child>a {
	color: #036;
	

}
.center-block {
	float:left;
	margin-left:22px;
	display:block;
	width:575px;
}
.center-block img {
	float:right;
	display: inline;
	margin:10px 5px 5px 15px;
	border-style:none;
}
.center-block img.floatLeft { 
    float: left; 
    margin: 6px; 
}
.center-block img.floatLeftFAQ { 
    display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	float: inherit; 
}
  .center-block IMG.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: inherit;
}



.center-block h1 {
	font-size:13px;
	font-weight:bold;
	color:#036;
}
.center-block h2 {
	
	margin:17px 0 0;
	font-size:11px;
	font-weight:bold;
	color:#036;
	width:395px;
}

#faq h2.faqclosed {
	cursor: pointer;
}
.center-block h2.news {
	
	margin:17px 0 0;
	font-size:11px;
	font-weight:bold;
	color:#036;
	width:500px;
}
.center-block a {

	color:#036;
	
}
.center-block h2 a {

	color:#036;
	
}
.center-block p {

	margin:10px 10px 0;
	color:#7c7c77;
	width:auto;
	line-height:18px;
}


.center-block table {
	
	margin:17px 0 0;
	float: left;
	color:#7c7c77;
}
.center-block ul {
	float:left;
	margin-left:10px;
	display:inline;
	margin-top:10px;
	margin-bottom:10px;
	width:600px;
	color:#7c7c77;
}

.center-block ul li {
	list-style-type:square;
	list-style-position:outside;
	line-height:15px;
	margin-top:7px;
	margin-bottom:10px;
	padding:0;
	margin-left:24px;

}

.bullet {
	float:left;
	margin-left:10px;
	display:inline;
	width:375px;
	color:#7c7c77;
}
.right-column {
	float:right;
	width:127px;
	display:inline;
	position:relative;
	z-index:4;
	margin:-41px 0 0;
}
.right-column img {
	float:right;
	
}
.meet-link {
	float:left;
	width:127px;
	height:15px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:2px 0 0;
	text-decoration:none;
	background-color:#000;
}
.meet-link:hover{
	text-decoration:underline;
}
.about {
	float:left;
	width:109px;
	padding:17px 0 20px 18px;
	background-color:#008d88;
	border-top:1px solid #00504d;
}
.about p {
	float:left;
	margin:0;
	font-weight:bold;
	color:#fff;
}
.relatedlinks {
	float:left;
	width:127px;
	padding:0 0 33px;
	margin:6px 0 0;
	background-color:#ffc;
}
.relatedlinks h3 {
	float:left;
	font-weight:bold;
	font-size:11px;
	color:#7c7c77;
	margin:12px 0 0 11px;
	display:inline;
}
.relatedlinks ul {
	float:left;
	margin:0;
	padding:2px 0 0;
}
.relatedlinks ul li {
	float:left;
	background:url(../images/relatedbullet.gif) 0 2px no-repeat;
	margin:3px 0 0 13px;
	width:85px;
	display:inline;
	padding:0 0 2px 19px;
	display:inline;
}
.relatedlinks ul li a {
	float:left;
	color:#7c7c77;
	text-decoration:none;
}
.relatedlinks ul li a:hover{
	text-decoration:underline;
}
#footer {
	float:left;
	width:767px;
	margin:5px 0 0;
	padding-top:5px;
	border-top:5px solid #00598d;
	height:30px;
}
#footer p {
	float:left;
	width:767px;
	line-height:13px;
	text-align:center;
	margin:0;
	font-weight:bold;
	color:#676767;
}


#footer p a {
		font-weight:bold;
	color:#676767;
	text-decoration:none;
}
#footer p a:hover{
	text-decoration:underline;
}

#noScriptTop{
color: #ffffff;
display:block;
position:relative;
padding: 5px 0px 1px;
text-align:center;
text-decoration:none;
width: 100px;
border:1px solid white;
float:right;
z-index: 500;
height: 20px;
top:-75px;
}