body {
margin: 0;
padding: 0;
color: #000000;
background: #FF8ACD;
font: 10pt arial, sans-serif;
}

h1{
font: bold 24pt "Comic Sans MS", arial, sans-serif;
color: #EEFFC6;
background: url(images_bits/pink_slide2_l.jpg) repeat-y;
padding: 2px 0px 10px 15px;
}

h2{
font: 18pt "Comic Sans MS", arial, sans-serif;
color: #EEFFC6;
display: block;
width: 100%;
border-top: 3px #FF0080 solid;
border-bottom: 3px #FF0080 solid;
padding: 0px 0px 3px 0;
}

h3{
font: 14pt "Comic Sans MS", arial, sans-serif;
}

h3 a {	/* used in film_main */
color: #000000;
}
h3 a:hover {
color: #EEFFC6;
}

h4{
font: 12pt "Comic Sans MS", arial, sans-serif;
}

p {
font: 10pt/16pt arial, sans-serif;
}
p span.highlight {
color: #FFFFFF;
font: 12pt "Comic Sans MS", arial, sans-serif;
}
p span.highlight2 {
color: #000000;
font: 12pt "Comic Sans MS", arial, sans-serif;
}

p.notice {
display: block;
padding: 4px 0 5px 0;
border-top: 1px #FF0080 solid;
border-bottom: 1px #FF0080 solid;
font: 10pt courier, "courier new", sans-serif;
}
p.caption {
margin: 0;
padding: 0;
color: #FF0080;
text-align: center;
font: 12pt "Comic Sans MS", arial, sans-serif;
}

p a {
color: #000000;
text-decoration: none;
border-bottom: #FF0080 1px solid;
}
p a:hover {
border-bottom: #FFFFFF 1px solid;
color: #FFFFFF;
}

p.backtotop a {
display: block;
text-decoration: none;
text-align: center;
padding: 0 0 5px 0;
border-top: 1px #FF0080 solid;
border-bottom: 1px #FF0080 solid;
font: 12pt "Comic Sans MS", arial, sans-serif;
color: #000000;
}
p.backtotop a:hover {
border-top: 1px #FF0080 solid;
border-bottom: 1px #FF0080 solid;
color: #FFFFFF;
}

img {
border: #FF0080 1px solid;
}
a img {
border: #EEFFC6 1px solid;
}
img.nobord, a.nobord img {
border: 0 none;
}

/*................LEFT STUFF..............
(see grey section lower down for all grey pages - nav + background)*/


#left {
position: absolute;
left: 0;
top: 0px;
width: 160px;
height: 1300px;
background: #FF8ACD url(images_bits/pink_slide2_l.jpg) repeat-y;
}
ul#mainnav {
list-style: none;
margin-left: 0px;
padding-left: 0;       /* Mozilla browsers use padding not margin to indent lists, so set padding to 0 as well */
margin-top: 15px;
width: 135px;
background-color: transparent;
}
ul#mainnav li a:link, ul#mainnav li a:visited{
text-decoration: none;
display: block;
width: 130px;		/* fixes an iE bug that occours when using the display property */
padding: 8px 0px 8px 5px;
font: 14pt "Comic Sans MS", cursive, arial, sans-serif;
Color: #EEFFC6;
}
ul#mainnav li a:hover {
background: #FF0080 url(images_bits/pink_slide2_r.jpg) repeat-y;
color: #000000;
}
#otherleft {
padding: 0 20px 0 10px;
}


/*................RIGHT STUFF..............*/


#right {
position: absolute;
right: 0px;
top: 0px;
width: 160px;
height:1300px;
background: #FF8ACD url(images_bits/pink_slide2_r.jpg) repeat-y;
}
#rightcontent {
position: absolute;
right: 0;
width: 140px;
top: 100px;
}
ul#rightnav, ul#rightnavalt {
list-style: none;
margin: 0;
padding-left: 0; 
background-color: transparent;
}
ul#rightnav li a:link, ul#rightnav li a:visited {
text-decoration: none;
display: block;
width: 134px; 		/*set width or IE doesn't pick up block outside of text area, also reduce width to allow padding*/
margin: 10px 0;
padding: 0 0 2px 6px;
font: 10pt "Comic Sans MS", cursive, arial, sans-serif;
color: #000000;
}
ul#rightnav li a:hover {
background: #FF0080 url(images_bits/pink_slide2_l.jpg) repeat-y;
color: #EEFFC6;
}

ul#rightnavalt li a {
text-decoration: none;
display: block;
width: 114px; 		
margin: 20px 0 20px 20px;
padding: 0 0 2px 6px;
font: 12pt "Comic Sans MS", cursive, arial, sans-serif;
color: #EEFFC6;
background: #FF0080 url(images_bits/pink_slide2_l.jpg) repeat-y;
border-top: #FF0080 1px solid;
border-left: #FF0080 1px solid;
border-bottom: #FF0080 1px solid;
}
ul#rightnavalt li a:hover {
color: #FFFFFF;
border-top: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
border-bottom: #FFFFFF 1px solid;
}

div#otherright {
padding-right: 8px;
}

/*................CENTER STUFF..............*/


#center {
margin-left: 160px;
margin-right: 170px;
margin-top: 15px;
background: #FF8ACD;
}

div.filmthumb {
width: 100%;
height: 140px;
background: url(images_bits/photoedge_vert_th.gif) repeat-x;
margin: 5px 0 20px 0;
overflow: hidden;
text-align: center;
}
div.filmthumb a {
text-decoration: none;
}
div.filmthumb img {
border: #333333 1px solid;
margin-top: 18px;
}

div.centerlink a {
text-decoration: none;
margin-top: 15px;
display: block;
border: #FF0080 1px solid;
width: 200px;
padding: 0 0 2px 6px;
font: 14pt "Comic Sans MS", cursive, arial, sans-serif;
color: #EEFFC6;
background: #FF8ACD url(images_bits/pink_slide2_l.jpg) repeat-y;
}
div.centerlink a:hover {
border: #FFFFFF 1px solid;
color: #5EF4FF;
}

/*..........GREY PAGES...........*/

body#grey {
color: #EEFFC6;
background: #333333;
}
body#grey div#left, body#grey div#right, body#grey div#center {
background: none;
}
body#grey h1 {
color: #EEFFC6;
background: url(images_bits/grey_slide_r.jpg) repeat-y;
}
body#grey h3 {
color: #FF0080;
}
body#grey img {
border-color: #FFFFFF;
}
body#grey ul#mainnav li a:hover {
background: #999999 url(images_bits/grey_slide_l.jpg) repeat-y;
color: #FF0080;
}
body#grey p a {
color: #EEFFC6;
text-decoration: none;
border-bottom: #FF0080 1px solid;
}
body#grey p a:hover {
border-bottom: #FFFFFF 1px solid;
color: #FF0080;
}
body#grey ul#rightnavalt li a {
background: url(images_bits/grey_slide_r.jpg) repeat-y;
}
body#grey ul#rightnavalt li a#pictures {
height: 310px;
background: url(images_bits/prints_group.gif) no-repeat;
background-position: bottom right;
}
body#grey div.centerlink a {
background: #333333 url(images_bits/grey_slide_r.jpg) repeat-y;
}


/*..............STUFF BELOW IS ALL FOR INDEX PAGE...............*/

div#warningtext {
display: block;
position: relative;
z-index: 3;
padding: 12px 0;
margin-top: 85px;
margin-left: auto;
margin-right: auto;
width: 490px;
background: #FF0080 url(images_bits/pink_wideslide.jpg) repeat-y;
border-top: #FF8ACD 1px solid;
border-bottom: #FF0080 1px solid;
}
div#warningtext p {
font: 14pt "Comic Sans MS", arial, sans-serif;
color: #FFFFFF;
text-align: center;
padding: 0;
margin: 0;
}
div#warningtext a {
display:block; 
width: 100%;
margin: 8px 0;
padding: 13px 0 15px 0;
background:#FF8ACD url(images_bits/pink_wideslide2.jpg) repeat-y;
color:#000000; 
font: 16pt "Comic Sans MS", arial, sans-serif; 
border-top: #FF8ACD 1px solid;
border-bottom: #FF0080 1px solid;
text-align: center;
}
div#warningtext a:hover {
width: 100%;
color: #5EF4FF;
background:#FF8ACD url(images_bits/pink_wideslide.jpg) repeat-y;
}

div#backpics1 {
display: block;
position: absolute;
z-index: 1;
top: 15px;
width: 100%;
height: 200px;
background:#FF8ACD url(images_bits/indexpage_img1.jpg) repeat-x;
border-top: #FFB2DE 1px solid;
border-bottom: #FF5EB9 1px solid;
}
div#backpics2 {
display: block;
position: absolute;
z-index: 1;
top: 330px;
width: 100%;
height: 250px;
background:#FF8ACD url(images_bits/indexpage_img2.jpg) repeat-x;
border-top: #FFB2DE 1px solid;
border-bottom: #FF5EB9 1px solid;
}

div#guildlogo {
position: absolute;
z-index: 2;
top: 20px;
left: 5px;
width:120px;
}
div#guildlogo img {
width: 49px;
height: 65px;
}
div#guildlogo p {
position:absolute;	/*Absolute positioning puts text to the right of the logo - for text below set relative positioning to 0 0.*/
top: 0;
left: 52px;
margin: 0;
font: 10pt arial, sans-serif;
}