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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* 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; }






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




body {
	margin: 0;
	text-align: center;/*correct IE bug */
	background-color:#340268;
 	font-family: helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 100%;
}

/* -------------------------------------------------------------- 

Accessibility nav

-------------------------------------------------------------- */

#hide {/*back to graphic version on the text only version - hide on the graphic version*/

}
div#flash{
}
img{
display:none;}
p.textOnly{
display:inline-block;
}




/* -------------------------------------------------------------- 

common tags

-------------------------------------------------------------- */


a {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	background-color:#FFCC99;
}

h1{
	font-size:30px;
	color:#333333;
}

h2{
	font-size: 24px;
	color: #333333;
}
h3{
	font-size:14px;
	text-transform:uppercase;
	line-height:normal;
	margin-bottom:10px;
	margin-top:10px;
	}
h4{
	font-size:16px;
	font-weight:bold;
	}
h5{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:5px;}


hr{
	border:0px;
	height:1px;
	background-color: #CCCCCC;
}
input{
	border:1px #333333 solid;
	font-size:12px;
	color: #333333;
	background-color:#ffffff;
}

/* -------------------------------------------------------------- 

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;
}

/* -------------------------------------------------------------- 

General class

-------------------------------------------------------------- */

.button{
	padding:0px;
}
.alignRight{
	text-align:right;
	}

.textField{
	width:390px;
	height:20px;
	}
.textFieldMulti{
	width:390px;
	height:60px;
	}

/* -------------------------------------------------------------- 

MAIN STRUCTURE

-------------------------------------------------------------- */

div#container{/* includes everything:  main div  and footer*/
 	margin: auto;
	width: 949px;/* page size */
	text-align: left;
	display: table;/* necessary to work with height 100%*/
	background-color:#FFFFFF;
	padding:0;
}
div#main_nav{
	width: 949px;
	height:120px;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}
div#header {
	width: 949px;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
}

div#main_content{
	width:949px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow:auto;
	position:relative;
}

div#column_nav {
	float:left;
	width: 238px;
	min-height: 400px; /* understood by all browser will set the size to that minimum size if not enough content. IE will need a proper height  */
	height: 100%; /* compulsory for the content to push other bloc down  */
	display:block;
	border: 0;
	margin: 0;
	padding:15px 0;
}

div#column_content{
	width:60%;
	float:left;
	display:block;
	border: 0;
	margin: 0;
	padding:15px 0px 15px 15px;
}

div#column_action{ /*TO ERASE ONCE OUT OF MCN*/
display:none;
}

div#footer{
	width:919px;
	height:95px;
	float:left;
	border: 0;
	padding:15px 0px 0px 30px;
	border-top:1px #CCCCCC solid;
}



/* -------------------------------------------------------------- 

header class

-------------------------------------------------------------- */
#main_nav ul{
	width:830px;
	float:left;
	}

#main_nav ul#active{
	width:830px;
	margin-right:2px;
	}

#main_nav ul li{
	display:inline;
	}
#main_nav ul li a{
	text-decoration:none;
	vertical-align:top;
	}
	

div#search{
	padding-top:0px;
	margin-top:10px;
	}
.searchInput{
	width:125px;
	margin-right:4px;
	}


div.accessLinks {
	display:block;
	float:right;
	text-align:right;
	font-size:small;
	margin-right:12px;
	margin-top:0px;
	width:800px;
	line-height:normal;
	}
div.accessLinks a{
	text-decoration:none;
	}



/* --------------------------------------------------------------
 
columnNav Class

-------------------------------------------------------------- */
div#column_nav{
background-color:#ebebeb;}
div#column_nav ul.main_menu li{
	padding: 0px 2px 2px 13px;
	margin-bottom:2px;
}
div#column_nav ul.main_menu li#last{
	margin-bottom:32px;
}
div#column_nav ul.main_menu li a{
	margin-left:5px;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
}
div#column_nav ul.main_menu li a:hover{
	background:none;
	text-decoration:underline;
}

.columnNavBox{
	margin: 20px 0px 0px 0px;
	padding:0px 20px 10px 10px;
}

.columnNavBox ul li{
	list-style:none;
	}

.menu1{
	font-size:18px;
	line-height:normal;
	display:block;
	margin-bottom:5px;
	margin-top:10px;
	padding-top:5px;
	list-style:none;
	text-decoration:none;
}
.menu1:hover{
background:none;
text-decoration:underline;
}

.columnNavBox ul li ul li{
	list-style:none;
	line-height:normal;
}

.columnNavBox ul li ul li a{
	color: #666666;
	text-decoration:none;
	margin-left:20px;
	font-size:14px;

}



/* -------------------------------------------------------------- 

content class

-------------------------------------------------------------- */
div#column_content p{
	margin-bottom:10px;
	line-height:16px;
}

div#column_content ul {
	margin-bottom:10px;
}

div#column_content ul li{
	margin-left:40px;
	list-style:disc;
	color:#666666;
	line-height:16px;
}
div.eventDisplay{ /*media centre campaigns and work for us div*/
	display:block;
	width:515px;
	padding:10px;
	background-color:#ebebeb;
	margin-bottom:20px;
	margin-top:20px;
}
.eventDropDown{
	width:472px;
	}
.Column_contentButton{
	background-color:#f28832;
	color:#FFFFFF;
	}
.subNav{
	margin-top:20px;
	border-top:1px dashed #999999;
	padding-top:5px;
	width:530px;
	text-align:right;
	}
.tableForm{
	border-collapse:collapse;
	border-spacing:0p;
	margin-left:50px;
	width:490px;
}
.tableForm td{
	padding:10px;
	}
#CAF{
	display:block;
	margin-top:30px;
	}
.dvdDisplay{
	display:block;
	width:150px;
	margin:20px 50px 20px 50px;
	float:left;
	}


/* -------------------------------------------------------------- 

footer class

-------------------------------------------------------------- */
#footer p{
	font-size:11px;
	color:#999999;
	float:left;
	}

p#vcom{
	float:right;
	margin-right:20px;
	margin-top:50px;
	}
p#vcom a{
	color:#999999;
	text-decoration:none;
	}