/*

	Scripture Union Northern Ireland Stylesheet
	General CSS
	Created by Andi Topping on Monday 25th November 2008

*/

@import url("base.css");

#container { width: 999px; margin: 0px 0px;  min-height: 100%; height: 100%; }

/* h1 section styles */
h1 {  color: #0077A6; font-size: 18px; }
h1.title { background-image:url(../images/camps/bg_h1.png); background-repeat:no-repeat; height: 39px; padding: 9px 10px 5px 10px; }
h2 { color: #0077A6; font-size: 16px; padding: 0px 0px; margin: 0px 0px; }
h3 { color: #0077A6; font-size: 14px; padding: 0px 0px; margin: 0px 0px; }
h3.subtitle { color:#FBE754; }
h3.sub { color:#0077A6; font-size: 12px; }
h3.subtitle a{ color: #FBE754; font-size: 14px; padding: 0px 0px; margin: 0px 0px; }

a { color: #0077A6; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; font-weight: bold; }

hr { height:1px; border: none 0; border-top: 1px solid #9ED8E7; text-align:center; margin: -5px auto; width: 90%; }

/* background styles */
body { background-color: #0077A6; background-image:url(../images/camps/bg.gif); background-repeat: no-repeat; }

/* main content area */
#content { margin: 20px 0px 0px 15px; }
#left { float:left; width:152px; font-size: 12px; text-transform: uppercase; }
#right { float:right; width:261px; font-size: 11px;  }
#center { margin: 0px 297px 0px 175px; }

/*left bar styles */
#left .links { background-image:url(../images/camps/bg_links.png); background-repeat: no-repeat; height: 12px; padding: 5px 10px; margin: 0px 0px 7px 0px; }
#left .links a { color: #0077A6; font-weight: bold; text-decoration:none;  }
#left .links a:hover { text-decoration: none;  }

/* left bar sublink styles */
#left .sublinks { padding: 0px 0px 13px 25px; margin: 0px 0px; }
#left .sublinks a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#left .sublinks a:hover { color: #A9E3EE; text-decoration: none; }

/* right bar styles */
#right a { color: #000000; font-weight:normal; }
#right .box { width: 259px; margin: 10px 0px; }
#right .light_top { background-image:url(../images/camps/light_top.png); background-repeat: no-repeat; height: 14px; padding: 0px 0px; }
#right .light_box { background-color: #A9E3EE; padding: 0px 10px; margin: 0px 0px; }
#right .light_bottom { background-image:url(../images/camps/light_bottom.png); background-repeat: no-repeat; height: 26px; padding: 0px 0px; }

/* right bar h1 styles */
#right h1 { padding: 0px 0px; margin: 0px 0px; }
#right .dark_box h1 { background: none; color: #FBE754; }

/* center styles */
#center .content_box { margin: 0px 0px 10px 0px; }
#center .content_top { background-image:url(../images/camps/content_top.png); background-repeat: no-repeat; height: 9px; padding: 0px 0px; }
#center .content_bottom { background-image:url(../images/camps/content_bottom.png); background-repeat: no-repeat; height: 9px; padding: 0px 0px; }
#center .content { background-color: #58B6DD; padding: 0px 10px; margin: 0px 0px; }

#center #footer a { padding-right: 20px; }
#center #footer { color: #0077A6; font-weight: bold; margin: 10px 0px; font-size: 9px; }
#center #footer a { color: #0077A6; font-weight: bold; text-decoration:none;  }
#center #footer a:hover { text-decoration: none;  }

/* form styles */
label { color: #0077A6; }
input, text-area { color: #000000; }
input.submit { background-color: #0077A6; color: #FFFFFF; }

/* listing of camp / mission info */
.camps_info { width: 90%; margin: 0px auto; padding: 10px 0px; }
.camps_info .availability { text-align:right; }
.camps_info .location, .camps_info .dates, .camps_info .ages, .camps_info .cost, .camps_info .details { font-size: 11px; }
.camps_info .dates, .camps_info .ages, .camps_info .cost, .camps_info .details { color:#9ED8E7; }
.camps_info .location { color: #0077A6; width: 150px; }
.camps_info .details { text-align: right; width: 50px; }
.camps_info .details a { color: #9ED8E7; font-size: 11px; font-weight: normal; text-decoration:none; }
.camps_info .details a:hover { text-decoration:underline; }
.camps_info td { vertical-align: top; }

.hiddeninfo { display:none; width: 90%; margin: 0px auto; padding: 0px 0px; }

#legend { width: 90%; margin: 0px auto; padding: 0px 0px; }
#legend .legend td { vertical-align:bottom;  }