body {
	margin: auto;
	padding: 0;
	background: #fff url('http://attik.org.uk/sitegfx/si.jpg') top right no-repeat;
}

#subcol1 {
float: left;
padding: 0px;
width: 250px;
color: #565656;

}

#subcol2 {
float: right;
padding: 0px;
width: 250px;
color: #565656;

}

#subcol3 {
padding: 0px;
width: 250px;
color: #565656;
margin-left: 275px;
}

a:link, a:visited {
font-family: verdana,arial,sans-serif;
font-size: 10px;
text-decoration: none;
font-weight: normal;
color: #84aeb0;
}

a:hover {
font-family: verdana,arial,sans-serif;
font-size: 10px;
text-decoration: underline;
font-weight: normal;
color: #84aeb0;
}

a:active {
font-family: verdana,arial,sans-serif;
font-size: 10px;
text-decoration: none;
font-weight: normal;
color: #84aeb0;
}

.subtext {
padding-left: 2px;
padding-right: 10px;
font-family: verdana,arial;
font-size: 10px;
}

.subtextpadded {
font-family: verdana,arial;
font-size: 10px;
color: #565656;
}

.subtexteventpadded {
font-family: verdana,arial;
font-size: 10px;
color: #565656;
border-bottom: #565656 dotted 1px;

}

.imagebox {
position: relative;
top: -155px;
}

.imagetext {
font-family: verdana,arial;
font-size: 10px;
color: #fff;
margin-left: 20px;
padding-top: 5px;
}

.imagetitle {
font-family: times, georgia, serif;
width: 200px;
font-weight: normal;
font-style: italic;
letter-spacing: -1px;
color: #ccc;
font-size: 22px;
margin-left: 20px;
}

h1, h2 {
font-family: georgia, times new roman, times, serif;
letter-spacing: 0.09em;
}

.biotext {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
border-bottom: #979797 1px dotted;
color: #797b7b;
}

.jobtitle {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #797b7b;
}

.fronttitle {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
padding-top: 10px;
color: #797b7b;
}

a.fronttitle:link, a.fronttitle:visited {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
  text-decoration: none;
color: #84aeb0;
pointer: cursor;
font-weight: normal;
}

a.fronttitle:hover {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
  text-decoration: underline;
color: #84aeb0;
pointer: cursor;
font-weight: normal;
}

a.fronttitle:active {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
  text-decoration:none;
color: #84aeb0;
pointer: cursor;
font-weight: normal;
}

a.events:link, a.events:visited {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
  text-decoration:none;
color: #84aeb0;
pointer: cursor;
font-weight: normal;
}

a.events:hover {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
text-decoration: underline;
color: #84aeb0;
pointer: cursor;
font-weight: normal;
}

a.events:active {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
  text-decoration:none;
color: #84aeb0;
pointer: cursor;
font-weight: normal;
}

#container {
position: relative;
margin: 0px auto;
padding: 10px;
width: 935px;
background: #fff;
min-height: 800px;
}

#header {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/welcome.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: 1px dotted #979797;
}

#proheader {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/professional.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: #979797 1px dotted;
}

#projectsheader {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/projects.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: #979797 1px dotted;
}

#aboutheader {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/about.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: #979797 1px dotted;
}

#eduheader {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/education.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: #979797 1px dotted;
}

#blogheader {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/blog.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: #979797 1px dotted;
}

#whatsonheader {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/whatson.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: #979797 1px dotted;
}

#contactheader {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/contact.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: #979797 1px dotted;
}

#galleryheader {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/galleryheader.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: #979797 1px dotted;
}

#mailingheader {
margin: 0;
width: 800px;
height: 100px;
background: #fff url('http://attik.org.uk/sitegfx/mailingheader.jpg') no-repeat top left;
color: #ccc;
text-align: right;
border-bottom: #979797 1px dotted;
}


#subpic {
margin: 0px;
padding: 0px;
width: 550px;
border: #979797 1px dotted;
}

#captiontextright {
margin-left: 550px;
height: 30px;
width: 250px;
color: #fff;
padding-top: 15px;
font-family: verdana;
font-size: 10px;
}

#logo {
border-bottom: #979797 dotted 1px;
height: 100px;
background: url('http://attik.org.uk/sitegfx/attiktext.jpg') no-repeat top left;
}


#leftcol {
margin: 0px;
width: 135px;
color: #fff;
float: left;
}

#rightcol {
width: 800px;
color: #fff;
float: right;
}

#subcols {
position: relative;
margin: 0px;
width: 800px;
}

#frontsubcols {
position: relative;
margin: 0px;
width: 800px;
top: -145px;
}

.intro {
font-family: times, georgia, serif;
font-weight: normal;
font-style: italic;
letter-spacing: -1px;
color: #797b7b;
font-size: 22px;
border-bottom: dotted 1px #797b7b;
margin-top: 10px;
}

.smallintro {
font-family: times, georgia, serif;
font-weight: normal;
font-style: italic;
letter-spacing: -1px;
color: #797b7b;
font-size: 18px;
border-bottom: dotted 1px #797b7b;
}

#subcol4 {
margin: 0px;
padding-top: 10px;
padding-left: 7px;
width: 550px;
color: #565656;
float: left;
background: #fff;
}

#subcol5 {
margin: 0px;
padding-top: 10px;
width: 210px;
float: right;
line-height: 16px;
font-family: verdana,helvetica,arial;
font-size: 10px;
color: #979797;
text-decoration: none;
}

.submenutitle {
font-family: times,georgia,serif;
border-bottom: 1px dotted #ccc;
font-size: 16px;
color: #979797;
font-style: italic;
}

.submenulinks {
padding-top: 5px;
}

a.submenu:link {
font-family: verdana,helvetica,arial;
font-size: 10px;
color: #979797;
text-decoration: none;
border: 0;
font-weight: normal;
font-style: normal;
cursor: pointer;
}

a.submenu:visited {
font-family: verdana,helvetica,arial;
font-size: 10px;
color: #979797;
text-decoration: none;
border: 0;
font-weight: normal;
font-style: normal;
}

a.submenu:hover {
font-family: verdana,helvetica,arial;
font-size: 10px;
color: #333;
text-decoration: underline;
font-weight: normal;
font-style: normal;
}

a.submenu:active {
font-family: verdana,helvetica,arial;
font-size: 10px;
color: #979797;
text-decoration: none;
border: 0;
font-weight: normal;
font-style: normal;
}

.mailinglist {
padding-top: 10px;
padding-left: 3px;
padding-bottom: 5px;
font-family: times,georgia;
font-size: 13px;
  text-decoration:none;
color: #979797;
display: block;
border-bottom: dotted #979797 1px;
}

.subtitle {
font-family: times, georgia, serif;
font-weight: normal;
font-style: italic;
letter-spacing: -1px;
color: #979797;
font-size: 22px;
border-bottom: dotted 1px #ccc;
padding-top: 10px;
}


#menu {
width: 120px;
padding-top: 10px;
padding-left: 5px;
}

#menu2 {
width: 120px;
padding-left: 5px;
}

.menucurrent {
font-family: georgia,times,serif;
font-size: 13px;
  text-decoration:none;
background: #bed7d8;
color: #5e7675;
 padding: 4px 4px 4px 6px;
border-bottom: #fff 1px solid;
}

a.menu, a.menu:visited {
font-family: georgia,times,serif;
font-size: 13px;
font-weight: normal;
  text-decoration:none;
color: #fff;
display: block;
 padding: 4px 4px 4px 6px;
border-bottom: solid #fff 1px;
background: #979797;
  }

a.menu:hover {
font-family: georgia,times,serif;
background: #bed7d8;
font-size: 13px;
color: #5e7675;
padding: 4px 4px 4px 6px;
font-weight: normal;
  }

a.menu:active{
font-family: georgia,times,serif;
font-size: 13px;
font-weight: normal;
  text-decoration:none;
color: #fff;
display: block;
 padding: 4px 4px 4px 6px;
border-bottom: solid #fff 1px;
background: #979797;
  }



#menucaption {
border-bottom: dotted 1px #ccc;
width: 125px;
}

.clear {
clear: both;
} 

.footer {
margin: auto;
width: 902px;
font-family: times,georgia;
font-size: 11px;
color: #a3a3a3;
padding: 10px;
border-top: #ccc 1px dotted;
}

.frontfooter {
position: relative;
margin: auto;
width: 902px;
font-family: times,georgia;
font-size: 11px;
color: #a3a3a3;
padding: 10px;
border-top: #ccc 1px dotted;
top: -140px;
}

a.footerlinks:link, a.footerlinks:visited {
font-family: times,georgia;
font-size: 11px;
color: #a3a3a3;
cursor: pointer;
text-decoration: none;
}

a.footerlinks:hover {
font-family: times,georgia;
font-size: 11px;
color: #333;
text-decoration: underline;
cursor: pointer;
}

a.footerlinks:active {
font-family: times,georgia;
font-size: 11px;
color: #a3a3a3;
cursor: pointer;
text-decoration: none;
}

input.searchbtn {
font-family: georgia,times;
font-size: 10px;
  text-decoration:none;
color: #979797;
	color: #979797;
background: #fff;
border: 1px solid #fff;
padding: 0px;
}

input.searchfield {
   	font-family: georgia,times;
    font-size: 10px;
    color: #333;
    background: #ccc;
height: 16px;
width: 120px;
border: #999 1px solid;
}

input.btnhov {
font-family: georgia,times;
font-size: 10px;
  text-decoration:none;
color: #979797;
color: #28201D;
background: #fff;
border: 1px solid #fff;
padding: 0px;
}

.spacer10 {
height: 10px;
}

a.aceRollover, a:visited.aceRollover, a:active.aceRollover  {  
display: block;  
width: 120px;  
height: 60px;  
background: url(http://attik.org.uk/sitegfx/ace.gif) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
margin-left: -10px;
}  
 
a:hover.aceRollover {  
background-position: 0 -60px;
}  

a:active.aceRollover  {  
display: block;  
width: 120px;  
height: 60px;  
background: url(http://attik.org.uk/sitegfx/ace.gif) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
margin-left: -10px;
}  

a.plymRollover, a:visited.plymRollover  {  
display: block;  
width: 120px;  
height: 60px;  
background: url(http://attik.org.uk/sitegfx/plym.gif) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
margin-left: -10px;
}  
 
a:hover.plymRollover {  
background-position: 0 -60px; 
}  

a:active.plymRollover  {  
display: block;  
width: 120px;  
height: 60px;  
background: url(http://attik.org.uk/sitegfx/plym.gif) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
margin-left: -10px;
}  

a.lankellyRollover, a:visited.lankellyRollover  {  
display: block;  
width: 120px;  
height: 60px;  
background: url(http://attik.org.uk/sitegfx/lankelly.gif) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
margin-left: -10px;
}  
 
a:hover.lankellyRollover {  
background-position: 0 -60px; 
}  

a:active.lankellyRollover  {  
display: block;  
width: 120px;  
height: 60px;  
background: url(http://attik.org.uk/sitegfx/lankelly.gif) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
margin-left: -10px;
}  

a.ageRollover, a:visited.ageRollover  {  
display: block;  
width: 120px;  
height: 60px;  
background: url(http://attik.org.uk/sitegfx/age.gif) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
margin-left: -10px;
}  
 
a:hover.ageRollover {  
background-position: 0 -60px; 
}  

a:active.ageRollover  {  
display: block;  
width: 120px;  
height: 60px;  
background: url(http://attik.org.uk/sitegfx/age.gif) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
margin-left: -10px;
}  




th {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #979797;
	padding: 4px;
}

td {
	background: #fff;
	padding: 4px 5px 4px 5px;
	border: 1px dotted #979797;
}


.calendarBG {
 background-color: #979797; 
}

.calendarHeader { 
 font-weight: bold; 
 color: #979797; 
 text-align: center;
background: #fff;

}

.calendarMonthLinks {
 font-family:       Arial,Verdana,Sans-serif;
 font-size:         10px;
 text-decoration:   none;
 color:             #979797;
 background-color:  transparent;
 text-align: center;
}

.calendarMonthLinks a {
 color:             #979797;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #979797;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #333;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-size:	10px;
 color: #979797; 
 text-align:  center;
 vertical-align: middle;
background: #fff;
}

.calendarToday { 
 font-family:       Arial, Verdana, Sans-serif;
 font-size:         10px;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell {
 font-family:       Arial, Verdana, Sans-serif;
 font-size:         10px;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

a.calendardaylinks:link, a.calendardaylinks:visited {
	color: #84aeb0;
 text-decoration: underline;
 font-family:       Arial, Verdana, Sans-serif;
 font-size:         12px;
 text-decoration:   none;
font-weight: bold;
}

a.calendardaylinks:hover {
 color:             #84aeb0;
 text-decoration:   underline;
 font-family:       Arial, Verdana, Sans-serif;
 font-size:         12px;
}

.calendarCell a:active {
	color: #84aeb0;
 text-decoration:   none;
 font-family:       Arial, Verdana, Sans-serif;
 font-size:         10px;
}

.calendarBlank { 
background-color: #e7e7e7;
text-align: center;
 font-family:       Arial, Verdana, Sans-serif;
 font-size:         10px;
 text-decoration:   none;
 vertical-align: middle;
}

.events {
padding-top: 10px;
padding-bottom: 10px;
width: 450px;
}

textarea.contact {
font-family: verdana,arial,helvetica,sans-serif;
background: #fff;
font-size: 10px;
color: #4C4841;
border: dotted 1px #9A968B;
}

input.contactfield {
   	font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    background: #fff;
    border: 1px #9A968B dotted;
	width: 150px;
	color: #4C4841;
}

.demo {
padding-top: 10px;
}

#indicator {
position: absolute;
top: 500px; 
left: 500px;
background: #000;
padding: 0px;
margin: 0px;
}


#mainpic {
margin: 0;
width: 800px;
min-height: 300px;
}

#mainpicfront {
margin-top: 10px;
width: 800px;
min-height: 500px;
color: #565656;
background: #fff;
}

.imgcaption {
position: relative;
margin: 0px;
width: 800px;
height: 80px;
background: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
top: -85px;
}

.hidden {
display: none;
position: absolute;
left -9000px;
}