@import "styles.css";

* { padding: 0; margin: 0; }

body {
 background: #cccccc;
}

#shadow {
position: relative;
text-align:left;
width:942px;
margin: 0 auto 5px;
background: url(images/shadow-bg1.jpg) top right repeat-y;
}

#shadow_bottom {
background: url(images/shadow-bottom1.jpg) no-repeat bottom right;
height: 12px;
}

#pagewrap {
margin: 0 auto 5px;
width: 932px;
background: #666600 url(images/pagewrap.gif) no-repeat left bottom;
}

#wrapper { 
 margin: 0 auto 15px;
 width: 922px;
 background:#FFFFFF;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 height: 180px;
 margin: 10px 0px;
 background: #fff url(images/logo.jpg) no-repeat left;
}
#navigation {
 float: left;
 width: 900px;
 color: #333;
 margin: 0;
 background: #fff;
}
#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 200px;
 float: left;
}
#left_half {
color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 439px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0;
 padding: 10px;
 width: 678px;
 display: inline;
}
#right_half {
color: #333;
 margin: 0;
 padding: 10px;
 width: 439px;
 float: right;
}
#main {
clear: both;
background:#F2F2F2;
width: 882px;
margin: 5px auto 10px;
padding: 10px;
min-height: 100px;
border:#CCCCCC 1px solid;
}

hr {
margin: 10px auto;
color:#666600;
}

#footer { 
 width: 902px;
 clear: both;
 color: #333;
 background: url(images/footer_bg.jpg) repeat-x;
 margin: 0x;
 padding: 10px;
}

#footer a {
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 12px;
}

#footer a:hover {
color:#996600;
}

#footer p {
font-size: 14px;
color:#666600;
}

/* table css */

#mytable {
	width: 650px;
	padding: 0;
	margin: 0;
	text-align:left;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background:#FF9933 url(images/bg_header.jpg) no-repeat; /*header colour*/
}

#mytable th.nobg {
	border: 0;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA; /*table content*/
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat; /* days same as content */
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/* image popup */

a.imPop {   
   position:relative;   
   z-index:20;   
} 
  
a.imPop:hover {   
    display:inline;   
    z-index:30;   
}   

a.imPop span {   
    display:none;   
}  

a.imPop:hover span {   
    display:block;   
    position:absolute;   
    top:1em;   
    left:1em;   
    width:150px;   
    height:auto;   
}

/* */

.rbroundbox { 
	background: url(images/nt.gif) repeat; 
}

.rbtop div { 
	background: url(images/tl.gif) no-repeat top left; 
}

.rbtop {
	background: url(images/tr.gif) no-repeat top right;
}

.rbbot div {
	background: url(images/bl.gif) no-repeat bottom left;
}

.rbbot {
	background: url(images/br.gif) no-repeat bottom right;
}

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}

.rbcontent {
	margin: 0 20px;
}

.rbcontent p {
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
	color:#000033;
}

.rbcontent p a {
	text-decoration:none;
	size: 12px;
	color:#0066FF;
}

.rbcontent p a:hover {
	text-decoration:none;
	color:#FF6600;
}

.rbcontent h1 {
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	color:#0033CC;
}

.rbcontent h3 span {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#FF6600;
}

.rbroundbox {
	width: 400px; margin: 1em auto;
}
	
/* */