*p, *a, *img, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

body, body div, body p, body th, body td, body li, body ul, body dd, body textarea
{   font-family: Arial, Helvetica, Sans-serif; padding: 0; margin: 0; 
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
    }
html>body, html>body div, html>body p, html>body td, html>body li, html>body dd
{    font-size:    small
    /* be nice to Opera */
    }

/*header and para text stuff*/
    
h1, h2, h3, h4, h5, label {font-weight: bold;}    
 
h3, h4, h5, h6 {font-size: medium;}

body p, p, h1, h2, h3, h4, h5, li, ul, blockquote {margin: 0.6em 0 0.2em 0;}
blockquote {margin-left: 20px;}
h2 {font-size: large; margin: 0.6em 0 0 0;}   
h3 {color: #007bc0; } 
h4 {font-size: small; margin: 0.5em 0 0.6em 0;}

a img,:link img,:visited img { border:none; margin: 0; padding: 0; }

/*reusable bits*/

.larger {font-size: larger; padding: 3px 0;}
.unbold {font-weight: normal;}
.clear {clear: both;}    
.maroon {color: #6a2f39;}
.white {color: #FFFFFF;}
.accessibility {visibility: hidden;  display: none;}
.micro {font-size: xx-small; color: #999;}


a:link, a:visited{ color: #6ab7fb; text-decoration: underline; border: 0; margin: 0; padding:0;}
a:hover, a:active{ color: #ffc600; text-decoration: underline; border: 0; margin: 0; padding:0;}


#footer a:link, #footer a:visited{ color: #000; text-decoration: none; border: 0; margin: 0; padding:0;}
#footer a:hover, #footer a:active{ color: #ffc600; text-decoration: none; border: 0; margin: 0; padding:0;}


/* set up page bits*/

.replace{
    padding: 163px 0 0 0;
    overflow: hidden;
    /*background-image: url(/images/women/header_women.jpg);
    background-repeat: no-repeat;*/
    height: 0px !important;
    height /**/:163px;
}

h1{display: none;}

#wrap{
   width:746px;  /*this will need to be backed for pre IE6 pc*/
   margin:0 auto;
   padding: 0 0 0 12px;
   text-align:left; /* ====== makes it float centre - reverse IE hack below =====*/
}
 
body{
  text-align:center;  /* ====== wrap used for centre in IE =====*/ 
  /*background: url(/images/common/header_bg.gif) repeat-x top left;*/
}


/* topnav area */

div#header {
  float:left;
  width:746px; 
 /*height: 72px;*/
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  background: #003168;    
}

#logo {
  float: left;
  margin-left: 6px;
}

#secondary {
  float: right;
  height: 35px;
  margin: 10px 0 0 0;
  padding: 0;
}

#secondary ul{
float: right;
   margin: 0;
  padding: 0;
}

@media all and (min-width: 0px){
 #secondary ul{
    width: 520px;/*need for opera*/
}
}
/*this is a hack using CSS3 which only opera can see*/







#secondary li{
 float: left;
  margin: 0;
  padding: 0;
  margin:  0; 
  list-style-type: none;
  
      
}

#secondary img {
display: inline;
padding: 0;
margin: 0;
}

#secondary a:link, #secondary a:visited
{ color: #fff; 
  text-decoration: none;
  margin: 0;
  
  font-size:x-small;
  font-weight: bold;
  display: inline;
  padding: 0 5px;
  line-height: 2em;
  border-right: 1px solid #fff;
 /*width: 114px;*/

}

#secondary a:hover, #secondary a:active
{ color: #ffc600; text-decoration: none; }

li#news a:link, li#news a:visited, li#news a:hover, li#news a:active
{ border-right: 0; padding-right: 3px;}

li#call{ margin-left: 3px;}

li#call a:link, li#call a:visited
{ text-indent: -2000px;
  display: block;
  width: 173px;  
  height: 21px;
  padding: 0;
  margin: 0;
  border: 0;  
}

li#call a:hover, li#call a:active
{  background: transparent;}

li#callme{
  background: url(/images/common/bu_top_callme_over.gif) no-repeat top right;
   margin-left: -3px;
}
li#callme a:link, li#callme a:visited
{ text-indent: -2000px;
  float: left;
  display: block;
  width: 82px;  
  height: 21px;
  padding: 0;
  margin: 0;
  border: 0;  
  background: url(/images/common/bu_top_callme.gif) no-repeat top right;

}

li#callme a:hover, li#callme a:active
{  background: transparent;}




/* breadcrumb area */

div#breadcrumb {
  margin: 0 0 5px 0;
  padding: 0 0 0 6px;
  line-height: 1.6em;
  background: #e9f2f8;
  clear:both;
}

div#breadcrumb p {  font-size: x-small;  margin: 0;  border: 0;}


/* container area */

div#container {
  float: left;
  width: 746px;
  border: 0;
 
}/*old container*/

div#wrapper{  /*new container!!!!!*/
    float: left;
    width: 746px;
    background: url(/images/common/drill_bg.gif) bottom left no-repeat;
    
}

div#proposition  { /*main header proposition*/
    margin: 0;
    padding: 0;border: 0;
    width: 587px;
}

div#proposition a{
    margin: 0;
    padding: 0;
    border: 0;
}



/* content area */

div#content { /*middle page content*/
    float:left;
    margin: 9px 0 0 0;
    padding: 0 0 12px 12px;
    width: 415px;
}
div#content ul, div#widecontent ul
{   list-style-type: none;
    padding:0;
    margin: 0.6em 0 0.2em 0;
}

div#content li, div#widecontent li {
  padding: 0 0 0.6em 2em;
  background: url(/images/common/bullet_arrow_sml.gif) no-repeat left 0.2em ;  
  }


div#widecontent { /*middle page content*/
    float:left;
    margin: 9px 0 0 0;
    padding: 0 0 12px 12px;
    width: 565px;
    border-top: 3px solid #ffc600;
}



div#wrapcontent { /*wrap around content and right nav*/
  float:right;
  margin:0;
  padding:0;  
  width: 587px;
  border: 0px dashed red;
}

div#right { /*right nav*/
  float:right;
  width: 155px; 
  margin: 9px 0 0 0;
  padding:0;  
  border: 0px dashed green;
}


div#rightNews { /*right nav*/
  float:right;
  width: 140px; 
  margin: 20px 0 0 0;
  padding:0 0 0 8px;  
  border-left:3px solid #ffc600;
}

div#rightNews a:link, div#rightNews a:visited { 
  font-size: 0.9em;
  color: #666;
}

div#rightNews a:hover, div#rightNews a:active {
  font-size: 0.9em;
  color: #333;
}

h2#archive {
	margin-top: 20px;
	}
	
#mediacentre h3 {
	margin: 20px 0 0 0;
	}
	


/* footer area */

div#footer {
float: left;
  border-top: 3px solid #ffc600;
  padding: 2px 0 0 0;
  margin: 5px 0 0 0;
  margin-right: -3px; /*gets rid of the duplicate character bug - http://www.positioniseverything.net/explorer/dup-characters.html*/
}

div#footer p{
text-align: right;
margin: 0 3px;
}
div#footer>p{
margin:0 0 6px 0;
}


/* SEARCHBOX */
div.search {  float: left; padding: 0; line-height: 2em; border: 0; width:200px; }
div.search form { margin: 0; padding: 0; }
div.search p {
    padding: 0;
    display: inline;
    margin: 0;
    font-weight: bold;
}
input.go {
    background-color: #fff;
    margin: 0;
    border: 0;
    margin: 0 0 -7px 0;
    padding: 0;
    display: inline;
    width: 34px;
    height: 21px;
}


div.search input.search {
    font-size: x-small;
    background-color: #fff;
    margin: 0 0px;
    padding: 0 0.2em;
    width:  100px;
    height: 1.5em;
    display: inline;
   
}

label.search{
    position : relative;
    display : inline;
    margin : 1em 0em; 
    }



div#disclaimer {
  float: right;
  font-size: smaller;
  
}

.right {float: right; 
     width: 527px;}    
       
div#disclaimer p{
 font-size: x-small;
}
#tamar {
  float:left; 
  padding: 0 0 0 8px;
}

.textarea {
    font-size: small;
    width: 390px;
    height: 200px;
    border: 1px solid #e9f2f8;
    background: #e9f2f8;
    padding: 5px;
    margin: 15px 5px;
}


/*forms*/


form, label, input { font-size : 1em; }
fieldset { width : 380px; border: 0px dashed #666; padding : 0.5em 1em; }

/* in place of table row element - put labelinput inside it*/
label { position : relative; width : 24em; display : block; margin : 0.8em 0em; }
label input { position : absolute; left : 100%; top : 0px; }
input.submit { margin-left : 24em; margin-top: .4em; }
fieldset br { display : none; }


label.field { position : relative; width : 15em; display : block; margin : 1em 0em; }
label input.field { position : absolute; left : 100%; top : 0px; width: 10em;}
label.select{ position : relative; width : 9em; display : block; margin : 1.2em 0em; }
label select  { position : absolute; left : 100%; top : 0px; width: 16.3em;}
label.area{ position : relative; width : 9em; display : block; margin : 1.2em 0em; height: 8em;}
label textarea  { position : absolute; left : 100%; top : 0px; width: 16em; height: 8em;}
input.submit2 { margin-left : 19em; margin-top: .4em; }

label.selectsmall{ position : relative; width : 18em; display : block; margin : 1.2em 0em; }
label select.selectsmall  { position : absolute; left : 100%; top : 0px; width: 8em;}

label.selectvsmall{ position : relative; width : 18.3em; display : block; margin : 1.2em 0em; }
label select.selectvsmall  { position : absolute; left : 100%; top : 0px; width: 7em;}


label.fieldsmall { position : relative; width : 18em; display : block; margin : 0.8em 0em; }
label input.fieldsmall { position : absolute; left : 100%; top : 0px; width: 8em;}


label.fieldvsmall { position : relative; width : 22em; display : block; margin : 0.8em 0em; }
label input.fieldvsmall { position : absolute; left : 100%; top : 0px; width: 3em;}

label.radiosmall { position : relative; width : 14.7em; display : block; margin : 0.8em 0em; }
label input.radiosmall { position : absolute; left : 100%; top : 0px; }




/* Social bookmarking */

#socialBookMarkList {
    clear:both;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 20px 0 15px 0;
	padding: 0 0 10px 0;
}

#socialBookMarkList ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#socialBookMarkList ul li {
    display:inline;
    padding:0 0px 6px 20px;
	margin: 0 9px 0 0;
}

#socialBookMarkList ul li.delicious {
    background:transparent url(/images/common/social/delicious.gif) no-repeat scroll 0 0;
}

#socialBookMarkList ul li.digg {
    background:transparent url(/images/common/social/digg.gif) no-repeat scroll 0 0;
}

#socialBookMarkList ul li.reddit {
    background:transparent url(/images/common/social/reddit.gif) no-repeat scroll 0 0;
}

#socialBookMarkList ul li.facebook {
    background:transparent url(/images/common/social/facebook.gif) no-repeat scroll 0 0;
}

#socialBookMarkList ul li.stumbleupon {
    background:transparent url(/images/common/social/stumbleupon.gif) no-repeat scroll 0 0;
}
