/* -------------------------------------------------------------- 
  
   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, 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 
{
    padding: 20px 0 0 0;
	margin: 0;
	text-align: center;/*correct IE bug */
	background-image:url(../Resources/bkgd_body.gif);
	background-repeat:repeat-x;
	background-color:#340268;
 	font-family: Arial, Helvetica, 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*/
	position: absolute;
	top: -1000px;
}
div#flash{
}

p.textOnly{
display:none;
}

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

common tags

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


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

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

h1{
	font-size:30px;
	color:#333333;
	line-height:normal;
	margin-bottom:12px;
}

h2{
	font-size: 20px;
	color: #333333;
	line-height:normal;
	margin-bottom:5px;
	margin-top:16px;
}
h3{
	font-size:14px;
	text-transform:uppercase;
	line-height:normal;
	margin-bottom:10px;
	margin-top:10px;
	}
h4{
	font-size:16px;
	font-weight:bold;
	line-height:normal;
	}
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;
}

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

general class for images

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


.imgAlignMiddle {
	vertical-align: middle;
}
.imgAlignTop {
	vertical-align: top;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.imgLeftMargin{
	margin-right: 0.7em;
	margin-bottom: 0.7em;
	float: left;
}
.wideImg{
	margin-top:5px;
	margin-bottom:5px;
}
.imgRightMargin{
	float:right;
	margin-left:0.7em;
	margin-top:0.7em;
}

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

General class

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

.button{
	padding:0px;
}
.alignRight{
	text-align:right;
	}
.textField{
	width:390px;
	height:20px;
	}
.textFieldMulti{
	width:390px;
	height:60px;
	}
.new_icon{
position:absolute;
display:block;
width:55px;
height:55px;
left:410px;
}
/* -------------------------------------------------------------- 

MAIN STRUCTURE

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

div#container{/* includes everything:  main div  and footer*/
              position: relative;
 	margin: auto;
	width: 949px;/* page size */
	text-align: left;
	background: url(../Resources/bkgd_container.gif);
	background-repeat:repeat-y;
	display: table;/* necessary to work with height 100%*/
	
	padding:0;
}
div#main_nav{
	width: 949px;
	height:120px;
	display:block;
	background:url(../Resources/bkgd_main_nav.gif);
	background-repeat:repeat-x;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}
div#header {
	width: 949px;
	height:310px;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
}


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

div#twitterbox
{
    right: 0;
    float: right; 
    margin-top: -60px;
    width: 420px;   
    text-align: left;
}
div#twitterbox h4 { color: White; }
div#twitterbox h4 a { color: #fff6cf; }
div#twitterbox h4 a:hover { color: #A187BA; }
div#twitterbox h4 a:hover { background: none;  color: #E5CBFE; }
div#twittercontent { color: White; }
div#twittercontent ul { width: 100%; } 
div#twittercontent ul li { font-size: 8pt; }
div#twittercontent ul li img {  padding: 6px 0 0 0; float: left; margin-right: 10px; } 
div#twittercontent ul li span.twitterStatus { color: #E5CBFE; }
div#twittercontent ul li span.twitterTime { color: #A187BA; }

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:70px;
	float:left;
	border: 0; background:url(../Resources/footer-logos.jpg) no-repeat right center; 
	}



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

header class

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

#main_nav ul#active{
	width:95px;
	margin-right:2px;
	height:120px;
	}


#main_nav ul li{
	display:inline;
	}

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


div.accessLinks {
	display:block;
	float:right;
	text-align:right;
	font-size:11px;
	margin-right:5px;
	margin-top:15px;
	width:400px;
	}
div.accessLinks a{
	text-decoration:none;
	}

div.accessLinks a.sub_baseline{
	font-size:16px;
	text-decoration:none;
	color:#663399;
}

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

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

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:13px;
}

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

}



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

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;
	line-height:16px;
}
.orange{
color:#eb7000;
}

.purple{
color:#663399;
}

div.eventDisplay{ /*media centre campaigns and work for us div*/
	display:block;
	width:515px;
	padding:10px;
	background-image:url(../Resources/bkgd_eventDisplay.gif);
	background-repeat:repeat-y;
	margin-bottom:20px;
	margin-top:20px;
}
.eventDropDown{
	width:512px;
	}
.Column_contentButton{
	background-color:#f28832;
	color:#FFFFFF;
	}
.subNav{
	margin-top:20px;
	/*border-top:1px dashed #999999;*/
	padding-top:5px;
	width:570px;
	text-align:right;
	}
.tableForm{
	border-collapse:collapse;
	border-spacing:0px;
	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;
	}
p#vcom a{
	color:#999999;
	text-decoration:none;
	}