/**Layout Divs**//*this program was adapted and developed by Alex Cummings*/


/*this container centers the content in the browser and fixes the overall width*/

#wrapper {
  width: 770px;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #4b4b33;
  font-size: 80%;
  color: #4b4b33;
  line-height: 1.5em;
  padding-right: 0px;
  padding-left: 0px;
  background-color:#eaeff2;}

/*this container holds the logo and heading graphic*/

#header {
  background: #9999FF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #4b4b33;
  width: 770px;
}

#header #title {
  float: left;
  height: 56px;
  width: 695px;
  background: url("Guardian_page1_files/Guardian_page1_heading-trans.gif") no-repeat;
  margin-top: 0px;
  margin-left: 0px;
}

/*this container holds the horizontal navigation bar */

#navbar {
  background-color: #9999FF;
  width: 770px;
  height: 20px;
  top: 50px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #4b4b33;/*themecolour1$ -21%,-68.6%;*/
}
#navbar1 {
  background-color: #9999FF;
  width: 770px;
  height: 20px;
  top: 50px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #4b4b33;/*themecolour1$ -21%,-68.6%;*/
}

/*this container holds the logo graphic */

#logo {
  background-repeat: no-repeat;
  height: 56px;
  top: 0px;
  right: 0px;
}

/*this container holds the heading underneath the main image */

/*this container holds the feature heading graphic */

#featureleft {
  float: left;
  height: 175px;
  width: 475px;
  background: url("images/pierremaja-logo1.gif") no-repeat;
  margin-top: 30px;
  margin-left: 20px;
}

#featureleftp {
  float: left;
  height: 135px;
  width: 475px;
  background: url("Guardian_page1_files/pierremaja-logo-purple.gif") no-repeat;
  margin-top: 30px;
  margin-left: 20px;
}

#featureleftg {
  float: left;
  height: 135px;
  width: 475px;
  background: url("Guardian_page1_files/pierremaja-logo-gold.gif") no-repeat;
  margin-top: 30px;
  margin-left: 20px;
}

#featureleftsimply {
  float: left;
  height: 250px;
  width: 555px;
  background: url("birds/2002-simply-bb-gauteng-fd.jpg") no-repeat;
  margin-top: 10px;
  margin-left: 20px;
}

#featureleftmauve {
  float: left;
  height: 200px;
  width: 475px;
  background: url("Guardian_page1_files/pierremaja-logo-gold.gif") no-repeat;
  margin-top: 30px;
  margin-left: 20px;
}
#featureleftb {
  float: left;
  height: 135px;
  width: 475px;
  background: url("Guardian_page1_files/pierremaja-logo-blue.gif") no-repeat;
  margin-top: 30px;
  margin-left: 20px;
}

#featureright {
  float: right;
  height: 130px;
  /*  background: url("images/img03-2.jpg") no-repeat;*/
}


/**Redefined html tags**/
/*defines the font and page background image */

body {
  font-family: "Trebuchet MS", Arial;
  text-align: center;
  font-size: 100%;
  background-color:#E7E7FF; 
  padding-top: 20px;
  padding-bottom: 20px;
}

#container1 {
float: center;
clear: both;
background-color:#eaeff2;
width: 770px;
height: auto;
border-width: 1px;
border-style: solid;
border-color: #000000;
margin: 0;
padding: 0;}


#container {
float: center;
clear: both;
background-color:#eaeff2;
width: 770px;
height: auto;
border-width: 1px;
border-style: solid;
border-color: #000000;
margin: 0;
padding: 0;}

#container #titlebar {
  float: left;
  height: 20px;
  width: 770px;
  background: url("Guardian_page1_files/divider.gif") no-repeat;
  margin-top: 0px;
  margin-left: 0px;
}


/*#rightcontent {
		position: absolute;
		left: 865px;
		top: 40px;
		width:80px;
		background:plum;
		border:0px solid darkblue;
		}*/

  

#rightcontent {
		position: absolute;
		right: 35px;
		top: 40px;
		width:80px;
		background:plum;
		border:0px solid darkblue;
		}
		



/*sets margins to 0 */


p {
  margin-top: 0px;
  margin-bottom: 0px;
}

  
#wrapper p {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 10px;
  padding-top: 5px;
}
 
 

/*style the heading text */


h1 {
  font-size: 175%;
  margin: 0px 0px 0px 20px;
  color: #990066;/*themecolour2;*/
  padding-top: 6px;
  text-align: center;
  font-family: Calligraphic;
}

h2 {
  font-size: 150%;
  /* color: #800080;*/ /*purple*/
  color: #000000;
  font-family: Calligraphic;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: left;}
  
h3 {
  font-size: 120%;
    /* color: #800080;*/ /*purple*/
      color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  font-weight: normal;
  text-align: center;}
  
h4 {
  font-size: 100%;
  color: #800080;/*purple*/
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: center;}
  
h5 {
  font-size: 120%;
    /* color: #800080;*/ /*purple*/
      color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: left;}

  
  
h6 {
  font-size: 100%;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: center;}

  
.p2 {
  font-size: 95%;
  color: #800080;/*purple*/
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: center;}
  
.p3 {
  font-size: 100%;
  color: #000000;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: center;
  font-family:American Uncial;
font-style: normal;}

.4{
font-size: 40%;
  color: #800080;/*purple*/
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: center;}


.red {
  color: #ff0000;
 text-align: center;}
  
.blue {
  color: #0000ff;
  text-align: center;}
 
/* menu */

 #menu {
clear: both;
  width: 770px;
  height: 60px;
  background-color:#eaeff2;
}

#menu ul {
  margin: 0px;
  padding: 10px 0px 0px 10px;
  list-style: none;
}

#menu ul li{
  display: inline;
}

#menu ul li a{
  float: left;
  width: 85px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  background: url("./") top right repeat-y;
  color: #717bff;
  font-weight: bold;
  outline: none;
}

#menu li a:hover, #menu li .current{
  color: #000000;
}
/* end of menu*/

/* menu1 */

 #menu1 {
clear: both;
  width: 770px;
  height: 60px;
  background-color:#eaeff2;}

#menu1 ul {
  margin: 0px;
  padding: 10px 0px 0px 20px;
  list-style: none;
}

#menu1 ul li{
  display: inline;
}

#menu1 ul li a{
  float: left;
  width: 85px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  background: url("./") top right repeat-y;
  color: #717bff;
  font-weight: bold;
  outline: none;
}

#menu1 li a:hover, #menu li .current{
  color: #000000;
}
/* end of menu1*/

/* menu2 */

 #menu2 {
clear: both;
  width: 770px;
  height: 60px;
  background-color:#eaeff2;}

#menu2 ul {
  margin: 0px;
  padding: 10px 0px 0px 20px;
  list-style: none;
}

#menu2 ul li{
  display: inline;
}

#menu2 ul li a{
  float: left;
  width: 140px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  background: url("./") top right repeat-y;
  color: #717bff;
  font-weight: bold;
  outline: none;
}

#menu2 li a:hover, #menu li .current{
  color: #000000;
}
/* end of menu1*/






/*defines the style for ordered lists (numbered) */

ol {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 25px;
  color: #4b4b33;/*themecolour1$ -21%,-68.6%;*/
}
/*defines the style for unordered lists (bulleted) */

ul {
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-image: url("Guardian_page1_files/Guardian_page1_bullet.gif");
  color: #4b4b33;/*themecolour1$ -21%,-68.6%;*/
  font-size: 80%;
  font-weight: normal;
  margin-left: 20px;
}
/*link styles*/

a:link {
  color: #0b7df6;/*themecolour1$ -8.3%,-29.7%;*/
}

a:visited {
  color: #c81f5a;/*themecolour1$ -21%,-68.6%;*/
}

a:link:hover {
  color: #707054;/*themecolour1$ -12.5%,-53%;*/
}

td:color:4b4b33;{
}

/*defines color for horizontal divider*/

.divider {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #4b4b33;/*themecolour1$ -21%,-68.6%;*/
}
#small_cont {
	height: 95px;
	width: 455px;
	margin-left: 140px;
	background-color: #eeeecc;
	border-style:  groove;
	border: 5px groove;}
	
#alexsearch_cont {
	height: 500px;
	width: 455px;
	margin-left: 140px;
	background-color: #eeeecc;
	border-style:  groove;
	border: 5px groove;}

	
#content #content_bottom {
  clear: both;
  padding: 20px 20px 0px 20px;
  background: url("./") top left repeat-x;
}

#content_bottom .content_bottom_box {
  float: left;
  width: 160px;
  margin-left: 15px;
  margin-right: 15px;
}

.content_bottom_box img {
  margin-bottom: 10px;
}

.content_bottom_box a, a:hover {
  border: none;
}

.content_title_01 {
  font-size: 22px;
  font-weight: normal;
  color: #741305;
  font-family: calligraphic;
  font-style: oblique;
  margin: 10px;
}
/*styles the footer*/

.footer {
  font-size: 90%;
  margin-left: 10px;
  color: #848466;/*themecolour1$ -10%,-44.5%;*/
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #848466;/*themecolour1$ -10%,-44.5%;*/
  padding-bottom: 10px;
  margin-right: 10px;
}
/*floats element to the left*/

.left {
  float: left;
}
/*floats element to the right*/

.right {
  float: right;
}