textarea:focus, input:focus{outline: 0;}
a.linkmaster {text-decoration:none; cursor:pointer;}
a.linkmaster:hover {text-decoration:underline;}


ul#css_nav li.top {
	float: left;
	margin:0;
	padding:0;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #838d90;
	background: #f2f2f2;
}
img {
	border: 0;
}
.wrapper {
	margin: 20px auto;
	width: 940px;
	overflow: hidden;
	height: 100%;
	background: #ffffff;
	padding: 10px 15px 10px 15px;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
/*--------------------------------------------------
// Header
//--------------------------------------------------*/
#header {
	height: 120px;
}
#header h1.logo {
	margin: 37px 0 0 19px;
	float: left;
}
#header h1.logo a{
	background: transparent url('/clients/grange/structureimages/logo.png') no-repeat left top;
	display: block;
	height: 44px;
	width: 234px;
	line-height: 500px;
	overflow: hidden;
}
#header #menu {
	float: left;
	margin: 15px 0 0 0;
	padding:  0 0 0 75px;
	width: 610px;
	height: 115px;
}
#header #menu ul {
	list-style-type: none;
	list-style: none;
	color: #838d90;
	font-size: 10px;
	float:left;
}
#header #menu 1ul li {
	margin: 0;
	padding: 0;
}
#header #menu ul li a {
	color: #838d90;
	text-decoration: none;
}
#header #menu ul li a:hover {
	text-decoration: none;
	color: #000000;
}

ul#css_nav li {list-style:none;padding:0;margin:0;}
ul#css_nav {padding:0;margin:0;}
ul#css_nav {width: 140px}
	ul#css_nav li#menu_2 {z-index: 50;}
		ul#css_nav li a.text {width: 160px; display:block;}
			ul#css_nav li#menu_2 ul.text {z-index:450; background:#FFFFFF none repeat scroll 0 0;padding:5px;}
			ul#css_nav li#menu_2 ul.text li {z-index:450; display:inline;}
			ul#css_nav li#menu_2 ul.text li a{width: 220px; display:block;}

.menulevel2 {
	width: 140px;
	height: 113px;
	list-style-type: none;
	list-style: none;
	color: #838d90;
	font-size: 10px;
	border-left: 1px dotted #cccccc;
	padding: 0;
	margin: 0;
}

.menulevel2 ul {
	margin: 0;
	padding: 0 0 0 10px;
}

.menulevel3 {
	width: 300px;
	height: 92px;
	border-left: 1px dotted #cccccc;
	list-style-type: none;
	list-style: none;
	color: #838d90;
	font-size: 10px;
	xpadding: 0 110px 0 0;
	margin: 0;
}

.menulevel3 ul {
	margin: 0;
	padding: 0 0 0 10px;
}

#header #menu ul.right {

}
#header #menu ul.left {

}




#banner {
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	background: transparent url('/clients/grange/structureimages/banner_bottom.png') no-repeat left bottom;
}
#banner.large {
	height: 277px;
}
#banner.normal {
	height: 216px;
}
/*--------------------------------------------------
// Body
//--------------------------------------------------*/
#contentwrap {
	overflow: hidden;
	clear: both;
}
#contentwrap .video {
	float: left;
	color: #838d90;
	background: transparent url('/clients/grange/structureimages/vertical_border.png') repeat-y right top;
	height: 190px;
	width: 450px;
}
#contentwrap .video .container {
	float: left;
	margin: 0 15px 0 0;
	background: #aaaaaa;
	padding: 1px;
	height: 176px;
}
#contentwrap .video h1 {
	color: #babcbe;
	float: left;
	width: 155px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 26px;
	line-height: 0.9;
}
#contentwrap a.obvious {
	color: #1d2070;
	text-decoration: none;
}
#contentwrap a.obvious:hover {
	text-decoration: underline;
}




#contentwrap .asx-shares {
	float: left;
	color: #1d2070;
	background: transparent url('/clients/grange/structureimages/vertical_border.png') repeat-y right top;
	padding: 0 0 0 14px;
	height: 190px;
	width: 166px;
}
#contentwrap .asx-shares p {
	padding: 0;
	margin: 9px 0;
}
#contentwrap .asx-shares h3 {
	color: #838d90;
	width: 90px;
	margin: 0 0 5px;
	padding: 0;
	text-transform: uppercase;
	font-size: 12px;
}
#contentwrap .asx-shares h1 {
	color: #000000;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 31px;
}
#contentwrap .asx-shares h1 span {
	font-size: 18px;
	text-transform: uppercase;
}
#contentwrap .latest-news {
	float: left;
	color: #838d90;
	padding: 0 0 0 20px;
	height: 190px;
	width: 280px;
}
#contentwrap .latest-news h1 {
	color: #babcbe;
	margin: 0;
	padding: 0;
	font-size: 26px;
}
#contentwrap .latest-news p {
	padding: 0;
	margin: 9px 0;
}
#contentwrap .content {
	float: left;
	width: 600px;
	padding: 0 0 15px 0;
}

#contentwrap .side_map {
	float: right;
	width: 215px;
	padding: 30px 0 0 0;
}
#contentwrap .side_map a.view {
	margin: 5px 0 0 70px;
	display: block;
	color: #838d90;
	text-decoration: none;
	width: 70px;
}
#contentwrap .side_map a.view:hover {
	text-decoration: underline;
}

#contentwrap .side_map a.view_wa {
	margin: -15px 0 0 0;
	display: block;
	color: #838d90;
	text-decoration: none;
	width: 70px;
}
#contentwrap .side_map a.view_wa:hover {
	text-decoration: underline;
}

/*--------------------------------------------------
// Footer
//--------------------------------------------------*/
#footer {
	clear: both;
	padding: 10px 0 0 0;
	overflow: hidden;
	color: #838d90;
	background: transparent url('/clients/grange/structureimages/horizontal_border.png') repeat-x right top;
	font-size: 11px;
}
#footer a {
	color: #838d90;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
}
#footer .right .copyright {
	width: 180px;
	float: left;
}
#footer .right .policy {
	float: left;
}

#breadcrumbs a {
    color: #838D90;
    text-decoration: none;
line-height: 1.8em;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}

tr.theader td {
    background: #F9F9F9 url('/clients/grange/structureimages/tablehdrbg.png') repeat-x;
    color: #838D90;
    font: bold 12px/28px arial,helvetica,sans-serif;
    padding: 0 10px;
}

th {
text-align: center;
font-weight: normal;
    padding: 0 10px;
}

.filedownload {white-space: nowrap;}

/* sub menu list styling */
#sml_styling ul {
list-style:none outside none;
padding:0;
margin:px;
}
#sml_styling li {float:left;}
#sml_styling li a {
margin:px;
padding:px;
font-size: pt;
font-weight: ;
text-decoration:none;
}
#sml_styling li.off a {
background: transparent;
color: #;
display:block;
}
#sml_styling li.on a {
background: transparent;
color: #;
display:block;
}
#sml_styling li.off a:hover {
background: transparent;
color: #;
}
	

/* pagination css */
.pagination {font-size: 80%; margin: 10px 0 0 0;}
.pagination a {text-decoration: none; border: solid 1px #AAE; color: #15B;}
.pagination a, .pagination span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px;}
.pagination .current {background: #26B;	color: #fff; border: solid 1px #AAE;}
.pagination .current.prev, .pagination .current.next{color:#999; border-color:#999; background:#fff;}
	
.ui-datepicker {font-size:8pt;font-family:arial,sans-serif;}