/* 2010 Cathy Freeman */
@import url("Global_Reset.css");


/* *************************************
	Basic Structure
************************************* */
html, body{background:#000 url(../App_Images/fixedBackgroundImage.jpg) fixed center top;}
body {font-size:100%; line-height:1.125em; /*16*1.125 = 18px*/ font-family: Tahoma,Verdana,Lucida Sans,Arial,Helvetica,sans-serif; behavior: url("csshover3.htc");}

#wrap
{width:960px; margin:0 auto; background: #fff; -moz-border-radius:15px; -webkit-border-radius:15px;  margin-top:40px; margin-bottom:20px;}

.mainContent{ width:100%; }

.mainContent img{padding:15px;}

.secondheading{background:url(../App_Images/heading.jpg) no-repeat; clear:both; margin-bottom:10px;height:200px;}
.sh-text{color:#fff; font-size:36px; margin-top:90px; margin-left:50px; float:left;width:700px;}


#header
{ -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
text-align:right; background:url(../App_Images/header-background.jpg);}

#header a{ color:#999; font-size:0.8em; text-decoration:none; font-weight:bold; padding:25px 15px 25px 15px; float:left; }
#header a:hover {background:#64cfe2; color:#fff;}

#header a.currentnav{background:#64cfe2; color:#fff;}

.logo{float:left; margin-right:180px; padding:0;}

#footer
{padding:5px; font-size:0.6em;  -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-top:1px solid #ccc; color:#999; clear:both;  margin:10px;}

.footer-link{color:#555;text-decoration:none; margin:10px; float:left;}
.footer-link:hover{text-decoration:underline;}



.sponsor{float:right; /*filter:alpha(opacity=50);  opacity:0.5;*/}
.sponsor:hover {filter:alpha(opacity=100);  opacity:1;}

.clearer{clear:both; display:block;}




/* *************************************
    Headings / Text
************************************* */
p{margin:8px 0px; font-size:0.8em; line-height:150%; color:#555; padding:0px 25px 20px 25px;}
.mainContent li{margin:8px 15px; font-size:0.75em; line-height:150%; color:#666666;  list-style-type:disc; padding:0;}
a{color:#64cfe2; text-decoration:none;}
a:hover{color:#64cfe2;}

p strong{font-weight:bold;}

td{font-size:0.75em; line-height:150%; color:#666666;}
ul{padding:0px 25px 20px 45px;}


/* *************************************
    Navigation
************************************* */
.dropdown-heading{color:#fff; display:block; font-size:0.7em; font-weight:bold; padding:20px; background: url(../App_Images/nav-arrow-white.png) no-repeat right; }
.dropdown-heading:hover{background:url(../App_Images/dropdown-background.jpg); color:#333;}
#menu { float:right; margin-right:10px; }
#menu:hover {  }
#menu:hover .dropdown-heading{background:url(../App_Images/dropdown-background.jpg); color:#333;}
#menu a{color:#333; display:block; padding:7px 7px 7px 15px; font-weight:bold; text-decoration:none; font-size:0.7em; border-top:1px solid #EAEAEA;}
#menu a:hover {color: #FFF; background:#1b5cc6; }

#menu ul ul ul {position: absolute;top: 0;left: 0;}
#menu li {position: relative;}
#menu ul ul ul {position: absolute; top: 100%; width:100%; }

div#menu ul ul ul {display: none;}
div#menu ul ul li:hover ul {display: block; color:#333; background:url(../App_Images/dropdown-background.jpg); filter:alpha(opacity=90);  opacity:0.90;}

.current-nav{display:block; font-size:0.7em; font-weight:bold; padding:20px; background:url(../App_Images/dropdown-background.jpg); color:#333;}



/* *************************************
	Home 
************************************* */
#home-boxes{background: url(../App_Images/box-background.jpg); padding:10px;}
#home-box-1:hover, #home-box-2:hover, #home-box-3:hover{text-decoration:none;}

#home-box-1{float:left; margin:8px; padding:25px; height:110px; width:247px; background:url(../App_Images/home-box-background1.jpg) no-repeat right #fff; -moz-border-radius:15px; -webkit-border-radius:15px; cursor:pointer;}

#home-box-2{float:left; margin:8px; padding:25px; height:110px; width:247px; background:url(../App_Images/home-box-background2.jpg) no-repeat right #fff; -moz-border-radius:15px; -webkit-border-radius:15px; cursor:pointer;}

#home-box-3{float:left; margin:8px; padding:25px; height:110px; width:247px; background:url(../App_Images/home-box-background3.jpg) no-repeat right #fff; -moz-border-radius:15px; -webkit-border-radius:15px; cursor:pointer;}

.home-box-heading{font-size:13px; color:#555; display:block; width:120px; border-bottom:1px solid #ccc; text-transform:uppercase; padding-bottom:5px; margin-bottom:5px; font-weight:bold;}
.home-box-description{font-size:0.7em; display:block; width:120px; color:#888; }
.read-more{color:#39F; display:block;}



#latest{height:330px; clear:both;}
#latest img{padding:0;}
/*#buttonPrev {filter:alpha(opacity=80);  opacity:0.80; background-image:url(../App_Images/prev.png); background-position:center; background-repeat:no-repeat; float:left; height:50px;   width:25px; cursor:pointer;}
#buttonNext {filter:alpha(opacity=80);  opacity:0.80; background-image:url(../App_Images/next.png); background-position:center; background-repeat:no-repeat; float:left; height:50px; width:25px; cursor:pointer;}
#buttonPrev:hover, #buttonNext:hover{ filter:alpha(opacity=100);  opacity:1;} */

#slideShow { height:330px; overflow:hidden; width:960px; position:relative; }	
#slides {height:450px;	position:relative; }		
.slide { display:inline; height:400px; float:left;}

.boxgrid{ width: 960px; height: 420px;	 overflow: hidden; }
.boxcaption{color:#fff; padding:18px; float: left; position: absolute; background-image:url(../App_Images/black-tile.png);	height: 40px;  width:925px; }

.latest-title{font-size:0.7em; font-weight:bold; padding:10px; color: #fff; text-transform: uppercase;}
.latest-description{font-size:0.7em; font-weight:lighter; padding:10px; color: #777;}



/* *************************************
	Content
************************************* */
h1{color:#333; font-size:1.8em;  padding:25px 25px 5px 25px;}
h2{color:#333; font-size:1.2em;  padding:25px 25px 5px 25px; color:#333;}
.intro-text{color:#fff; line-height: 1.8em; font-style:italic; font-weight:bold;}
.main-heading{background: url(../App_Images/content-background.jpg) repeat-x bottom #2b2c2e; padding:100px;}

strong{}

.content-box{-moz-border-radius:6px; -webkit-border-radius:6px; background:url(../App_Images/content-background.jpg) repeat-x #0d0d0f;  margin:10px;}
.content-box-heading{ background:url(../App_Images/content-heading.jpg) repeat-x #0d0d0f bottom; padding:10px 10px 10px 20px; display:block; color:#333; font-weight:bold; font-size:0.75em;
-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
.content-box-heading2{ padding:10px 0px 0px 20px; display:block; color: #555; font-weight:bold; font-size:0.75em;}

.video-container{ background: url(../App_Images/content-background.jpg) repeat-x bottom #2b2c2e; padding:20px; text-align:center; }
.video-container img{-moz-border-radius:15px; -webkit-border-radius:15px; border:10px solid #333;}

#contact-form{width:700px; float:left;}
#contact-details{width:250px; float:left; border-left:1px solid #ccc;}

.contact-form {font-size:0.8em; color:#555; margin:20px;}
.contact-form label{width:80px; float:left; text-align:right; margin-right:5px; padding-top:5px;}
.contact-form input{width:150px; float:left; border:1px solid #ccc; background: #F7F7F7; padding:5px; margin-right:15px; }
.contact-form input:focus{background: #EAEAEA;}
.contact-form textarea{width:550px; height:150px;  border:1px solid #ccc; background: #F7F7F7; padding:5px;}
.contact-form textarea:focus{background: #EAEAEA;}
.contact-submit{ margin-left:85px; background:#64cfe2; border:none;  color:#333; }

.bio-image{float:left;}

#gallery {padding:25px;}
#gallery-selector{font-size:0.8em; width:885px; padding:10px; margin-bottom:10px; background:#F4F4F4; -moz-border-radius:30px; -webkit-border-radius:30px;}
.select-gallery{}
.gallery-image:hover{ filter:alpha(opacity=90);  opacity:0.9;}
.gallery-image{ filter:alpha(opacity=100);  opacity:1;}
#gallery img{padding:5px;}


/* *************************************
	News
************************************* */
.news-item{clear:both; border-bottom:1px solid #ccc; margin:15px; padding:10px; -moz-border-radius:15px; -webkit-border-radius:15px; border:3px solid #EFEFEF;}
.news-item:hover{}
.news-image{float:left; padding:0; margin:0;}
.news-text{float:left; width:650px; margin-top:30px;}
.news-heading{font-size:1.2em; color:#333;}