/*sarktm_screen.css - formatting only */
/* colours:
	Background: FFFFFF
	Black: 000000
	Blue: 201C69
	Links hover red: D4153C
	Background yellow: F8E698
	update: 30/04/07:
	cream           page colour         e9d888
	dark cream      breadcrumbs etc     9b8f43
	light cream     search box          fae892
	red             rollover footer     cd3049
	navy blue                           282c7e
 */
/* default font size*/
@import url(small.css);
body {font-size: 62.5%;}
/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dt, dd {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000;}
/* body {font: normal normal 13px/16px Arial, Helvetica, sans-serif; color : #000;} */

img {/* border: 0; */	margin: 0;	padding: 0;}
ul {/* list-style: none; */}
ol {list-style-type: decimal;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
b, strong {font-weight: bold;}
i, em {font-style: italic;}
u {text-decoration: underline;}
.hide {display: none;}
.caption {font-size: 0.9em; background-color: #282c7e; color: #FFF;}
.caption img {vertical-align: middle;}
.caption a  {text-decoration: none; color: #FFFFFF;}
.caption a:active  {text-decoration: none; color: #FFFFFF;}
.caption a:visited  {text-decoration: none; color: #FFFFFF;}
.caption a:hover  {text-decoration: none; color: #cd3049;}
a  {text-decoration : underline; color : #cd3049;}
a:visited  {text-decoration: underline; color: #cd3049;}
a:active  {text-decoration: underline; color: #cd3049;}
a:hover  {text-decoration: underline; color: #282c7e;}

h1,h2,h3,h4,h5,h6 {font-family: Gill Sans, Trebuchet, Verdana, sans-serif; color: #282c7e; font-weight: normal;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

#textcontent {font-size: 0.7em;}
#textcontent span.normal {font-size: 1em;}
#textcontent div {font-size: 1em;}
#textcontent p {font-size: 1em;}
#textcontent .bold {font-weight: bold;}
#textcontent .italic {font-style: italic;}
#textcontent table {margin: 5px 0 0 0;}
#textcontent table, thead, th, tbody, td {/* border: 0px solid #000; */ border-collapse: collapse; /* padding: 1px; */}
#textcontent thead {font-size: 1em;}
#textcontent th {font-size: 1em;}
#textcontent tbody {font-size: 1em;}
#textcontent td {font-size: 1em;}
#textcontent td p {font-size: 1em;}
#textcontent td li {font-size: 1em;}
#textcontent dt {font-size: 1em;}
#textcontent dd {font-size: 1em;}
#textcontent li {font-size: 1em;}
#textcontent address {font-style: normal; font-size: 1em;}

.box {background-color: #e9d888; border: 1px solid #A49747; padding: 10px; margin: 0;}

/* Login form css start */
div.loginrow span.label {font-size: 1em;}
div.loginrow span.formw {font-size: 1em;}
.btn {font-size: 0.9em;}
.field {font-size:0.9em; border: 1px inset #31378e; margin: 0; padding: 1px 0;}
.textarea {font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; border: 1px inset #B6B194; margin: 0; padding: 1px 0;}
/* Login form css end */

#calendarnav {color:#000; font-size: 0.7em;}
#calendarnav a  {text-decoration: underline; color: #cd3049;}
#calendarnav a:visited  {text-decoration: underline; color: #cd3049;}
#calendarnav a:active  {text-decoration: underline; color: #cd3049;}
#calendarnav a:hover  {text-decoration: underline; color: #282c7e;}
#calendar {font-size: 0.7em;}
#calendar a  {text-decoration: underline; color: #cd3049;}
#calendar a:visited  {text-decoration: underline; color: #cd3049;}
#calendar a:active  {text-decoration: underline; color: #cd3049;}
#calendar a:hover  {text-decoration: underline; color: #282c7e;}
.caldate {font-size: 0.7em; color: #000;}
.calevent {border-left: 1px solid #cd3049; margin: 0 0 0 20px; padding: 0 0 0 20px; font-size: 0.8em; color: #000;}
.callink a {text-decoration: underline; color: #CC005E;}
.callink a:active {text-decoration: underline;  color: #cd3049;}
.callink a:visited {text-decoration: underline;  color: #cd3049;}
.callink a:hover {text-decoration: underline;  color: #282c7e;}

#breadcrumb {font-size: 0.65em; /* line-height: 100%; */ color: #9b8f43;}
#breadcrumb a {text-decoration: none; color: #9b8f43;}
#breadcrumb a:visited {text-decoration: none; color: #9b8f43;}
#breadcrumb a:active {text-decoration: none; color: #9b8f43;}
#breadcrumb a:hover {text-decoration: none; color: #cd3049}
.larger {font-size: 1.1em; /* line-height: 18px; */ color: #9b8f43;}
.largest {font-size: 1.3em; /* line-height: 20px; */ color: #9b8f43;}
input.search {background-color: #fae892; border: 1px inset #9b8f43; color: #9b8f43;}

p.navinstruct {font-size: 0.7em; font-weight: bold; color: #9b8f43;}

.rightnav0 a, .rightnav0 a:active, .rightnav0 a:visited, .rightnav0 a:hover {text-decoration: none;}
.rightnav0 {font-size: 1em; list-style: none;}
.rightnav0 li {color: #000;}
.rightnav0 li a {font-size: 0.7em; color: #000;}
.rightnav0 li.sel {font-weight: bold; color: #9b8f43;}
.rightnav0 li.sel a {font-weight: bold; text-decoration: none; /* color: #e7b74b; */}
.rightnav0 li.sel ul li {font-weight: normal; color: #000;}
.rightnav0 li.sel ul li a {font-weight: normal; text-decoration: none; color: #000;}
.rightnav0 li a:hover {text-decoration: none; color: #cd3049;}
.rightnav0 li ul li a:hover {text-decoration: none; color: #cd3049;}

.rightnav1 {font-size: 1em; list-style: none;}
.rightnav1 li {font-size: 1em; color: #000;}
.rightnav1 li a {color: #000; text-decoration: none;}
.rightnav1 li ul li {color: #000;}
.rightnav1 li ul li.sel {font-weight: bold;/* color: #e7b74b; */}
.rightnav1 li.sel {font-weight: bold; color: #9b8f43;}
.rightnav1 li.sel a {font-weight: bold; text-decoration: none;/* color: #e7b74b; */}
.rightnav1 li.sel ul li {font-weight: normal; color: #000;}
.rightnav1 li.sel ul li a {font-weight: normal; text-decoration: none; color: #000;}
.rightnav1 li a:hover {text-decoration: none; color: #cd3049;}
.rightnav1 li ul li a:hover {text-decoration: none; color: #cd3049;}

.rightnav2 {font-size: 1em; list-style: none;}
.rightnav2 li {font-size: 1em; color: #000;}
.rightnav2 li a {color: #000; text-decoration: none;}
.rightnav2 li.sel {font-weight: bold; color: #9b8f43;}
.rightnav2 li.sel a {font-weight: bold; text-decoration: none;/* color: #e7b74b; */}
.rightnav2 li.sel ul li {font-weight: normal; color: #000;}
.rightnav2 li.sel ul li a {font-weight: normal; text-decoration: none; color: #000;}
.rightnav2 li a:hover {text-decoration: none; color: #cd3049;}
.rightnav2 li ul li a:hover {text-decoration: none; color: #cd3049;}

.rightnav3 {font-size: 1em; list-style: none;}
.rightnav3 li {font-size: 1em; color: #282c7e;}
.rightnav3 li a {color: #000; text-decoration: none;}
.rightnav3 li.sel {font-weight: bold; color: #9b8f43;}
.rightnav3 li.sel a {font-weight: bold; text-decoration: none;/* color: #e7b74b; */}
.rightnav3 li.sel ul li {font-weight: normal; color: #282c7e;}
.rightnav3 li.sel ul li a {font-weight: normal; text-decoration: none; color: #282c7e;}
.rightnav3 li a:hover {text-decoration: none; color: #cd3049;}
.rightnav3 li ul li a:hover {text-decoration: none; color: #cd3049;}

/* #rightnav {font-size: 0.8em;}
#rightnav li a {font-size: 0.8em; color: #ce5d5e;}
#rightnav li a.sel {font-size: 0.8em; color: #000;}
#rightnav a:hover {font-size: 0.8em; color: #000;}
#rightnav li.navinstruct {font-size: 1em; color: #7f7f7f;} */

.subscribebox p {font-size: 0.7em;}
.subscribebox input.subsbtn {font-size: 1em;}
.soundbox p {font-size: 0.7em;}

#footer {font-size: 0.65em; /* line-height: 10px; */ color: #FFFFFF;}
/* #footer a  {text-decoration : none; color : #000;} */
/* #footer a:active  {text-decoration : none; color : #000;} */
/* #footer a:visited  {text-decoration : none; color : #000;} */
/* #footer a:hover  {text-decoration : none; color : #B6B194;} */
#footer .middot {font-size: 1em; color: #FFFFFF; padding: 0; margin: 0;}
#footlinks {list-style: none;}
#footlinks li {font-size: 1em;}
#footlinks li a  {text-decoration : none; color : #FFFFFF;}
#footlinks li a:active  {text-decoration : none; color : #FFFFFF;}
#footlinks li a:visited  {text-decoration : none; color : #FFFFFF;}
#footlinks li a:hover  {text-decoration : none; color : #cd3049;}
p.footer {font-size: 1em; /* line-height: 12px; */ color: #FFFFFF;}
p.footer a  {text-decoration : none; color : #FFFFFF;}
p.footer a:active  {text-decoration : none; color : #FFFFFF;}
p.footer a:visited  {text-decoration : none; color : #FFFFFF;}
p.footer a:hover  {text-decoration : none; color : #cd3049;}


/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #91b817;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}