/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	background-color: #FFF;
	background-image: url(../sitepix/structural/sitebg.png);
	background-repeat: repeat-x;
}

img {
	border: 0px;
}

#site-holder {
	width: 950px;
	margin: 0 auto;
}

.iepngfix  {
	behavior: url(../htc/iepngfix.htc);
}

h1 {
	color: #0A1D61;
	margin-top: 0;
	margin-bottom:15px;
	font-size: 18px;
	font-weight:lighter;
}

h2 {
	color: #000000;
	margin-top: 10px;
	margin-bottom:10px;
	font-size: 14px;
	font-weight: normal;
}

h2.title{
	color: #0A1D61;
	margin-bottom:10px;
	margin-top:10px;
	font-size: 14px;
	font-weight: bold;
}

h2.addresstitle{
	color: #0A1D61;
	margin-bottom:10px;
	margin-top:10px;
	font-size: 14px;
	font-weight: bold;
}

h2.contacttitle{
	color: #0A1D61;
	margin-bottom:5px;
	margin-top:5px;
	font-size: 11px;
	font-weight: normal;
}

h2.date {
	color: #000;
	margin: 0;
	margin-bottom:10px;
	font-size: 11px;
	font-weight: bold;
}

h2.address {
	color: #000;
	margin: 0;
	margin-bottom:10px;
	font-size: 12px;
	font-weight: normal;
}

p {
	color: #000000;
	line-height:14px;
	margin-top: 0;
	margin-bottom:10px;
	font-size: 11px;
	font-weight: lighter;
}

ul {
	color: #000;
	font-size: 11px;
}

ul li {
	padding-bottom: 1em;
}

.imagine {
	color: #0A1D61;
	font-size: 11px;
	font-weight: bold;
}

.keyword_lbl {
	font-size: 11px;
	float: left;
	line-height:20px;
	color:#111E60;
}

#Keyword {
	float:left; 
	width:115px; 
	height:19px; 
	margin:0;
	padding: 0 0 0 0;
	color: #0A1D61;
}

#str_criteria {
	float:left; 
	width:110px;
	border: solid 1px #111E60;
}

#frm_search
{
	float:right;
	margin-top:30px;
	margin-bottom:20px;
	margin-right:20px;
}

.i {
	color: #0A1D61;
	font-size: 18px;
	font-weight: bold;
}

p.contact {
	margin: 0;
	padding: 0;
}	

a:link, a:visited  
{
	color: #0A1D61;
	line-height:16px;
	font-size: 11px;
	text-decoration:underline;
}

a  
{
	color: #0A1D61;
	font-size: 11px;
	text-decoration:none;
	line-height:16px;
	margin:0;
	padding:0;
}
a:hover 
{
 	color:#99CCFF;
 	text-decoration:underline;
 	line-height:16px;
}

div.hr {
  height: 1px;
  background-color: #CCC;
  margin: 20px auto;
  width: 80%;
}

div.hr hr {
  display: none;
}

input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #111E60;
	border: 0px solid #E0E0E0;
	line-height: 14px;
	cursor:pointer;
	padding:2px;
}

table tr td
{
	color: #000;
	margin-top: 0;
	font-size: 11px;
	font-weight: lighter;
}

.picture-holder {
	float: right;
	clear: right;
}

.picture-top {
	background-image: url(../sitepix/structural/picture-shad-top.gif);
	background-repeat: no-repeat;
	width: 265px;
	margin:0 0 0 20px;
	height: 15px;
	display: block;
}

.picture-con {
	width: 235px;
	padding: 0 15px;
	margin:0 0 0 20px;
	background-image: url(../sitepix/structural/picture-shad-side.gif);
	background-repeat: repeat-y;
}

.picture-bot {
	background-image: url(../sitepix/structural/picture-shad-bot.gif);
	background-repeat: no-repeat;
	width: 265px;
	margin:0 0 0 20px;
	height: 15px;
	display: block;
	margin-bottom: 5px;
}


#header-holder {
	position: relative;
	width: 950px;
	height: 380px;
	background-image: url(../sitepix/structural/header-bg.png);
	background-repeat: no-repeat;
}

#header-graphic {
	position: absolute;
	top: 60px;
	left: 25px;
	width: 648px;
	height:263px;
	border: solid 1px #CCC;
	background-image: url(../sitepix/structural/header-image-bg.gif);
	background-repeat: no-repeat;
}

#header-holder .logo1 {
	position: absolute;
	top: 60px;
	right: 25px;
	width: 245px;
	height: 95px;
}

#header-holder .logo2 {
	position: absolute;
	top: 160px;
	right: 25px;
	width: 245px;
	height: 80px;
}

#header-holder .logo3 {
	position: absolute;
	top: 245px;
	right: 25px;
	width: 245px;
	height: 80px;
}

#header-holder #top-menu {
	position: absolute;
	top: 330px;
	width: 900px;
	height: 41px;
	left: 25px;
}

#header-holder #top-menu ul {
	margin: 0;
	padding: 0;
}

#header-holder #top-menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#header-holder #top-menu ul li a {
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	line-height: 41px;
	height: 41px;
	display: block;
	outline: none;
	color:#666666;
	font-size:15px;
}

#header-holder #top-menu ul li a#home {
	width: 68px;
	background-image: url(../sitepix/navigation/home.png);
	background-repeat: no-repeat;
}

#header-holder #top-menu ul li a#abouthome {
	width: 142px;
	background-image: url(../sitepix/navigation/abouthome.gif);
	background-repeat: no-repeat;
}

#header-holder #top-menu ul li a#aboutayr {
	width: 160px;
	background-image: url(../sitepix/navigation/aboutayr.png);
	background-repeat: no-repeat;
}

#header-holder #top-menu ul li a#whats-on {
	width: 104px;
	background-image: url(../sitepix/navigation/whats-on.png);
	background-repeat: no-repeat;
}

#header-holder #top-menu ul li a#plan {
	width: 130px;
	background-image: url(../sitepix/navigation/plan.png);
	background-repeat: no-repeat;
}

#header-holder #top-menu ul li a#media {
	width: 190px;
	background-image: url(../sitepix/navigation/media.png);
	background-repeat: no-repeat;
}

#header-holder #top-menu ul li a#contact {
	width: 106px;
	background-image: url(../sitepix/navigation/contact.png);
	background-repeat: no-repeat;
}

#header-holder #top-menu ul li a:hover {
	background-position: 0 -41px;
}

#header-holder #top-menu ul li a.active {
	background-position: 0 -82px;
	color:#003399;
}

#sub-menu {
	float: left;
	display: inline;
	width: 155px;
	margin-left: 0px;
}

#sub-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sub-menu ul li {
	margin: 0;
	padding: 0;
}

#sub-menu ul li a {
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	color: #666;
	background-image: url(../sitepix/structural/submenu-bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	line-height: 2em;
}

#sub-menu ul li a:hover {
	color: #99CCFF;
}


#main-holder {
	width: 900px;
	background-image: url(../sitepix/structural/site-bg-shadow.gif);
	background-repeat: repeat-y;
	text-align: left;
	float: left;
	padding: 25px 25px 0 25px;
}

#column1 {
	float: left;
	width: 420px;
	padding:0 25px 0 0;
	margin-left:10px;
}

#column2 {
	float: left;
	width: 415px;
	padding : 25px;
	border-left: 1px dashed #CCC;
	margin-bottom: 25px;
}

#content-holder {
	width: 390px;
	float: left;
}

#left-holder {
	float: left;
	width: 640px;
	padding : 0;
	margin: 0 10px 0 0;
}

#left-pictures-holder
{
    width:250px;
    float:left;
}

#text-holder-home
{
	margin-left:20px;
	padding:0;
	float:left;
	display:inline;
	width:365px;
}

#text-holder{
	float: right;
	padding-left: 25px;
	width: 700px;
	margin-right: 0px;
	margin-left:0;
	border-left: 1px dashed #CCC;
	display:inline;
}

.holder-boxes
{
	width:165px;
	height:130px;
	background-image: url(../sitepix/structural/holder-boxes.png);
	background-repeat: no-repeat;
	float:left;
	margin:10px 10px 0 0;
	padding:0;
	text-align:left;
}

.insidebox-text
{
	
	height:90px;
	margin:0px 10px 20px 15px;
	padding:0;
}

#spotlight-text
{
	 width:130px;
	height:90px;
	margin:0px 10px 20px 15px;
	padding:0;
}


img.insidebox-img
{
  float:right;
  vertical-align:top;
  padding:10px 0 0 0;
  margin:0; 
}

h1.insidebox-h1
{
	color: #0A1D61;
	margin-top: 15px;
	margin-bottom:15px;
	font-size: 13px;
	font-weight:bold;
}

p.insidebox-p
{
	color: #000000;
	line-height:14px;
	margin:0px;
	font-size: 11px;
	font-weight: lighter;
}

a.insidebox-a
{
	color: #0A1D61;
	line-height:11px;
	margin: 0;
	padding:0;
	text-decoration:none;
	font-size: 11px;
	font-weight: lighter;
}

a.insidebox-a:hover
{
	color: #99CCFF;
	line-height:11px;
	margin: 0;
	padding:0;
	text-decoration:none;
	font-size: 11px;
	font-weight: lighter;
}

#right-holder {
	float: left;
	width: 250px;
	padding : 0;
	margin: 0;
}

#upload-event-box
{
	background-image: url(../sitepix/structural/upload-event-box.png);
	background-repeat: no-repeat;
	width:250px;
	height:50px;
	float:left;
	margin:0;
	padding:0;
}

#right-top-box
{
	background-image: url(../sitepix/structural/right-top-box.png);
	background-repeat: no-repeat;
	width:250px;
	height:150px;
	float:left;
	margin:0;
	padding:0;
}

#events-calendar
{
	background-image: url(../sitepix/structural/events-calendar.png);
	background-repeat: no-repeat;
	width:250px;
	height:310px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
}

#events-calendar-scrollbox
{
	width:240px;
	height:290px;
	margin:5px;
	padding:0;
	overflow-y:scroll;
	overflow-x:hidden;
}

#events-calendar-text
{
	width:165px;
	height:280px;
	margin:10px 20px 10px 10px;
	padding:0;
}

h1.calendar-h1
{
	color: #0A1D61;
	margin: 0px;
	margin-bottom:15px;
	font-size: 13px;
	font-weight:bold;
}


div.hr {
  height: 1px;
  background-color: #CCC;
  margin: 10px 0;
  width: 80%;
}

div.hr hr {
  display: none;
}

p.insiderightbox-p
{
	color: #000000;
	line-height:14px;
	margin:0 0 15px 0;
	font-size: 11px;
	font-weight: lighter;
}

#full-column {
	width: 910px;
	text-align: left;
	float: left;
	padding:0;
	margin:0;
}

#full-column-homepage {
	width: 910px;
	text-align: left;
	float: left;
	padding:0;
	margin:20px 0 0 0;
}

table#AllNews
{
	 margin:20px 0;
	 width:620px;
	 border:1px solid #CCCCCC;
	 background-color:#EAEAEA;
}

table#AllNews th
{
	 text-align:left;
	 font-weight:bold;
	 background-color:#0A1D61;
	 color:#EAEAEA;
	 font-size:11px;
	 padding:5px;
	 
}

table#AllDiary td
{
	 text-align:left;
	 font-weight:normal;
	 background-color:#000000;
	 color:#CCCCCC;
	 font-size:11px;
	 padding:10px;
	 border-bottom:1px solid #333;
	 
}

#full-column-homepage img
{
	border:0;
	width:180px;
	height:100px;
	float:left;
}

#footer {
	text-align: left;
	position: relative;
	clear: both;
	background-image: url(../sitepix/structural/footer-bg.png);
	background-repeat: no-repeat;
	height: 105px;
	width: 925px;
	padding-left: 25px;
	padding-top: 15px;
	margin-bottom: 20px;
}

#footer ul {
	margin: 5px 0 0 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li a {
	font-size: 11px;
	color: #4C4C4C;
	display: inline;
	margin-right: 20px;
	padding: 0;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #99CCFF;
}

#footer ul li a.active {
	color: #0A1D61;
}

#footer p {
	font-size: 11px;
	margin: 15px 0 0 0;
}

#footer a {
	font-size: 11px;
	color: #4C4C4C;
}

#footer a:hover {
	font-size: 11px;
	color: #99CCFF;
}




.postcard-top {
	width: 600px;
	height: 20px;
	display: block;
	background-image: url(../sitepix/postcards/postcard_head.png);
	float:left;
}
.postcard-side {
	background-image: url(../sitepix/postcards/postcard_repeat.png);
	background-repeat: repeat-y;
	width: 600px;
	float:left;
}

.postcard-bot {
	width: 600px;
	height: 20px;
	display: block;
	background-image: url(../sitepix/postcards/postcard_footer.png);
	float:left;
}

.info-box {
	width: 580px;
	margin: 0 0 0 10px;
	text-align:left;
	float:left;
}
.info-box p{
	margin:0px;
	padding:0px;	
}

#tbl_list  {
    width:80%;
}
#tbl_list tr.row {
    background-color:#cee6ff;
}
#tbl_list tr.row_alt {
    /*background-color:#ddd;*/
    background-color:#add6ff;
	
}

#tbl_list tr td {
	padding: 3px 10px 3px 10px;
	vertical-align:top;
}

#tbl_list tr th {
	padding: 3px 10px 3px 10px;
	font-weight:bold;
	font-size:11px;
	vertical-align:top;
}
#tbl_list2 tr th {
	padding: 3px 10px 3px 10px;
	font-weight:bold;
	font-size:11px;
    background-color:#add6ff ;
	vertical-align:top;
}
#tbl_list2 tr td {
	padding: 3px 10px 3px 10px;
	font-size:11px;
    background-color:#cee6ff;
	vertical-align:top;
}