BODY { background-color:#e1e1e1; border:0px; padding:0px; margin:0px; height:100%;  FONT-SIZE: 12px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: verdana,geneva,arial,sans-serif;;}
.center-layout {text-align:center; height:100%;  margin-left:10%; margin-right:10%; border: solid 0px #000000;}
table.outer { width:800px; margin-left:auto; margin-right:auto; margin-top:5px; background-color: #ffffff; border-left: solid 2px #cccccc; border-right: solid 2px #cccccc; border-bottom: solid 2px #cccccc;}

TABLE { FONT-SIZE: 12px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: verdana,geneva,arial,sans-serif;;}

.menu { HEIGHT: 40px;}
p { LINE-HEIGHT: 17px;}
li { padding-bottom:3px;}

/* vertical purple line */
td.vline { border-left: solid 1px #002e6e; }
td.topspacer {width:630px; line-height:0px; }
td.pspacer { width:100%; border-top: solid 1px #002e6e;}


/* font page */
td.homepics {padding-top:40px;  vertical-align:top; text-align:right;}
.homepics img {margin-bottom:30px;}

/*footer*/
.footer { margin-top:20px; margin-bottom:10px; font-size:9px; }

TD.credits-t { FONT-WEIGHT: bold;  VERTICAL-ALIGN: top; TEXT-ALIGN: left;}
.info { FONT-SIZE: 10px;}
HR { BORDER-RIGHT: medium none;  BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #002e6e; BORDER-BOTTOM: medium none;}
.header1 { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #002e6e; TEXT-ALIGN: left;}
.header2 { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #6ca9fb;}
.header2a { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #6ca9fb;}
.nav-title { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #6ca9fb; margin-left:5px;}
.header3 {FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #333333;}
.header3a {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #333333;}
.header4 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333;}
.header4a { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6ca9fb;}
.header5 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-STYLE: italic;}
.header5a {FONT-SIZE: 10px; COLOR: #333333; FONT-STYLE: italic;}
.pic-text {FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #002e6e;}
.pic-text2 { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333;}
.navtop-text { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #002e6e;}
.navtleft-text { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #002e6e;}
.cd-text { FONT-WEIGHT: normal;  FONT-SIZE: 10px; COLOR: #333333; TEXT-ALIGN: left;}
.cd-text-h { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #6ca9fb; TEXT-ALIGN: left; vertical-align:top;}
.cd-text-p { FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; COLOR: #002e6e; TEXT-ALIGN: left;}
/* CD/DVD purchases */
table.prices { width:95%; margin-top:10px;}
td.description { width:auto;}
table.options { width:200px; margin-top:-5px; margin-bottom:0px;}
.button {margin-bottom:-15px; margin-top:0px;}
.button2 {margin-top:12px; margin-bottom:0px; position:relative; }
.button3 {margin-left:0px; margin-bottom:0px; margin-top:0px; float:right; }
.button4 {margin-bottom:0px; margin-top:0px;}
.note {font-size: 10px;}
.quotespace2 { WIDTH: 100%; LINE-HEIGHT: 0px; BORDER-BOTTOM: #999999 1px dotted;}



table.productions td { padding:1.5px; text-align:left;}
table.productions td img { border: solid 1px #000000;}
table.productions .title  { font-weight: normal; font-size: 9px; color: #333333; margin-bottom:-2px; margin-left:3px;}

A { COLOR: #0044a1;  TEXT-DECORATION: none;}
A:hover {COLOR: #6ca9fb; TEXT-DECORATION: underline;}
.navtop-text a { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #002e6e;}
.show-h a:link {FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #6ca9fb; TEXT-ALIGN: left;}
.show-h a:visited { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #6ca9fb; TEXT-ALIGN: left;}
.show-h a:hover { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #6ca9fb; TEXT-ALIGN: left;}
.show-p a, .show-p a:link {FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #002e6e; TEXT-ALIGN: left;}
.show-p a:hover { FONT-WEIGHT: normal; COLOR: #002e6e; }
.header1 a, .header1 a:link {  FONT-WEIGHT: normal; FONT-SIZE: 14px; TEXT-DECORATION: none; COLOR: #002e6e;}
.header1 a:hover {COLOR: #6ca9fb; TEXT-DECORATION: underline;}
td .leftnavm { padding-bottom: 0px;}
td .leftnavm a, td .leftnavm a:link {  font-weight:normal; FONT-SIZE: 10px; TEXT-DECORATION: none; COLOR:#002e6e}
td .leftnavm a:hover {FONT-WEIGHT: normal; COLOR:  #6ca9fb; TEXT-DECORATION: underline;}
td.prod { padding-top:8px;}
.leftnavc a, .leftnavc a:link { COLOR: #002e6e;  FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.leftnavc a:hover { COLOR: #6ca9fb; TEXT-DECORATION: underline;}


.gallery TABLE { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse;}
.gallery TD.photo {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;}
.gallery TD.spacer { BORDER-RIGHT: #333333 1px dotted; PADDING-LEFT: 5px;}
.gallery TD.row { PADDING-BOTTOM: 5px; PADDING-TOP: 0px; BORDER-BOTTOM: #333333 1px dotted;}
.gallery TD.description { PADDING-LEFT: 5px; FONT-SIZE: 10px; VERTICAL-ALIGN: bottom; WIDTH: 99%; LINE-HEIGHT: 15px;}
.gallerynav A { FONT-SIZE: 10px;}
.gallerynav { FONT-SIZE: 10px;}
TABLE.content { FONT-SIZE: 12px; WIDTH: 650px; COLOR: #333333; TEXT-ALIGN: left;}
TABLE.content3a { FONT-SIZE: 12px; WIDTH: 100%; COLOR: #333333; TEXT-ALIGN: left;}
TABLE.content3 { FONT-SIZE: 12px; WIDTH: 400px; COLOR: #333333; TEXT-ALIGN: left;}
TABLE.content2 { FONT-SIZE: 12px; COLOR: #6ca9fb; TEXT-ALIGN: left;}
TR.color { FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #6ca9fb; COLOR: #ffffff; TEXT-ALIGN: left;}
TR.color2 { FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #002e6e; COLOR: #ffffff; TEXT-ALIGN: left;}
TR.color3 { BACKGROUND: #6ca9fb; LINE-HEIGHT: 0px;}
.quotespace { WIDTH: 100%; LINE-HEIGHT: 0px; BORDER-BOTTOM: #333333 1px dotted;}
TD.news { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px;}
table.review p { margin-top:15px; margin-bottom:15px;}

td.blank { height:15px;}
table.contact {margin-left:-3px; margin-top:-10px;}
table.contact td.title { font-weight:bold; padding-right:20px;}
table.contact td { padding-top:10px; vertical-align:top;}


TABLE.header1 { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #002e6e; TEXT-ALIGN: left;}
TABLE.leftnavc { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #002e6e; TEXT-ALIGN: left; width:132px;}
TR.leftnavm { FONT-WEIGHT: normal; FONT-SIZE: 10px; BACKGROUND: #002e6e; COLOR: #ffffff; TEXT-ALIGN: left;}
.arepo_text { FONT-SIZE: 10px; COLOR: #6ca9fb; FONT-STYLE: normal;}
.arepo_text A:link { FONT-SIZE: 10px; COLOR: #6ca9fb; FONT-STYLE: normal;}
.arepo_text A:visited { FONT-SIZE: 10px; COLOR: #6ca9fb; FONT-STYLE: normal;}


/* colours 
#002e6e = purple
#6ca9fb = yellow

#9ec7ff = light blue
6ca9fb
#002e6e = dark blue
*/


