@charset "utf-8";
/* CSS Document */


/* Main Background Image */
#wrapper {
	background-image: url(mainBG.jpg);

}
/* Main Navigation Gradient BG Image & colour */
#mainNavigation {
	background-image: url(mainNavBg.jpg);
	background-color: #15ccca;
}

/* All Black/grey box element graphics, also Control Panel (separate ID's for validation) --------------------------------------- */
#blackBox, #myResourcesBox  {
	background-image: url(boxelements/black/boxRoundTop.png);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#blackBox .bgcolour, #myResourcesBox .bgcolour{
	background-color: #1B1B1B;
	background-image: url(boxelements/black/boxbg_gradient.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#blackBox .ft, #myResourcesBox .ft{
	background-image: url(boxelements/black/boxbg_ft.png);
	display: block;
}

/* CSS Hack to replace PNG witg GIF in IE6 */
* html #blackBox, * html #myResourcesBox {
background-image: url(boxelements/black/boxRoundTop.gif);
} 
* html #blackBox .ft, * html #myResourcesBox .ft{
	background-image: url(boxelements/black/boxbg_ft.gif);
} 

/* All colour box element graphics --------------------------------------- */
#colourBox, #favouriteBox  {
	background-image: url(boxelements/turquiose/boxRoundTop.png);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#colourBox .bgcolour, #favouriteBox .bgcolour{
	background-color: #004D58;
	background-image: url(boxelements/turquiose/boxbg_gradient.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#colourBox .ft, #favouriteBox .ft {	background-image: url(boxelements/turquiose/boxbg_ft.png);	display: block;}

/* CSS Hack to replace PNG witg GIF in IE6 */
* html #colourBox, * html #favouriteBox  {background-image: url(boxelements/turquiose/boxRoundTop.gif);} 
* html #colourBox .ft, * html #favouriteBox .ft{	background-image: url(boxelements/turquiose/boxbg_ft.gif);} 

/* All white box element graphics --------------------------------------- */
#whiteBox {
	background-image: url(boxelements/white/boxRoundTop.png);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#whiteBox .bgcolour{
	background-color: #FFFFFF;
	background-image: url(boxelements/white/boxbg_gradient.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#whiteBox .ft {	background-image: url(boxelements/white/boxbg_ft.png); display: block;}

/* CSS Hack to replace PNG witg GIF in IE6 */
* html #whiteBox {background-image: url(boxelements/white/boxRoundTop.gif);} 

* html #whiteBox .ft{	background-image: url(boxelements/white/boxbg_ft.gif);} 

/* All control box & Search box element graphics --------------------------------------- */
#controlBox, #fsearchBox{
	background-image: url(boxelements/black/boxRoundTop.png);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#controlBox .bgcolour, #fsearchBox .bgcolour{
	background-color: #000000;
}
#controlBox .ft, #fsearchBox .ft {	background-image: url(boxelements/black/boxbg_ft2.png); display: block;}

/* CSS Hack to replace PNG witg GIF in IE6 */
* html #controlBox, * html #fsearchBox  {background-image: url(boxelements/black/boxRoundTop.gif);} 

* html #controlBox .ft, * html #fsearchBox .ft{	background-image: url(boxelements/black/boxbg_ft2.gif);} 


/* All grey box element graphics --------------------------------------- */
#greyBox {	background-image: url(boxelements/grey/boxRoundTop.png);
	background-repeat: no-repeat;
	background-position: left top;}
	
#greyBox .bgcolour{	background-color: #404040;	
	background-image: url(boxelements/grey/boxbg_gradient.jpg);
	background-repeat: no-repeat;	background-position: left bottom;}
	
#greyBox .ft {	background-image: url(boxelements/grey/boxbg_ft.png);	display: block; }

/* CSS Hack to replace PNG witg GIF in IE6 */
* html #greyBox {
background-image: url(.boxelements/grey/boxRoundTop.gif);
} 
* html #greyBox .ft{
	background-image: url(boxelements/grey/boxbg_ft.gif);
} 
/* footer Panel graphics --------------------------------------- */
#mainfooterPanel, #footerPanel, #messagePanel {
	background-image: url(boxelements/panel/panel_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#mainfooterPanel .bgcolour, #footerPanel .bgcolour, #messagePanel .bgcolour{
	background-color: #004D58;
	background-image: url(boxelements/panel/panel_gradient.jpg);

}
#mainfooterPanel .ft, #footerPanel .ft, #messagePanel .ft {	background-image: url(boxelements/panel/panel_ft.png);}

/* CSS Hack to replace PNG witg GIF in IE6 */
* html #mainfooterPanel, * html #footerPanel, * html #messagePanel {background-image: url(boxelements/panel/panel_top.gif);} 

* html #mainfooterPanel .ft, * html #footerPanel .ft, * html #messagePanel .ft {	background-image: url(boxelements/panel/panel_ft.gif);} 
/* mid Panel graphics --------------------------------------- */
#midPanel {
	background-image: url(boxelements/midpanel/midpanel_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#midPanel .bgcolour{
	background-color: #004D58;
	background-image: url(boxelements/midpanel/midpanel_gradient.jpg);

}
#midPanel .ft {	background-image: url(boxelements/midpanel/midpanel_ft.png);}

/* CSS Hack to replace PNG witg GIF in IE6 */
* html #midPanel {background-image: url(boxelements/midpanel/midpanel_top.gif);} 

* html #midPanel .ft{	background-image: url(boxelements/midpanel/midpanel_ft.gif);} 

.border-white-1px {
	border: 1px solid #FFFFFF;
}


.divider {border-top: 1px solid #15ccca;}

.FriendsThumbs {margin-top:5px; border: solid 1px #ffffff;}
.AllFriendsThumbs {margin-right:10px; border: solid 1px #ffffff;}

.res_table .res_download{ background-color:#15ccca; border:1px solid #15ccca; margin:5px; padding:5px; color:#FFFFFF;}
.res_download a {color:#FFFFFF;}
.res_table {border:1px solid #15ccca; margin:5px; padding:10px;}
.border-gradient {border:1px solid #15ccca; padding:0px; margin:5px;
	background-image: url(gradient_strip.jpg);
	background-color: #15ccca;
	background-repeat:repeat-y;
	background-position: left top;
}
.border-gradient  h5{ padding:7px; color:#FFFFFF}
.border-gradient  a {color:#FFFFFF;}
.res_table h2 {font-size:large;}.imgpadding5px {
	padding: 5px;
}
#tableMessage th{background-color:#000000; color:#FFFFFF; padding:3px; margin:0px; font-size:0.75em;}
#tableMessage td{ padding-left:5px; padding-right:5px; margin:0px; }
#tableMessage p{margin:0px; padding:0px; }

.highlightBox { padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; background-color:#15ccca; margin-bottom:10px;}
.highlightBox2 { padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; margin-bottom:10px; margin-top:10px; border:1px solid #15ccca; background-color:#373737;}

/* main nav graphics */

#homebtn a  {	width: 81px;	background: url(btns/home1.jpg) top left no-repeat;}
#aboutbtn a  {	width: 80px;	background: url(btns/about1.jpg) top left no-repeat;}
#resourcesbtn a  {	width: 104px;	background: url(btns/resources1.jpg) top left no-repeat;}
#eventsbtn a  {	width: 80px;	background: url(btns/events1.jpg) top left no-repeat;}
#forumbtn a  {	width: 80px;	background: url(btns/forum1.jpg) top left no-repeat;}
#signinbtn a  {		width: 80px;	background: url(btns/signin1.jpg) top left no-repeat;}
#contactbtn a  {	width: 113px;	background: url(btns/contactus1.jpg) top left no-repeat;}

.adminTable th { background-color:#299b9c;}
.adminTable td{ background-color:#4DB0B3}