/* Cymdeithas Bethlehem Dyffryn Ceidrych Association */
/* Default stylesheet. */

/* Basic colours and font-settings. */
/* -------------------------------- */
body				{background:#ffffff url(../images/logo.jpg) no-repeat scroll top right; 
                 		 color:#35307a; font:11pt/14pt "Times", serif;}
p, tr, td, th, span	{font:11pt/14pt "Times", serif; padding: 0px; margin: 0px;}
th			    	{font-weight:bold}
td, th          		{padding:5px 5px 5px 5px}

/* Images. */
/* ------- */
img			    	{   vertical-align:middle}

/* Specific text styles. */
/* --------------------- */
h1			    	{color:#35307b; font-size:24pt; line-height:24pt; margin:10px 10px 0px 10px; font-style:italic}
h2			    	{font:14pt/14pt "Tahoma", sans-serif; font-weight: bold; text-align: left;
				 padding: 10px 0px 10px 0px; margin: 0px;}
h3			    	{font:12pt/12pt "Tahoma", sans-serif; font-weight: bold; text-align: left; 
				 padding: 20px 0px 0px 0px; margin: 0px;}
h4			    	{font:10pt/25px "Tahoma", sans-serif; font-weight: normal; font-style: normal; text-align: left;
				 padding: 10px 0px 0px 0px; margin: 0px;}
h5			    	{font-size:9pt; line-height:9pt; font-style:italic;
				 padding: 0px 0px 0px 0px; margin: 0px;}
.highlight			{font-size:10pt; text-align:center; font-style:normal; font-weight:normal; color:#809475}
.transparent        	{filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7}
.transparent_header 	{filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;
                     	 color:#c03532; background-color:#ededf7; position:relative; left:-80px;
                     	 padding:1px 2px 1px 2px}
/* Hyperlinks. */
/* ----------- */
a			    	{font-size:11pt; color:#810041}
a:link			{}       
a:visited			{}   
a:hover			{}    
a img				{border-style:none}
a.tag_link			{color:#000000}

h2 a, h3 a, h4 a		{text-decoration: none;}

/* Classes & Instances. */
/* -------------------- */
/* .header td#logo	{position:absolute; top:0px; left:0px} */
					
/* The data frame is split into 2 sections: the menu bar and the workspace. */
div.header      		{position: absolute; top: -10px; left: 0px}
div.menu			{position: absolute; top: 110px; left: 0px; width: 100%; height: 25px;
			     	 background-color: #492d7d; color:#f7f7ed; z-index:3} 
div.body        		{background-color :#ededf7; 
				 position: relative; top: 120px; left: -10px; width: 98%;
				 padding: 10px 20px 10px 20px}
div.footer
				{position: relative; top: 130px;} 
div.footer td, div.footer td a	
				{font:8pt/25px "Tahoma", sans-serif} 
div.footer sup
				{font-size:6pt;}
div.welcome         	{text-align: center; position: relative; top: 120px; left: 0px; width: 58%;
				 padding: 10px 20px 10px 20px}

/* The link class. Make a non-link, e.g. javascript based look like a standard link. */
.link				{font-size:small; color:#810041; text-decoration:underline; cursor:pointer}

#time_and_date  		{color:#c03532; font:8pt/25px "Tahoma", sans-serif; font-weight:bold}

.table			{background-color:#fcfcfc; border:1px solid #492d7d; border-collapse:collapse;}
.table th			{font-weight:bold; border-right:1px solid #492d7d;}
.table td			{text-align:center; border-right:1px solid #492d7d;}
.title			{background-color:#f7f7ed; border-bottom:1px solid #492d7d;}
.even				{background-color:#f7f7ed;}
.odd				{}