/* DHTML Menu for Homepage */
#long_dhtml_menu {
	width: 546px;
	/*height: 300px;*/
	margin-bottom: 10px;
}

#dhtml_menu div ul li{
	width: 159px!important;
	width: 179px;
}

.long_menu{
	float: left;
	width: 545px;
	/*padding-top: 82px;*/
}

#long_dhtml_menu div ul li{
	padding-right:5px;
}

#menu1 ul li span {
	display:block;
	padding:5px 5px 5px 5px;
}

#menu1 ul li, #menu2 ul li, #menu3 ul li, #rhs_menu ul li, #rhs_menu ul li.on{
	background: #F5F5F5 url('/vgnmedia/images/About_Us/com_view_more_btn.gif') no-repeat scroll 95% 50%;
	margin: 1px 0px;
	padding: 5px;
	padding-right: 14px;
	display: block;
	cursor: pointer;
}
#rhs_menu ul li{
	width: 166px!important;
	width: 184px;
}
#menu1 ul li a, #menu2 ul li a, #menu3 ul li a{
	text-decoration: none!important;
}
#menu1 ul li.hidden a, #menu2 ul li.hidden a, #menu3 ul li.hidden a{
	font-weight: bold;
}
#menu1 ul li a:visited, #menu2 ul li a:visited, #menu3 ul li a:visited{
	color: #000;
}
#rhs_menu ul li, #rhs_menu ul li.on{
	background-image: none;
}
#menu1 ul li.hidden, #menu2 ul li.hidden, #menu3 ul li.hidden {
	display: none;
	cursor: text;
	background-image: none;
}
#menu1 ul li.hidden a:hover, #menu2 ul li.hidden a:hover, #menu3 ul li.hidden a:hover{
	color: red;
}

/*	New menu nav	*/

.grad, .long_grad{
	padding:3px 0 5px 5px;
	margin:0 0 25px 0;
	/*float: left;*/
}

.long_grad 	{
 	background: #ffffff url('/vgnmedia/images/About_Us/com_long_grad.gif') repeat-x;
 	display: none;
}
.long_grad{
	padding-top: 3px!important;
	padding-top: 7px;
}
.grad 		{ 	background: #ffffff url('/vgnmedia/images/About_Us/com_short_grad.gif') repeat-x;	}
.grad a {
	text-decoration: none !important;
}

span.button {
	float:right;
	display:block;
	background: transparent url('/vgnmedia/images/About_Us/com_explore_btn.gif') no-repeat top right;
	width:109px;
	margin-right:10px;
}

.grad img{
	float:right;
	margin-left:10px;
	margin-right:10px;
	border:none;
}

.long_grad img {
	float:right;
	margin-left:10px;
	margin-right:10px;
	border:none;
}

.grad h4, .long_grad h4 {
	display:block;
	height:20px;
	margin:4px 0;
	padding:0px 0 6px 0;
}

/*h4.headlines_01 {	background: url('/vgnmedia/images/About_Us/com_headlines_01.gif') no-repeat left top;	}
h4.headlines_02 {	background: url('/vgnmedia/images/About_Us/com_headlines_02.gif') no-repeat left top;	}
h4.headlines_03 {	background: url('/vgnmedia/images/About_Us/com_headlines_03.gif') no-repeat left top;	}
h4.headlines_04 {	background: url('/vgnmedia/images/About_Us/com_headlines_04.gif') no-repeat left top;	}

h4 span{
	letter-spacing : -1000em;
}*/

#header1a, #header1b {
	text-indent: -100em;
	overflow: hidden;
	background: url(/vgnmedia/images/About_Us/com_headlines_01.gif) no-repeat left top;
	height: 22px;
	}
	
#header2a, #header2b {
	text-indent: -100em;
	overflow: hidden;
	background: url(/vgnmedia/images/About_Us/com_headlines_02.gif) no-repeat left top;
	height: 22px;
	}

#header3a, #header3b {
	text-indent: -100em;
	overflow: hidden;
	background: url(/vgnmedia/images/About_Us/com_headlines_03.gif) no-repeat left top;
	height: 22px;
	}

#header4a, #header4b {
	text-indent: -100em;
	overflow: hidden;
	background: url(/vgnmedia/images/About_Us/com_headlines_04.gif) no-repeat left top;
	height: 22px;
	}
.sub_nav {
	width:100%;
}	
.sub_nav, .sub_nav_short {
	color:#000000;
	font-size:1em;
	margin:0;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
	display: block;
	padding-right: 5px;
	text-decoration: none !important;
}
.sub_nav a, .sub_nav_short a{
	font-weight:bold;
	text-decoration: none !important;
}

.sub_nav_short {
	width:370px;
}

.sub_nav_short p {
	padding: 10px 0 10px 0;
	margin-top:0px;
}


/* RHS DHTML Menu for Templates
#rhs_menu{
	width: 185px;
	float: left;
	margin-bottom: 20px;
}
.hidden{
	display: none;
}

.hidden span {
	display:block;
}

#rhs_menu ul li, #rhs_menu ul li.on {
	cursor: default;
}
#rhs_menu ul li a, #rhs_menu ul li a:visited, #rhs_menu ul li.option a, #rhs_menu ul li.option a:visited {
	text-decoration: none;
	color: #000;
}
#rhs_menu ul li a:hover, #rhs_menu ul li.on a {
	text-decoration: none;
	color: red;
}
#rhs_menu ul li.on a, #rhs_menu ul li.on a:visited{
	color: red;
	font-weight:bold;
}
#rhs_menu ul li.option a:hover{color:red}
#rhs_menu .current{
	display: block;
}
#plan, #purchase, #readytogo, #howtoapply{
	height: 19px;
	line-height: 20px;
	padding-left: 8px;
	color: #fff;
	cursor: pointer;
	margin-bottom: 1px;
	width: 177px!important;
	width: 185px;
	background: url(/vgnmedia/images/About_Us/com_ar_on_white.gif) no-repeat scroll 95% 50%;
}
#plan a, #purchase a, #readytogo a, #howtoapply a{
	color: #fff;
	text-decoration: none;
}
#plan{
	margin-top:1px;
	background-color: #6e808d;
}
#rhs_menu .down{
	background-image: url(/vgnmedia/images/About_Us/com_ad_on_white.gif);
	background-repeat: no-repeat scroll
	background-position: 95% 50%;
}
#purchase{
	background-color: #384952;
}
#readytogo{
	background-color: #5a828a;
	margin-bottom: 0px;
}
#howtoapply{
	margin-top: 9px;
	background-color: #767676;
}
#howtomenu{
	background: #ebebeb;
	font-size: 11px;
	padding: 6px 0px 14px 16px;
	color: #000;
	display: none;
}
#howtomenu ul li{
	margin: auto;
	width: auto!important;
	background: none;
	padding: 0px;
}
#howtomenu ul li a{
	background:transparent url(/vgnmedia/images/About_Us/com_ar_inv_red.gif) no-repeat scroll 0pt 4px;
	font-size:1em;
	line-height:16px;
	margin:1px 0pt 0pt;
	padding:0pt 0pt 2px 12px;
}*/
/*
.plan{
	background: url(images/rhs_plan.gif) no-repeat top left;
	padding-top: 54px;
}
.purchase{
	background: url(images/rhs_purchase.gif) no-repeat top left;
	padding-top: 54px;
}
.readytogo{
	background: url(images/rhs_readytogo.gif) no-repeat top left;
	padding-top: 54px;
}
*/
/* Home Page additions */
#tContent ul.ulSeminar{

}
#tContent ul.ulSeminar li{
	background:transparent url(/vgnmedia/images/About_Us/com_ar_inv_red.gif) no-repeat scroll 0pt 4px;
}
#tContent ul.ulSeminar li a{
	text-decoration: none;
}
#tContent ul.ulSeminar li.liClear{
	padding-top: 2px;
	background: none;
}

/* Content Structure */
.leftContent{
	float: left;
	margin-right:18px!important;
	margin-right:15px;
	width:343px!important;
	width:333px;
}
.contentTblLghtGry{
	background-color: #F5F5F5;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
#pagination{
	padding: 10px 10px;
	margin-top: 20px;
	background-color: #EBEBEB;
}
#pagination .next{
	float: right;
	padding-right: 20px;
	color: red;
	background: url(/vgnmedia/images/About_Us/com_pagination_next.gif) no-repeat scroll 98% 50%;
}
#pagination .previous{
	padding-left: 10px;
	background: url(/vgnmedia/images/About_Us/com_pagination_previous.gif) no-repeat scroll 0% 50%;
}
.intro{
	font-size: 1.2em;
}

/* archive box */

#archive_header {
	width: 185px;
	height: 35px;
	position: relative;
	float: left;
	margin:75px 0px 10px 0px;
	}
#archive_header span {
	background: url(/vgnmedia/images/About_Us/com_archive2.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 1px;
	color: #007184;
	}

div.archive {
	background:#007184 url('/vgnmedia/images/About_Us/com_archive.gif') no-repeat left center;
	display:block;
	height:35px;
	width: 185px;
	float: left;
	margin:75px 0px 10px 0px;
}

.archive span {
	display:none;
}

div.archive_box {
	background: #f5f5f5 url('/vgnmedia/images/About_Us/com_newspaper_1.jpg') no-repeat top left;
	display:block;
	width: 185px;
	float: right;
	margin-top:10px;
	margin-bottom: 20px;
	margin-left: 10px;
}


div.archive_list {
	float:left;
	display:block;
	border:none;
	font-size:0.95em;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	background-color:#f5f5f5;
}

div.archive_list ul li{
	background-image:none !important; /* gets rit of anoying box */
}

div.archive_list ul li a,
div.archive_list ul li a:hover {
	background: url('/vgnmedia/downld/ar_inv_red.gif') no-repeat 0px 5px;
	font-size:1em;
	margin-top:0.2em;
	padding:0pt 0pt 2px 12px;	
	list-style-type:none !important;
}

h2.date {
	display:block;
	font-size:1.1em;
	color:red;
	font-weight:bold;
	padding-bottom:8px;
}

/* report box */

div.reports {
	padding:10px 0 10px 0;
}

div.reports_content {
	padding-left:90px;
}

div.reports_content h3 {
	padding-top:0px;
	margin-top:0px;
}

div.reports img{
	float:left;
	display:block;
	margin-right:10px;
}

/* report box */

div.council {
	padding:10px 0 10px 0;
	margin-top:5px;
	background-color:#f5f5f5;
}

div.council p{
	margin-top:0px;	
}

div.council_content {
	padding: 0 10px 0 100px;
	margin-left: 5px;
}

div.council img{
	margin-left: 10px!important;
	margin-left: 5px;
	float:left;
	display:block;
}

span.intro_text {
	display:block;
	font-size:1.2em;
	color:#AAAAAA !important;
}

span.intro_text img {
	float:right;
	display:block;
	padding-left:30px;
}
.clear {
	clear:both;
}

/*  table  */
table.community_table tr td a{
	background: url('/vgnmedia/downld/ar_inv_red.gif') no-repeat 0px 5px;
	font-size:1em;
	margin-top:0.2em;
	padding:1pt 10pt 2px 12px;
	text-decoration:none !important;
}

/* =newsticker */
#newsticker{
	margin-bottom: 20px;
	width: 546px;
}

#newsticker div{
	float: left;
}
#newsticker_content{
	/*width: 457px!important;
	width: 434px;*/
	margin-left: 1px;
	margin-right: 2px;
	background: #f5f5f5;
	/*padding: 11px 10px;*/
}
#newsticker_content h2{
	margin: 0px;
	color: #000;
}
#newsticker_content span{

}
#newsticker_content a:link, #newsticker_content a:hover, #newsticker_content a:visited{
	color: #007184;
}

/* =stepul */
#stepul1, #stepul2, #stepul3, #stepul4, #stepul5, #stepul6, #stepul7{
	width: 521px;
} 
#stepul1 ul li, #stepul2 ul li, #stepul3 ul li, #stepul4 ul li, #stepul5 ul li, #stepul6 ul li{
	background:transparent url(/images/dot_bullet.gif) no-repeat scroll 0pt 4px;
	padding:0pt 0pt 5px 12px;
	width: 521px!important;
}

table#tContent ul.listProp li {
	list-style-type: none;
	background: url('/vgnmedia/downld/ar_inv_red.gif') no-repeat center left; 
	
	display: block;
	font-size:1em;
	text-decoration: none;
	margin-top: .2em;
	padding:2px 0 2px 12px;
	color: #444;
}

table#tContent ul.listProp li a, table#tContent ul.listProp li a:link, table#tContent ul.listProp li a:visited {text-decoration: none;}

p.top {text-align: right;}

/*ul.cl-artifact {
	font-size:0.95em;	
	width:100%;
	margin-bottom:10px;
}

ul.cl-artifact li{
	padding-left:2px !important;	
	background:none !important;
	display:block;
	float:left;
	text-decoration: none !important;
	padding-top:0px !important;	
	padding-bottom:0px !important;	
	width:100%;
}*/

h3.h3_archive, h3.h3_more {
	margin:0;
	padding-top:5px;
	padding-bottom:0px;
}

h3.h3_more {
	padding-top:10px !important;
}

p.p_archive, p.p_top {
	padding:0;
	margin-top:0;
}

div.council h3.h3_council {
	padding:0 0 0 0;
	margin:0 0 0 0;	
}




/*.tdLtBlue {padding:2px 4px;}

.tdLabelLeft {
border-bottom:#FFF 2px solid;
padding:5px 5px 13px 10px;
}

.white {
background-color:#FFF;
colour: #3366CC;
}*/

#HLtableGrid, #HLtableGrid tr, #HLtableGrid td {
border:#FFF 1px solid;
}

.tdLtBlue a, .tdLtBlue a:link {color: #FFFFFF;}

.tdLtBlue a:hover {color: #EE0000;}

.HLtableContentGWHite {background-color: #FFFFFF;
color: #444444;
font-weight: bold;}

/* =banner
-----------------------------------------------------------------------------------*/
div#banner {float: left;
width: 540px;
height: 60px;
border: 1px solid #EBEBEB;
margin: 0 0 25px 0;
padding: 0;}

div#banner img.branding {float: left; 
width: 202px;
height: 60px;
border-right: 1px solid #EBEBEB;
margin: 0 5px 0 -3px;
padding: 0;}

div#banner p {font-size: 90%; margin: 0 0 0 5px;}
div#banner p a {font-size: 100%;}
div#banner p.morelink {padding-top: 10px;}

/* =banner_content  */
div#banner_content {padding: 0px 5px 0 5px;}
div#banner_content p#banner_cta {text-align: right; padding-top: 5px;}

div#banner_content h3 {color: #EE0000;
margin: 0 0 0 5px; padding: 0;}


div.clear {clear: both;}


li.option{
	width: 535px!important;
	width: 546px;
}

/* To what does this apply */
#dhtml_menu{
	width: 546px;
	/*height: 300px;*/
	margin-bottom: 10px;
}
/* =listProp*/

table#tContent ul.listProp li {list-style-type: none;

background: url("/images/ar_inv_red.gif") 0 4px no-repeat; 

display: block;

font-size: 1em;

text-decoration: none;

padding:0 0 0 12px;

color: #444;}

table#tContent ul.listProp li a, table#tContent ul.listProp li a:link {text-decoration: none;}

table#tContent ul.listProp li a:visited {text-decoration: none; color: #000000;}

table#tContent ul.listProp li a:hover {text-decoration: underline; color: #EE0000;}

table#tContent ul.listProp li a:active {text-decoration: underline; color: #EE0000;}
