body {
background: #fff;
font-family: helvetica,arial, sans-serif;
font-size: 100%;
/* to center align the content in IE */
text-align: center;
}

a:link, a:visited {
color: #C90306;
/*red colour of timeandexperience logo */
text-decoration: none;
}
a:hover {
text-decoration:underline;
}
a img {
border: none;
}


#container {
width: 700px;
height: 640px;
padding: 0;
top: 20px;
overflow: hidden;
position:  relative;

/* to center align the content in non-IE and re-align the text*/
margin: 0 auto;
text-align: left;

background-color: white;
}

#header {
position:  absolute;
top: 0px;
left: 0px;
width: 700px;
height: 53px;
background-color: white;
text-align: left;
margin: 0 auto 0 auto;
}

#logo {
position:  absolute;
background-image:url(pics/time and experience logo-sm.gif);
border: 0px;
width: 300px;
height: 105px;
}

#logo a {
display: block;
width: 300px;  
height: 105px;
border: none;
}
#logo span {
display: none;
}

#address {
color: #C90306;
/*red colour of timeandexperience logo */
}
#address span {
display: none;
}

#navigation {
position: absolute;
bottom: 0px;
right: 0;
width: 500px;
height: 53px;
text-align:right;
}

#indexLink {
position:  absolute;
width: 100px;  
height: 53px;
right: 400px;
}
#infoLink {
position:  absolute;
width: 100px;  
height: 53px;
right: 300px;
}
#eventsLink {
position:  absolute;
width: 100px;  
height: 53px;
right: 200px;
}
#newsLink {
position:  absolute;
width: 100px;  
height: 53px;
right: 100px;
}
#contactLink {
position:  absolute;
width: 100px;  
height: 53px;
right: 0px;
}

#indexLink a {
display: block;
width: 100px;  
height: 53px;
border: none;
}
#infoLink a {
display: block;
width: 100px;  
height: 53px;
border: none;
}
#eventsLink a {
display: block;
width: 100px;  
height: 53px;
border: none;
}
#newsLink a {
display: block;
width: 100px;  
height: 53px;
border: none;
}
#contactLink a {
display: block;
width: 100px;  
height: 53px;
border: none;
}

#indexLink span, #infoLink span, #eventsLink span, #newsLink span, #contactLink span, {
display: none;
}

#navigation ul {
padding: 0;
margin: 0;
}

#navigation li {
display: inline;
}

/*#navigation, #navigation a, #navigation a:link, #navigation a:visited {
color: #719270;
}
*/


#content {
position:  absolute;
text-align: left;
top: 95px;
width: 700px;
height: 555px;
overflow: auto;
}
/*
#content, #content a, #content a:link, #content a:visited {
color: #C0C0C0; 
}

#content h1 {
display: none;
}

#content h2, #content h3, #content h4 {
text-transform: lowercase;
font-weight: normal;
}
*/

#indexBG{
position:  absolute;
width: 700px;
height: 450px;
background-image:url(pics/background-events.jpg);
}
#infoBG{
position:  absolute;
width: 700px;
height: 450px;
background-image:url(pics/background-events.jpg);
}
#eventsBG{
position:  absolute;
width: 700px;
height: 450px;
background-image:url(pics/background-events.jpg);
}
#newsBG{
position:  absolute;
width: 700px;
height: 450px;
background-image:url(pics/background-events.jpg);
}
#contactBG{
position:  absolute;
width: 700px;
height: 450px;
background-image:url(pics/background-events.jpg);
}


#textAreaBG{
float:right;
left: 365px;
width: 450px;
height: 450px;
background-image:url(pics/black-70.png);
}

#textArea{
font-family:Helvetica, sans-serif;
font-size:14;
line-height:1em;
color: white;
padding-left:15px;
/*padding-right:15px;*/
padding-top: 5px;
}

/*#textArea a{
color:#FFFFFF;
text-decoration:none;
}*/

#tagLine{
position:  absolute;
width: 700px;
height: 40px;
top: 451px;
left: 0px;
}

#tagLine span {
display: ;
}
/*

.green {
color: #ADB9AC;
}

.blue {
color: #ADB9AC;
}                                                         
*/