body { background-color:#666; margin:0; overflow-y:scroll }	  
a:hover { text-decoration:underline; }
a { color:#CC0000; font-weight:bold; text-decoration:none; }
legend { font-weight:bold; }
fieldset { margin-bottom:10px; }
button, .button {
	color:#f7f7f7; 
	font:bold 12px Tahoma,sans-serif; 
	text-decoration:none;
	outline:1px outset #999;	
	border:1px solid #fff;	
	background-color:#222;
	height:30px;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:11px;
	margin:5px;
}

label {}



/*NAVBAR CODE*/ 
#main-nav{ height:32px; line-height:32px; /* background:#3B5998; */ padding:0 10px; text-align:left; font:bold 12px Tahoma,sans-serif; }
#main-nav ul, #main-nav ul li {
	margin:0; 
	padding:0;
	list-style:none;
}
#main-nav ul li{
	float:left;
	display:block;
}
#main-nav ul li a {	 
	min-height:32px; line-height:32px;
}
#main-nav ul li a:link, #main-nav ul li a:visited {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:0 20px 0 6px;
	display:block;
}
#main-nav ul li a:hover { color:#EBEFF7 }
#main-nav ul li ul li{ float:none; display:block; }
#main-nav ul li ul li a:link,
#main-nav ul li ul li a:visited{
	color:#444;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:0 10px;
	clear:both;
	border-bottom:solid 1px #DEDEDE;
}
#main-nav ul li ul li a:hover{ color:#3B5998; background:#EBEFF7; }
	
.submenu {
	position: absolute;
	width: 160px;
	background: #fff;
	padding:10px;
	border:solid 1px #2E4B88;
	border-top: none;
	z-index: 1000;
	display: none;
	line-height: 26px;
}

.nav-green{ background:#6AA63B; height: 32px; }
.nav-yellow{ background:#FBC700; height: 32px; }
.nav-red{ background:#D52100; height: 32px; }
.nav-purple{ background:#5122B4; height: 32px; }
.nav-blue{ background:#0292C0; height: 32px; }

.style3 { clear:both; text-align:right; }
.back-to-top { color:#c00; font:bold 11px Tahoma,sans-serif; margin-bottom:20px; }
.footnote { font:bold 11px Tahoma,sans-serif; }

/* --- [ menu ] --- */   
.menu, .home-menu, .admin-menu { margin:10px 10px 10px 10px; padding:0; list-style:none; }
.home-menu li, .menu li{ color:#000 /* #FFFFFF */; background-color:#F7F7F7;padding:0; margin:0 0 1px 0; height:40px; display:block; }
.home-menu li a, .menu li a{ font-weight:bold; text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; /* color:#fff; */display:block; background:transparent; text-decoration:none; outline:none;}
.home-menu li a:hover, .menu li a:hover{ font-weight:bold; background-color:#c00; color:#fff;}
.admin-menu-header-selected, .home-menu li a.active, .home-menu li a.active:hover, .menu li a.active, .menu li a.active:hover  
{
	font-weight:bold; background-color:#666; color:#fff;
}
.home-menu li a span, .menu li a span{ font-weight:bold; line-height:40px;}

.admin-menu { margin-left:-10px; }   
.admin-menu-content  {
	border-bottom: solid 1px #333; 
	background-color:#ccc;
	color:#c00; 
	font:bold 11px Tahoma,sans-serif; 
	text-decoration:none;
}

.admin-menu-content ul li { list-style:none; }

.admin-menu-header {
	background-color:#f7f7f7;
	color:#c00;	   
	cursor:pointer;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;   
	min-height:30px;   
	margin:0 0 1px 0; 
	text-align:left;
	text-decoration:none; 
	padding:12px 25px 0 25px;
	border-bottom: solid 1px #333;
} 
.admin-menu-header-selected  {
	background-color:#666; color:#fff; 
	font-weight:bold; 
	font:16px Verdana, Arial, Helvetica, sans-serif;   
	min-height:30px;   
	margin:0 0 1px 0; 
	text-align:left;
	text-decoration:none; 
	padding:12px 25px 0 25px;
	outline:none;
}
 


/* --- [ faq ] --- */
#faq { display:none; }
.accordion-content, .faq-answer { padding:0 10px 10px 20px; }
.accordion-selected-header, .faq-selected-question { padding:10px; font-weight:bold; margin-top:20px; background-color:#F7F7F7; color:#333; /* border-left:solid 1px white; border-right:solid 1px white; border-top:solid 1px white; */ }  
.accordion-header, .faq-question { color:#000; padding:10px; margin-top:10px; cursor:pointer; /* border: solid 1px white; */ }  

#page { width:964px; margin-left:auto; margin-right:auto; }
#frame { float:left; width:964px; background-color:#333;  }
#logo { width:600px; height:120px; background-image:url("/assets/images/backgrounds/slgafi-logo.gif"); background-repeat:no-repeat; float:left; }

#topheader { background-color:#F0F0F0; float:right; height:120px; position:relative; width:964px; }
.personalized, #location { margin:10px; width:100%; float:right; text-align:right; color:#000; font:0.7em Tahoma,sans-serif; }
#toplinks { position:absolute; right:10px; top:10px; }
#menu {
	color:#fff;
	background-color:#333333; background-image:url("/assets/images/backgrounds/bg_menu.gif"); 
	background-repeat:repeat-x; float:right;height:32px; width:964px; 
}
/* #submenu { background-image:url("/assets/images/backgrounds/bg_submenu.gif"); background-position:center top; background-repeat:repeat-x; float:right; height:32px; width:690px; } */ 
#submenu { background-position:center top; float:right; height:20px; width:964px; }
#contenttext { float:left; color:#000 /* #FFFFFF */; background-color:#F7F7F7; padding:10px; } 
.contenttext { color:#000 /* #FFFFFF */; background-color:#F7F7F7; margin:10px; padding:10px; }   
#admin-contenttext { float:right; width:964px; }
#leftpanel { float:left; position:absolute; top:200px; width:274px; }
#admin-menu { width:274px; }
#footer { background-color:#E0E0E0; float:left; padding:10px; width:944px; /* margin-left:auto; margin-right:auto; */ }	 
#copyright { float:left; /* margin-left:auto; margin-right:auto; */ }
#bottom-links { float:right; /* margin-left:auto; margin-right:auto; */ }

#news-item-form { width:500px; height:450px; }

.graypanel { background-color:#F7F7F7; border:1px solid #666666; margin:10px; padding:10px; }

.bodytext { color:#000 /* #FFFFFF */; background-color:#F7F7F7; font:0.8em Tahoma, Arial, sans-serif; } 
.overlay .bodytext { color:#000; font:11px Tahoma,sans-serif;  }

legend img.panel-trigger, .clickable { cursor:pointer; }

td.label { width:150px; }
.bold { font-weight:bold; }

.newstext { color:#666666; font:0.7em Tahoma,sans-serif; width:270px; }	 
.titletext { color:#CC0000; font:bold 28px Tahoma,sans-serif; }
h2, .whitetitle { color:#000 /* #FFFFFF */; background-color:#F7F7F7; font:bold 28px Tahoma,sans-serif; }
.graytitle { color:#999999; font:bold 28px Tahoma,sans-serif; }
.smalltitle { color:#666; font:bold 20px Tahoma,sans-serif; }

.smallwhitetext { color:#f7f7f7 /* #FFFFFF */; font:bold 11px Tahoma,sans-serif; }
.smallwhitetext a { color:#f7f7f7; font:bold 11px Tahoma,sans-serif; text-decoration:underline; }
.smallwhitetext a:hover { text-decoration:underline; }
																  
.smalltext { font:12px Tahoma,sans-serif; }
.smallgraytext { color:#666; font:bold 11px Tahoma,sans-serif; }
.smallgraytext a { color:#CC0000; font:bold 11px Tahoma,sans-serif; text-decoration:none; }
.smallgraytext a:hover { text-decoration:underline; }
.smallredtext { color:#CC0000; font:bold 11px Tahoma,sans-serif; }
.smallredtext a { color:#CC0000; font:bold 11px Tahoma,sans-serif; text-decoration:none; }
.tinytext { font:bold 11px Tahoma,sans-serif; }

h3 { margin-top:15px; }

#foundation-info { color:#000 /* #FFFFFF */; background-color:#F7F7F7; font:11px Tahoma,sans-serif; text-align:left; margin:10px; padding:10px; }   
#globe { float:left; position:relative; color:#000; background-color:#fff; margin:10px; padding:10px; }

thead td span.label { font:bold 11px Tahoma,sans-serif;}

.clickable:hover { text-decoration:underline }
.loading { background:#000 /* #FFFFFF */ url("/assets/images/backgrounds/ajax-loader-red.gif") no-repeat center center; }

#globe { width:200px; background:#fff; margin:10px; }
#lauture { width:246px; background:#f7f7f7; margin:-10px 20px 10px 10px; }   
#slg-centre { width:246px; background:#f7f7f7; margin:0px 20px 10px 0px; }

.embedded {	
	width:inherit; align:center; 
	float:left; position:relative;		 
}

/* --- [ gallery ] --- */
.gallery-trigger {
	text-align:center;
}

.gallery-trigger img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
.gallery-trigger a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}

#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	margin:8px;
	padding:10px 15px;
	font-size:11px;
	border-top:1px solid #666;
	color:#f7f7f7; 
	font:bold 11px Tahoma,sans-serif;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/assets/images/backgrounds/h80.png) repeat-x;		
}



/* --- [ home links ] --- */
.home-links {}
.home-link { margin:10px; font:bold 14px Tahoma,sans-serif; }

/* --- [ masked edits ] --- */
.focus { background-color: #DDDDFF; border: solid 1px blue; }  
.invalid { background-color: #FF0000; border: solid 1px #FF0000; }  
.negative { background-color: #FF5555; }  

.modal { 
    background-color:#fff; 
    display:none; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:1.0; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 
 
.modal h2 { 
    /* background:url(/img/global/info.png) 0 50% no-repeat; */
    margin:0px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px solid #333; 
    font-size:20px; 
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url(/assets/images/backgrounds/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* simple css-based tooltip */ 
div.small-tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

.overlay {   
	display:none;  
    z-index:10000;  
    padding:10px;  
    min-height:344px;
    background-color:#333;
    border:1px solid #666; 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; 
} 

.overlay .close, .close { 
    background-image:url("/assets/images/backgrounds/close.png"); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 

.overlay-form { 
    /* background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); 
    color:#efefef;*/
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.content-wrap { 
    height:450px; 
    overflow-y:auto; 
}

.video { width:425px; height:360px; } 
 
  


.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}

 
div.scrollable { 
    position:relative; 
    overflow:hidden; 
    height: 100px;
} 
 
div.scrollable div.items { 
    position:absolute;  
    height:20000em; 
}

#actions { vertical-align: top; }
.items { width: 100%; }
#news-items { width:100%; }

div.newsitem { 
    width: 100%; 
	margin-bottom: 10px;
	border-bottom: solid 1px #000;
}

#social-media, #contact { background-color:#f7f7f7; padding:10px; text-align:left; }

div#social-media ul li {
	background-position:2px 0;
	background-repeat:no-repeat; 
	list-style: none;   
	/* display:inline; */
	width:20px;	 
	float:left;
} 
	 
/* div#social-media div a { float:left; width:16px; }  */

.social-media-item { float:left; margin:10px 10px 0 0; /* width:20px; min-height:20px; */ }
.social-media-item a { border:0px; background: transparent; }
.social-media-item a:hover { background: #c00; }
	  
/*
div#social-media ul li a { width:16px;
	/* display:inline;	
	/* margin-left:-18px !important; * /   
	
}
	padding-bottom:8px !important;
	padding-left:18px !important;  * /
	width:20px; * /
}

div#social-media ul li a {   /*
	display:inline;	
	margin-left:-18px !important;    * /
	
}

div#social-media ul li p {
	/* margin-left:-18px !important;  * /
}

a.social-media-share-email {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -52px -52px transparent;
	width: 16px; height:16px;
}

a.social-media-share-print {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -52px -130px transparent;
}

a.social-media-share-delicious {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -52px 0 transparent;
}

a.social-media-share-digg {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -52px -26px transparent;
}

a.social-media-share-facebook {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -52px -78px transparent;
}

a.social-media-share-linkedin {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -52px -104px transparent;
}

a.social-media-share-twitter {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -52px -156px transparent;
}

.social-media-active a.social-media-share-email {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -26px -52px transparent;
}

.social-media-active a.social-media-share-print {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -26px -130px transparent;
}

.social-media-active a.social-media-share-delicious {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -26px 0 transparent;
}

.social-media-active a.social-media-share-digg {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -26px -26px transparent;
}

.social-media-active a.social-media-share-facebook {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -26px -78px transparent;
}

.social-media-active a.social-media-share-linkedin {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -26px -104px transparent;
}

.social-media-active a.social-media-share-twitter {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -26px -156px transparent;
}

.social-media-active a.social-media-share-email:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -78px -52px transparent;
}

.social-media-active a.social-media-share-print:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -78px -130px transparent;
}

.social-media-active a.social-media-share-delicious:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -78px 0 transparent;
}

.social-media-active a.social-media-share-digg:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -78px -26px transparent;
}

.social-media-active a.social-media-share-facebook:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -78px -78px transparent;
}

.social-media-active a.social-media-share-linkedin:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -78px -104px transparent;
}

.social-media-active a.social-media-share-twitter:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll -78px -156px transparent;
}

.social-media-active a.social-media-share-active-email:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll 0 -52px transparent;
}

.social-media-active a.social-media-share-active-print:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll 0 -130px transparent;
}

.social-media-active a.social-media-share-active-delicious:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll 0 0 transparent;
}

.social-media-active a.social-media-share-active-digg:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll 0 -26px transparent;
}

.social-media-active a.social-media-share-active-facebook:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll 0 -78px transparent;
}

.social-media-active a.social-media-share-active-linkedin:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll 0 -104px transparent;
}

.social-media-active a.social-media-share-active-twitter:hover {
	background:url("/assets/images/backgrounds/sprites-pt-all.png") no-repeat scroll 0 -156px transparent;
}

*/