@import url('layout.css');
@import url('boxes.css');

page
{background-color:Blue;}
	
/**** General Styles ****/
body, html {
	font-size: 12px;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	
}

html {
	background-color: #ffffff;
	background-image: url('../gfxs/head-bgd.gif');
	background-position: top;
	background-repeat:repeat-x;
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 2px 0; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; font-weight: bold; }

div, a, img, form, span { border: 0; padding: 0; margin: 0; }
p {
    margin: 0 0 5px 0;
    text-align:justify;
}

ul { margin-top: 0; margin-bottom: 0; }

p.note { font-size : 9px; }
.infoTimed { color: #ff0000; }
div.btnBox {
	text-align: right;
	margin: 5px 0 0;
}
.error { color: #dd0000; }

/*** Links ***/
a { text-decoration: underline; color: #143889; }
a:hover { color:#40c4dd; }

/*** Header Sections ***/
#headTop { background-color: #143889; }
#headTop img { float:left; padding: 2px 2px 0; }

/* Menu's */
#tabMenu { float: right; margin-top:91px; margin-right: 5px; }
#tabMenu a {
	float: left;
	color: #ffffff;
	padding: 5px 10px;
	margin-right: 5px;
	text-decoration: none;
}
#tabMenu a:hover { color: #ffff00; }
#tabMenu a.active { background-color: #40c4dd; color:#000000; }

#navMenu { background-color: #40c4dd; }
#navMenu a { 
	float:left; 
	color: #000000; 
	text-decoration: none; 
	margin-right: 5px; 
	padding: 5px 15px; 
}
#navMenu a.active { font-weight: bold; }
#navMenu a:hover { color: #ffff00; }

/*** Columns ***/
#columns {
	background-color: #ffffff;
	background-image: url('../gfxs/left-bgd.gif');
	background-position: top left;
	background-repeat:repeat-y;
}
#rightCol {
	background-color: #ffffff;
	background-image: url('../gfxs/right-bgd.gif');
	background-position: top right;
	background-repeat:repeat-y;
}

/*** Footer ***/
#pageFoot  
{
	margin:0px 0px 0px 0px;
	padding: 0 0 0 0px;
	color: #888888;
	font-size: 10px;
	text-align: right; 
	background-color:#143889;
	background-image: url('../gfxs/left-bgd.gif');
	background-position:top left;
	background-repeat:repeat-y;
	
}

#rightFoot
{
	padding: 5px 10px 5px 10px;
	background-image: url('../gfxs/right-bgd.gif');
	background-position: top right;
	background-repeat:repeat-y;
}


#pageFoot a { color: #888888; text-decoration: none; margin: 5px 0 0 10px;}
#pageFoot a:hover { color: #ffffff; }


#bottomBanner
{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('../gfxs/left-bgd.gif');
	background-position: top left;
	background-repeat:repeat-y;
}

#rightBanner
{
	padding: 5px 10px 5px 10px;
	background-image: url('../gfxs/right-bgd.gif');
	background-position: top right;
	background-repeat:repeat-y;
}


/**** Popup Box ****/
.popUp, .popUpErr {
	border: solid 1px #000000; 
	background-color:#ffffff;
}
.popUp h4, .popUpErr h4, .popUp div.head {
	color: #ffffff;
	background-color: #143889;
	font-weight: normal;
	padding: 5px;
}
.popUpErr h4 {
	color: #000000;
	background-color: #ed3434;
}
.popUp div.body, .popUpErr div.body {
	padding: 5px;
}

/********* Page Specific **********/
#gMap {
	height: 500px;
}

/*** Home Page ***/
#quickLinks { overflow: hidden; height:30px; background-color: #ffffcc; font-size: 16px; color: #572d64; font-weight: bold; border: solid 1px #cccccc; }
#rollBox { float:left; white-space:nowrap; padding-top:5px; }
#quickLinks a { text-decoration:none; color: #572d64; }
#quickLinks a:hover { text-decoration:none; color: #40C4DD; }

/*** News ***/
div.newsitem { border-bottom: 1px solid black; margin-bottom: 10px; padding: 5px 5px 10px; }
div.topLine {}
div.topLine h3 {color:#143889;}
div.topLine h4 { float:right; font-size:.9em; color:#40C4DD; font-weight:normal; }

div.attachAbove {}
div.attachAboveImg { text-align: center; }
div.attachAbove a { float: left; width: 100px; text-align: center; margin: 0 0 5px 5px; }

div.attachLeft { float:left; width: 100px; text-align:center; }
div.attachLeft a { float: left; width: 100%; margin: 0 0 5px 5px; }

div.attachRight { float:right; width: 100px; text-align:center; }
div.attachRight a { float: right; width:100%; margin: 0 5px 5px 0; }

div.attachBelow {}
div.attachBelowImg { text-align: center;}
div.attachBelow a { float: left; width: 100px; text-align: center; margin: 0 0 5px 5px; }
div.attachBelowImg img { margin: 0 0 5px 5px; }

/*** Activities ***/
div.picBox, div.picBoxDk {  margin:0 auto 10px;border:solid 10px #40c4dd;background-color:#40c4dd;overflow:hidden;width:300px;font-weight:bold; }
div.picBoxDk { border-color:#143889;background-color:#143889; color: #fff; }
img.bd, img.bdDk { margin:0 0 20px 10px;border:solid 10px #40c4dd; }
img.bdDk { border-color: #143889; }

/*** Input and Labels ***/
input, select, textarea { 
	vertical-align: middle; 
	margin: 2px 0; 
	font-size: 12px; 
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
}
input.button {
	font-size: 12px;
	height: 19px;
}
input.readonly, textarea.readonly, select.readonly {
	border: solid 1px #aaaaaa;
	background-color: #dddddd;
	padding: 2px 1px;
}
span.label, label {
	vertical-align: middle;
	font-weight:bold;
}
label.line, span.labelLine {
	float:left;
	text-align:right;
	width:25%;
	margin-right:5px;
	font-weight:bold;
}
label.inputLine, span.inputLine {
	float:left;
	text-align:right;
	width:25%;
	margin-right:5px;
	margin-top: 6px;
	font-weight:bold;
}
label.inputLineWide, span.inputLineWide {
	float:left;
	text-align:right;
	width:45%;
	margin-right:5px;
	margin-top: 6px;
	font-weight:bold;
}
label.input, span.input {
	float:left;
	margin: 0 5px 0 10px;
	margin-top: 6px;
	font-weight: bold;
}
div.inputLine { margin-left:25%; }
.validErrLine { margin-left:25%; }

/*** Tables ***/
table { border-collapse: collapse; }
table.dgrid { 
	width: 99%;
	color: #000000;
	text-align: center;
	margin: 0 auto;
	background-color: #ffffff;
	border: solid 1px #ffffff;
}
table.dgrid th, table.dgrid tr.head {
	font-style: normal;
	text-decoration: none;
	color: White;
	background-color: #143889;
}
table.dgrid tr.head td { border: solid 1px #ffffff; }
table.dgrid td { padding: 2px; }
table.dgrid tr.alt, table.dgrid tr.alnk { background-color: #dddddd; }
table.dgrid tr.item { background-color: #ffffff; }
table.dgrid tr.select { background-color: #f9ff5e; }
table.dgrid tr.rowHilite { background-color: #fcffab; }
table.dgrid tr.foot { background-color: #ffffff; }
table.dgrid tr.foot td { border-color: #ffffff; }
table.dgrid tr.alt a, table.dgrid tr.item a, table.dgrid tr.select a { text-decoration: none; color: #000000; display: block; }

/**** Pagers ****/
.pager { text-align:center; }
.pageCurrentNum { vertical-align:middle; font-size:larger; font-weight:bold; margin: 0 3px; }
.pageLink { margin: 3px; }

/**** Calendar ****/
.cal_ddbox, .cal { 
	border: 1px solid rgb(127, 157, 185); 
	margin: 1px 5px 0 0;
	float: left;
}
.cal_main {	background-color: #ffffff; margin: 0 auto; }
.cal_sec { background-color: #40c4dd; }
.cal_dayHead { background-color: #143889; color: #ffffff; }
.cal_WE { background-color: #fbfad4; }
.cal_OM { background-color: #edd564; }
.cal_select { background-color: #6495ed; color: White; }
.cal_today {border:solid #000000 1px; }

/**** Sizes For Styles ****/
.p75 { width: 75%; }
.p70 { width: 70%; }
.p65 { width: 65%; }
.p50 { width: 50%; }
.p33 { width: 33%; }
.p25 { width: 25%; }
.p10 { width: 10%; }
.p15 { width: 15%; }
.p5 { width: 5%; }
.xxSmall { width: 25px; }
select.xxSmall { width: 29px; }
.xSmall { width: 50px; }
select.xSmall { width: 54px; }
.small { width: 75px; }
select.small { width: 79px; }
.med { width: 100px; }
select.med { width: 104px; }
.large { width: 150px; }
select.large { width: 154px; }
.xLarge { width: 200px; }
select.xLarge { width: 204px; }
.xxLarge { width: 250px; }
select.xxLarge { width: 254px; }


/**** VR Styles ****/
.highlightMain { color:#143889; }
.highlightAlternate { color:#40C4DD; }
div.largePara p, p.largePara {margin-bottom:2em;line-height:1.5}
.80percent {font-size:20%;}
.NeedAnswer {color:green;  background-color:yellow; font-style:italic; font-weight:bold;}

table.strands {font-size:1.2em; color:White; text-align:center; border-collapse:separate; width:99%;}
table.strands a {text-decoration:none; color:White;}
table.strands a:hover {text-decoration:underline; color:White;}
table.strands thead {font-size:1.2em; vertical-align: top; width:15%;}
table.strands thead td {border-bottom: #ffffff solid 8px; padding:15px 0px;}
table.strands td {padding: 0; border: #ffffff solid 5px; border-width: 0 10px;}
table.strands .community {background-color:#ff6600;}
table.strands .social {background-color:#ff0000;}
table.strands .education {background-color:#0000ff;}
table.strands .sport {background-color:#800080;}
table.strands .charities {background-color:#008000;}
table.strands .corporate {background-color:#008080;}
table.strands ul {list-style:none; padding:10px 20px; margin:0px;}
table.strands li {margin-bottom:15px;}

/*
table.strands td.topcurve {background-image: url('../gfxs/topleft_corner.png'); background-repeat:no-repeat;width:10px;}
table.strands td.topcurve .right {background-image: url('../gfxs/topright_corner.png'); background-repeat:no-repeat; background-position: top right; text-align: center; padding:15px 10px 10px; background-color:Red; width:100%;}

table.strands td.bottomcurve {background-image: url('../gfxs/bottomleft_corner.png'); background-repeat:no-repeat; background-position:bottom left;}
table.strands td.bottomcurve .right {background-image: url('../gfxs/bottomright_corner.png'); background-repeat:no-repeat; background-position:bottom right; padding:10px 10px 0px 0px;}
*/