* { margin: 0; padding: 0; }
body { font-family: Arial; font-size: 12px; color: #555; }
a:visited, a:link { color: #000; }
a:hover { text-decoration: none; }
#logo { width: 180px; height: 57px; display: block; outline: none; text-indent: -9999px; position: relative; left: 3px; margin: 0 0 8px 12px ; }

#pagewrap { background: #fff url(images/shadow-right.gif) 646px 0 repeat-y; width: 827px; margin:  0 auto 0px auto; }
#page { padding-left: 4px; margin-right: 4px; background: url(images/shadow-left.gif) 177px repeat-y; }

#page-inner { padding: 0 177px 0 177px; position: relative; }
#header { padding: 8px 0 0px 0px; }

#nav { height: 28px; padding-left: 13px; }
#nav ul { list-style: none; }
#nav li { float: left; }
#nav li a { text-decoration: none; color: #fff; display: block; padding: 6px 8px; text-transform: uppercase; font-size: 10px; }
.page-a #nav li.nav-a a, .page-b #nav li.nav-b a, .page-c #nav li.nav-c a, .page-d #nav li.nav-d a { color: #000; padding-bottom: 13px; }

#contentwrap { padding: 18px 0px 65px 0px; }
#content { padding: 0px 20px 30px 20px; min-height: 640px; _height: 640px; position: relative; line-height: 1.4em; }
#content p { padding-bottom: 1em; }
#footer { position: absolute; white-space: nowrap; padding: 3px 5px; color: #fff; font-size: 9px; bottom: 7px; right: 0; }

.introtext { margin-bottom: 15px; }


/* COLOUR SPECIFIC */
/* purple 444f8b */
.page-a #logo { background: url(images/logo-a.gif) no-repeat; }
.page-a a:visited, .page-a a:link, .page-a #nav li.nav-a a { color: #444f8b; }
.page-a #page-tl { background: url(images/a-tl.gif) no-repeat; }
.page-a #page-tr { background: url(images/a-tr.gif) top right no-repeat; }
.page-a #page-bl { background: url(images/a-bl.gif) bottom left no-repeat; }
.page-a #page-br { background: url(images/a-br.gif) bottom right no-repeat; }
.page-a #nav { background: #444f8b url(images/a-nav-bg.gif) left bottom repeat-x; }
.page-a #nav li.nav-a { background: #fff url(images/a-nav-bg.gif) left bottom repeat-x; }
.page-a #contentwrap { background: url(images/a-bg.gif) repeat-x; }
.page-a #footer { background: #444f8b; }

/* orange f56022 */
.page-b #logo { background: url(images/logo-b.gif) no-repeat; }
.page-b a:visited, .page-b a:link, .page-b #nav li.nav-b a { color: #f56022; }
.page-b #page-tl { background: url(images/b-tl.gif) no-repeat; }
.page-b #page-tr { background: url(images/b-tr.gif) top right no-repeat; }
.page-b #page-bl { background: url(images/b-bl.gif) bottom left no-repeat; }
.page-b #page-br { background: url(images/b-br.gif) bottom right no-repeat; }
.page-b #nav { background: #f56022 url(images/b-nav-bg.gif) left bottom repeat-x; }
.page-b #nav li.nav-b { background: #fff url(images/b-nav-bg.gif) left bottom repeat-x; }
.page-b #contentwrap { background: url(images/b-bg.gif) repeat-x; }
.page-b #footer { background: #f56022; }

/* teal 13a89e */
.page-c #logo { background: url(images/logo-c.gif) no-repeat; }
.page-c a:visited, .page-c a:link, .page-c #nav li.nav-c a { color: #13a89e; }
.page-c #page-tl { background: url(images/c-tl.gif) no-repeat; }
.page-c #page-tr { background: url(images/c-tr.gif) top right no-repeat; }
.page-c #page-bl { background: url(images/c-bl.gif) bottom left no-repeat; }
.page-c #page-br { background: url(images/c-br.gif) bottom right no-repeat; }
.page-c #nav { background: #13a89e url(images/c-nav-bg.gif) left bottom repeat-x; }
.page-c #nav li.nav-c { background: #fff url(images/c-nav-bg.gif) left bottom repeat-x; }
.page-c #contentwrap { background: url(images/c-bg.gif) repeat-x; }
.page-c #footer { background: #13a89e; }

/* lime 8cc63f */
.page-d #logo { background: url(images/logo-d.gif) no-repeat; }
.page-d a:visited, .page-d a:link, .page-d #nav li.nav-d a { color: #8cc63f; }
.page-d #page-tl { background: url(images/d-tl.gif) no-repeat; }
.page-d #page-tr { background: url(images/d-tr.gif) top right no-repeat; }
.page-d #page-bl { background: url(images/d-bl.gif) bottom left no-repeat; }
.page-d #page-br { background: url(images/d-br.gif) bottom right no-repeat; }
.page-d #nav { background: #8cc63f url(images/d-nav-bg.gif) left bottom repeat-x; }
.page-d #nav li.nav-d { background: #fff url(images/d-nav-bg.gif) left bottom repeat-x; }
.page-d #contentwrap { background: url(images/d-bg.gif) repeat-x; }
.page-d #footer { background: #8cc63f; }