/* CSS Document */


/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

.maincontent strong {
	color:#6b2868;
}

ul, li {	
	

}
h1 {
	display:none;
}
h2 {
	font-size:22px;
	color:#666666;
	padding:0 0 0 40px;
	margin:10px 0 10px 0;
	background-image:url(../images/h1Bgd.png);
	background-repeat:no-repeat;
	float:left;
	line-height:1.5em;
	width: 100%;	
}

.homepage .collleft h2 {
	font-size:22px;
	color:#666666;
	padding:0px;
	margin:10px 0 10px 0;
	background-image: none;
	float:left;
	line-height:1.5em;
	width: 100%;	
}

.readmore {
	font-size:18px;
	color:#990099;
	margin-bottom:10px;
}

h3
{
	margin:10px 0 10px 0;
	padding:0 0 0 0px;
}

#phonenumber {

	margin-top: 10px;
	margin-bottom: 10px;
}

#phonenumber p{
	color: #666666;
	font-size:18px;
	padding:0 25px 0 0;
	margin:5px 0 5px 0;

}
#phonenumber span {
	color:#6b2868;
}
#phonenumber {
	float:right;
	padding:none;
}
#nav li.enquiry {
	width:237px;
	height:36px;
	float:right;
	border:none;
	background-image:url(../images/enquiryBgd.jpg);
	background-repeat:no-repeat;
}
#nav a.enquiry {
	color:#fff;
	text-align:center;
	text-weight:bold;
}
#nav a:hover.enquiry {
	background-color:#81327d;
}
body { 
	font-size:14px;
	line-height: normal; 
	color:#666666;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


.success, .fail { display:none; width:748px; background:#ffa800; padding:8px; border:5px solid #fff; margin:10px auto; color:#fff; }
.fail { background:red; }


.subnav { margin-top:20px; background:#fff url(../Resources/bg-subnav.png) bottom left repeat-x; clear:both; }
.subnav ul { margin-top:20px; margin-left:auto; margin-right:0; }
.subnav li { float:left; margin:0px; font-size:12px; }
.subnav li a { color:#666; display:block; padding:8px; text-decoration:none; }
.subnav li a:hover { background:#eee; }

.subscribe { display:none; background:#eee; margin-bottom:0px; font-size:13px; color:#666; }
.subscribe table { padding:5px; margin-left:auto; margin-right:auto; vertical-align:middle; }
.subscribe input { }

.subscribe  form
{
background-color:red;
visibility:hidden;
}

/* -------------------------------------------------------------- 
  
VCOM CSS
   
-------------------------------------------------------------- */



body {
	margin: 0;
	text-align: center;/*correct IE bug */
 	background-color: #666666;
	height: 100%;
	font-family: "Helvetica Neue Light",Arial,Helvetica,sans-serif;
}

span#hide {/*back to graphic version on the text only version - hide on the graphic version*/
	position: absolute;
	top: -1000px;
}



/**************
common tag
**************/

a { text-decoration: none; color:#6b2868; }
a:hover { text-decoration: underline; }

h3 { text-transform: uppercase; color:#666; font-size:1.27em; padding:0em; }
h4 { font-size:1.1em; padding:0; margin:none; color:#6b2868; }


ol { margin-left:2em; margin-top:1.6em; line-height:1.31em; padding:0.6em 0em; }
ol li {  }

p { padding:0.1em; }
em { font-style:italic; color:#6b2868; }

td { vertical-align:top; padding:6px 0px; }


/***************************
general class for images
***************************/

.imgAlignMiddle {
	vertical-align: middle;
}
.imgAlignTop {
	vertical-align: top;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.imgLeftMargin{
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
}
.wideImg{
	margin-top: 1em;
}
.imgRightMargin{
	float:right;
	margin-left:1em;
	margin-top:1em;
}


/*************
MAIN STRUCTURE
**************/

.hr hr { display: none; }
.hr {
	margin:10px 0px;
	border-bottom:1px dashed #333333;
}

div#container{/* includes everything:  main div  and footer*/
 	margin: auto;
	margin-top: 20px;
	width: 960px;/* page size */
	padding: 0.8em;
	text-align: left;
	background:#fff;/* if changed it will affect the background color of the footer*/
	display: table;/* necessary to work with height 100%*/
}

div#header {
	
	width: 100%;
	display:block;
	border: 0;
	margin-bottom:20px;
	clear:both;
	height: 80px;
}

div#main_nav {
	background-color: #CCCCCC; 
	width: 60em;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}
div#breadcrumb {
	background-color: #FFCC99; /* light orange */
	width: 60em; /* if smaller than the main width will stay on the left - if a right align is needed then add : float:right; note that the left div will go up the gap */
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

/* from here be really carefull of size  margin and padding - if a div doesn't have enough space it will go under the other.

quick reminder :
-> FOR ALL BROWSER : width or height = content size + padding + border.
-> FOR IE : width or height = content size including padding and border.

 */
 
div#main_content{
	position:relative;	
	overflow:hidden;
	width: 100%;
	margin-top:10px;
}
div.collleft {
	width:680px;
	float:left;
	display:block;
	border: 0;
	margin: 0;
	padding:0;
}
div.flashcontent {
	color:#FFFFFF;
	width:680px;
	height:220px;
	margin-bottom:10px;
	float:left;
	background-color:#666666;
}
div.collleft p {
	color:#666666;
}
div#valuescontent {
	clear:both;


}
div#valuescontent span {
	color:#6b2868;
}
div#valuescontent p {
	margin:7px 0px 7px 0px;
}
div#membership {
	background-image:url(../images/membershipBgdBody.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:160px 0 0 20px;;
	width:450px;
	height:70px;
	margin-right:20px;
}
div#membership a {
	color:#ffffff;
	text-decoration:none;
	font-size:18px;
	position:40px;
}
div#membershipcontent {
	padding-top: 15px;
	margin-bottom:20px;
}
div#membershipcontent li {
	margin:0;
}
div#membershipcontent p {
	margin-bottom:2px;
}
div#membershipcontent span {
	color:#6b2868;
}
.MembershipCollLeft li {
	padding-top:20px;
}
div#announcements { 
	background-color:#fafafa; 
	width:680px; 
	padding:10px;
	display:table;
	border-top:1px #ebebeb solid;
 }
 div#announcements p{ 
 	font-size:16px;
 	font-family: "Helvetica Neue Light",Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
 }
  div#announcements p span{ 
	color:#cc0066;
 }
  div#announcements p span img{ 
	float:left;
 }
  div#homepageLinks { 
    background-color:#f6f6f6; 
    float:left; 
    width:30%;
    margin: 10px 8px 0 0;
    padding: 3px 3px 3px 3px;
    font-size: 18px;
    color:#cc0066;
    text-align: center;
    border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; 
    border: 1px #ebebeb solid;
 }
 
   div#homepageLinks:hover { 
    background-color:#ebebeb; 
 }
    div#homepageLinks a:hover { 
    text-decoration: none;
 }
  
.homelink { 
	 border-bottom: 1px #ccc solid;
 }
 .homelink a { 
	 text-decoration: none;
 }
 
.maincontent {
	margin-top:40px;
	padding:0;
}
.maincontent li {
	padding-bottom:10px;
}
#logos {
	margin-top:10px;
	width:400px;
	float:left;
}
div.collright {
	float:right;
	width: 240px;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;

}
.collright a {
	float:right;
	color:#fff;
}

div.collright h2
{
	background-color:#fff;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-position: 10px;
	padding-left: 50px;
	

}

div.events {
	color:#FFFFFF;
	margin: 0;
	background-color:#6b2868;	
	display:block;
	font-size:0.66em;
	padding:10px 10px 10px;
	text-align:left;

}

div.events ul{
	padding-top:0px;
    width: 210px;
	margin: 0;
	
}




div.events li{
	
	display:block;
	width: 210px;
	font-size:12px;
	padding:4px 0 4px 0;
	border-bottom: 1px solid #fff;
	clear:both;
}

.events a {
    clear: both;
	float: left;
	font-size:12px;
	padding:3px 0 3px 0;
	display: block;
}
div.LatestNews {
	color:#FFFFFF;
	float:right;
	width: 220px;
	margin: 0;
	background-color:#6b2868;
	overflow:hidden;
	display:block;
	border: 0;
	padding: 10px 10px;;
	font-size:0.66em;
}
div#column_action {
	background-color: #FF33CC; /* pink */
	float:left;
	width: 15em;
	display:block;
	margin: 0;
	border: 0;
	padding: 0;

}
div#link{
	background-color: #0099FF; /* blue */
	width: 60em;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	float:left;
}


/*************
HEADER
**************/

#logo { padding-top:0.38em;
float:left;
 }


/*************
MAIN NAVIGATION
**************/
#main_nav ul li{
	display:inline;
}

/*************
COLUMN NAVIGATION
**************/
#column_nav_content{
	color:#FFFFFF;
	background-color: #7b197d;
	height:329px;
	width:210px;
	float:right;
	padding:10px 10px;
	margin-top:20px;
}
#column_nav_box{
background-color:#FF0000;
}


.clearAll{
clear:both;
}

.sidebarQuoteBox { margin:50px 10px 10px 10px; }
.sidebarQuote { font-size:12px; color:#ffccff; font-style:italic; }
.sidebarQuote a { color:#ffccff; text-decoration:none; }
.sidebarQuote a:hover { text-decoration:underline; }
.sidebarQuoteAttrib { margin:8px 0px; color:#cccccc; font-size:10px }
.sidebarQuoteAttrib strong { color:#fff; font-size:11px; }

/*************
COLUMN CONTENT
**************/

.section_header { height:57px; width:100%; font-size:18px; color:#771177; }




#flash_container { float:left; width:466px; }

.events ul { padding-left:0.31em; }

.events_panel { float:right; width:144px; height:339px; overflow-x:hidden; overflow-y:auto; font-size:10px; background-color:#A4B4B2; color:#FFF; }
.events_panel strong { color:#FFFF99; }
.events_panel p { padding:0em 0.61em 0.3em 0.61em; }
.events_panel ul { padding:0.31em; }
.events_panel li { padding:0.6em; padding-top:0; padding-bottom:1em; }
.events_panel .dl_pdf { padding-left: 2.73em; background:transparent url(../Resources/icon_pdf.png) 4px 2px no-repeat; }
.events_panel a:link, .events_panel a:visited { color:#fff; }

.eventLink
{
	background-color:#ccc;
	font-weight:bold;
	text-align:center;
	
}

.eventLink a:link, .eventLink a:visited, .eventLink a
{

	color:#000;
}


.text_columns { width:680px; padding:none; font-size:14napx; line-height:1.41em; float:left; }
.text_columns .col1 { padding:none; font-style:normal; }
.text_columns .col2 {  }
.text_columns a:link, .text_columns a:visited { color:#000; font-style:bold; }
.text_columns a:link:hover, .text_columns a:visited {color:#6b2868; font-style:normal; }
.text_columns .dl_box { background:#fff; border-top:1px dotted #999; border-bottom:1px dotted #999; padding:3px 0px; }
.text_columns .dl_box2 { background:#eee; }
.text_columns strong { color:#6b2868; }

.text_columns .dl_pdf { padding-left: 2.73em; background:transparent url(../Resources/icon_pdf.png) 6px 4px no-repeat; }
.text_columns .dl_doc { padding-left: 2.73em; background:transparent url(../Resources/icon_doc.png) 6px 4px no-repeat; }
.text_columns .dl_zip { padding-left: 2.73em; background:transparent url(../Resources/icon_zip.png) 6px 4px no-repeat; }
.text_columns .dl_xls { padding-left: 2.73em; background:transparent url(../Resources/icon_xls.png) 6px 4px no-repeat; }
.text_columns .dl_ppt { padding-left: 2.73em; background:transparent url(../Resources/icon_ppt.png) 6px 4px no-repeat; }

.col_gallery { border:1px dotted #666666; padding:3px; width:150px; text-align:center; margin-right:8px; float:left; margin-bottom:12px; }
.col_gallery:hover { border:1px solid #666666; }

/*
Page Specific Edits
Look for the Second Class in the .text_columns div
*/

.text_columns.events { 
	margin:none;
	padding:0;
	color:#666666;
	float:left;  
	width: 688px; 
	padding:none;
	background-color:transparent; 
}
.text_columns.investors li, .text_columns.awards li, .text_columns.roll li { list-style:disc; margin-left:0;  }
.text_columns.awards em { color:#92288F; }

.member_fees { padding: 14px 6px; }
.member_fees td { padding:4px; border-bottom:2px #E20177 solid; }
.member_fees th { padding:4px; background:#92288F; color:#FFF; }

.news_intro { border-top:1px dotted #333333; border-bottom:1px dotted #333333; margin-bottom:4px; }
.news_story { margin-bottom:20px; }
.news_story hr { display:none; }

ul.li_organisation { padding-left:5px; }
ul.li_clients { font-weight:bold; padding-left:5px; }
ul.li_clients a { font-weight:normal; }

.contact table input { border:1px solid #ccc; background:#ffffff; height:17px; width:275px; margin-bottom:8px; }
.contact table textarea { border:1px solid #ccc; background:#ffffff; height:150px; width:275px; margin-bottom:8px; }

.valSummary { background:#e5e5e5 url(../Resources/icon_error.png) 6px 6px no-repeat; }
#valSummary { color:#ec7e6f !important; padding:6px 8px 4px 26px; font-weight:normal; }


.eventTable { background:#fafafa; margin-bottom:16px;font-size:12px; clear: both; }
.eventTable td { margin:0; padding:4px 8px; border-bottom:1px solid #e7e7e7; }
.eventTable th { background:#e7e7e7; margin:0; padding:2px 8px; font-weight:bold; }
.eventTable td.eventMonth { background:#fff; color:#92288f; font-weight:bold; font-size:14px; padding-top:10px; }
.eventTable td.eventDate { font-weight:bold; }
.eventTable td.eventLocation { font-style:italic; }
.eventTable td.eventTitle { width:380px; }
.eventNav { width:100%; border-bottom:1px solid #000; padding-bottom:6px; margin-bottom:10px; }
.eventNav td { width:50%; padding:6px 6px 0px 6px; }
.eventNav th { font-size:16px; font-weight:bold; border-bottom:1px solid #000; padding-bottom:4px; }
.eventCS { color:#e7e7e7; }


.payment table, .payment .paymentMethods { width:100%; padding:5px 20px; margin:10px 0px; }
.payment table#noeeMember { width:60%; margin:0; padding:0; }
.payment td { text-align:left; }
.payment td input, .payment td textarea { width:60%; margin-bottom:10px; background:#fff; border:1px solid #555; font-size:12px; padding:3px; font-weight:bold; }
.payment #noeeMember td input { padding:0; margin:0px 10px 0px 0px; width:15px; height:15px; }
span.checkbox input { padding:0; margin:0px 10px 0px 0px; width:15px; height:15px; }
.payment .submitButton { width:100%; padding:5px 20px; margin:10px 0px; }
.payment .totalTitle { font-size:15px; font-weight:bold; color:purple; padding-top:20px; }
.payment .totalValue { font-size:15px; font-weight:bold; color:orange; padding-top:20px; }

.awdimg { width:250px; float:left; margin-right:20px; height:300px; }

/*************
COLUMN ACTION
**************/


/*************
LINK
**************/

/*************
FOOTER
**************/

#footer { font-size:0.63em; color:#fff; line-height:normal; text-align:left;  }
#footer p { padding-top:5px; margin-top:8px;}
#footer li { padding-left:3px; }
#footer a:link, #footer a:visited { color:#ffffff; text-decoration:none; }
#footer a:hover, #footer a:active { color:#ffffff; text-decoration:underline; }

div.iipLogo { float:left; margin-top:10px; }


/* remove the list style */
	#nav {
		margin-top:20px; 
		clear:both;
		padding:0; 
		width: 100%;		
		background-image:url(../Resources/bg-subnav.png);
		background-repeat:repeat-x;
		height: 36px;
	}		
	
		#nav li {
			float:left; 
			display:block; 	
			position:relative;
			z-index:500;
			border-left:1px solid #ccc;

		}		
	
		#nav li a {
			
			display:block; 	
			height:20px; 
			text-decoration:none; 
			color:#fff; 
			text-align:left; 
			color:#333;
		}

		#nav li a:hover {
		}
	
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			background-color:#fff;
			border-bottom: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
		
		#nav ul li {
			width:350px; 
			float:left;
			/*border-top:1px solid #fff;*/
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block; !important 
			color:#666;
			border-right: 1px solid #ccc;
		}
		
		#nav ul a:hover {
			text-decoration:none;
			display: block; !important
			float: none;
			clear: both;
		}
		
		.subnav ul li ul
		{
		    width: 350px;
		    background: #000;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
		
		.widenav 
		{
			width: 350px;
		}
		.widenav li
		{
			width: 350px;
		}

.teamMember {
	width: 330px;
	height: 200px;
	float:left;
	margin-top: 10px;
	padding-bottom:20px;
	padding-top:10px;
}
.teamMember a img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.teamMember img {
	float:left;
	border: 2px #CCCCCC; border-style:solid; b
}
.teamMember p {
	float:right;
	width: 180px;
	margin:0;
}
.mainTeamMember {
	margin-top:70px;
	padding-top:10px;
}
.mainAssociate {
	margin-top:20px;
	padding-top:20px;
}
.mainBoard {
	margin-top:10px;
	padding-top:10px;
}
.teamcontact {
	width:400px;
}
.MemberAssociates {
	height: 30px;
	float:left;
	display:block;
	margin: 0 10px 0 0;
	padding:0 10px 0 0;
	border-right: 1px solid #ccc;
	font-size:14px;
	color:#6b2868;
	
}
.MemberAssociates a:link {
	color:#666;
}
.MemberAssociates a:visited {
	color:#666;
}
.MemberAssociates a img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.contentleft {
	width:300px;
	paddomg:none;
	margin:none;
	float:left;
}

.contentright {
	width:300px;
	float:left;
}
.contentbottom {
	width:700px;
	float:left;
	margin:none;
	padding:0;
}
		

		

.colspan {
	display:block;	
}


.col1 li
{
    
	margin-bottom: 8px;

}
.section header.coll em {
	color:#9900CC;
}



div#footer{
	display:block;
	width:960px;
	height:165px;
	border: 0px solid black !important;
	margin-top:20px;
	margin: 0 auto;
	padding: 0;
}

#footer ul li
{
	list-style:none;
    padding: 0;
    margin: 0;
}

div#footer .iipLogo {
	float:left;
	padding:0;
}
div#footer-inner {
	font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-size:11px;
	margin-bottom:20px;
	width:960px;
	height:165px;
}
div#footer-column1 {
	display:block;
	float:left;
	margin:0;
	padding:10px 30px 0 65px;
	width:100px;
}

div#footer-column ul li
{
	list-style:none;
    padding: 0;
    margin: 0;
}

div#footer-column2 {
	display:block;
	float:left;
	margin:0;
	padding:10px 30px 0 65px;
	width:100px;

}

div#footer-column2 ul li
{
	list-style:none;
    padding: 0;
    margin: 0;
}

div#footer-column3 {
	display:block;
	float:left;
	margin:0;
	padding:10px 30px 0 50px;
	width:100px;

}
div#footer-column4 {
	display:block;
	float:left;
	margin-bottom:40px;
	padding:10px 0 0 50px;
	width:140px;

}
div#footer p {
	margin:none;
	padding:0;
}