/* CSS Document */

body {margin-top: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color: #000; background-image:url('../images/egobackgroundcolours.jpg'); background-repeat:repeat;}
body1 {margin-top: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color: #000; background-image:url('../images/egovenice.jpg'); background-position:auto-stretch; background-repeat:no-repeat;}

h3{padding:0px; margin:0px;}
h2{padding:0px; margin:0px;}
ul{padding:0px; margin:0px;}
p{padding:0px; margin:0px;}
div{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----Styles----*/

.image{margin:0 0 10px 0;}

.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:32px 0 0;}
.normaltext{font-size:xx-small; background:#fff; color:#333333; padding:12px 0 12px 0;}
.promotext{font-size:small; background:#fff; color:#333333; font-weight:bolder; padding:12px 0 0;}
.smalltext{font-size:xx-small; background:#fff; color:#FF8042; padding:12px 0 12px 0;}

.page{background-color:gray;}

.style_bold {font-weight: bold;}
.style_italic {font-style: italic;}


/* Styles for Form */

.cssform p{width: 294px; clear: left; margin: 0; padding: 3px 0 3px 0; padding-left: 155px; /*width of left column containing the label elements*/height: 1%;}

.cssform label{font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

.cssform label2{font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

.cssform label3{font-weight: bold; float: left; margin-left: 0px; /*width of left column*/ width: 300px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 180px;}

.cssform comments{width: 250px; height: 100px;}

/*.threepxfix class below:Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/

* html .threepxfix{margin-left: 3px;}


/*----MASTHEAD----*/

#masthead {width:700px; margin: 0; padding: 18px 40px 0 40px; background:#fff; position: relative; z-index: 10;}

#logo{margin-top: 22px; float: left; width: 162px; padding-left: 0px; height: 90px; position: relative;}

#banner {margin-top: 30px; margin-left:180px; width: 512px; height: 84px; position: relative;}

#navbar {margin-top: 30px; margin-left: -18px; width: 651px; float: left; position: relative;}

/*----CONTAINER----*/

#container {width:780px; margin: 0 auto; background:#fff; color:#8D8D8D; padding:0;}

#content {width: 700px; margin-top:30px; padding:0 40px 0 40px; float: left; position: relative; z-index: 10;}

/*---column1----*/

#column1 {width:162px; float:left; position:relative; top:0px; left:0px;}

#column1 ul{width:160px; padding:0; margin-top: 10px;}
#column1 ul li{width:160px; height:30px; text-align:center;}

#column1 ul li a{width:150px; height:20px; color:#333333; font-weight: bolder; text-decoration:none; padding:5px; display: block;}
#column1 ul li a:hover{background-color:#333333; color:#fff; font-weight: bolder; text-decoration:none; border: 0;}

/*---column2----*/

#column2 {margin:0 0 0 16px; width: 162px; float: left; position: relative;}

#column2a {margin:0 0 0px 30px; width:212px; float:left;}

#column2b {margin:320px 0 0 -208px; width: 210px; float: left; color:#333333; position: relative;}

#column2c {margin:0 0 0 30px; width: 412px; float: left; position: relative; z-index: 20;}

/*---column3----*/

#column3 {margin:0 0 0 16px; width: 162px; float: left; position: relative;}

#column3a {margin:0 0 0 28px; width:122px; height:628px; float:left;}

/*---column4----*/

#column4 {margin:0 0 0 16px; width: 162px; float: left; position: relative;}

#column4a {width:122px; height:628px; margin:0 0 0 20px; float:left;}

/*---column5----*/

#column5 {width:408px; margin:20px 0 0 6px; float:left; position:absolute; top:392px; left:40px;}

#column5 ul{width:409px; padding:0;}
#column5 ul li{display:inline;}
#column5 ul li.image{display:inline; padding-right:13px;}
#column5 ul li.image1{display:inline; padding-right:13px;}

#column5 ul li.text1{font-size:xx-small; background:#fff; color:#FF8042; width:120px; position:absolute; top:180px; left:135px;}
#column5 ul li.text2{font-size:xx-small; background:#fff; color:#FF8042; width:120px; position:absolute; top:180px; left:266px;}
#column5 ul li.text3{font-size:xx-small; background:#fff; color:#FF8042; width:120px; position:absolute; top:180px; left:0px;}
#column5 ul li.text4{font-size:xx-small; background:#fff; color:#333333; width:120px; position:absolute; top:180px; left:0px;}
#column5 ul li.text5{font-size:xx-small; background:#fff; color:#333333; width:120px; position:absolute; top:180px; left:135px;}
#column5 ul li.text6{font-size:xx-small; background:#fff; color:#333333; width:120px; position:absolute; top:180px; left:266px;}

/*---column6----*/

#column6 {margin:0 0 20px 0; width: 264px; min-height:600px; float: right; position: relative;}

#column6 ul li{text-align:left; margin-top:3px; margin-left:16px; list-style:disc; padding-left:2px;}


/*---column7----*/

#column7 {width:408px; margin:-10px 0 20px 6px; float:left; position:relative; top:0px; left:0px;}

#column7 ul{width:409px; padding:0;}
#column7 ul li{display:inline;}
#column7 ul li.image{display:inline; padding-right:13px;}

#column7 ul li.text1{font-size:xx-small; background:#fff; color:#333333; width:120px; position:absolute; top:180px; left:140px;}
#column7 ul li.text2{font-size:xx-small; background:#fff; color:#333333; width:120px; position:absolute; top:180px; left:280px;}


/* GoogleMap */

#map_ego{margin-left: 30px; width: 410px; float: left; height: 280px; border: 1px gray solid;}

/*---myform----*/

#myform {margin:20px 0 20px 0px; float: left; padding: 12px; width: 386px; border: 1px navy solid; font-weight: bold; color: black; position:relative;background-color:#DCDCFF;}

/*---footer----*/

#footer {width: 100%; margin:0; text-align: center; clear: both; padding: 6px 0 8px 0; overflow: auto; background-color: #FF8042;}

#footer p {font-size: 0.8em; color: #fff; margin: 2px; padding: 2px;}
#footer a {color: #fff; text-decoration: underline;}
#footer a:hover {color: #fff; text-decoration: none;}