/* CSS Document */

/**************** IE6 Unsupported Notice ****************/
iframe#no_ie6 { width: 600px; height: 300px; overflow: hidden; border: 4px solid #777; position: absolute; top: 50px; left: 50%; margin-left: -300px; z-index: 100; }

/**************** 2010 SKIN MAIN CSS FILE ****************/

/* UNION GREEN SETTING */
#headerarea {
background-color:#92D400;
}

/* SITE WIDTH SETTINGS */
#headercontainer, #superheadercontents { width:1000px; }
#page_container, #footer { width:990px; } /* make this 10px less than the one above */

/**** MAIN STRUCTURE ****/

body{
background:url('http://www.staffsunion.com/stylesheet/2010/pagebg.jpg') #FFF top center repeat-y;
font-family:verdana, arial, sans-serif;
font-color:#333;
font-size:12px;
margin:0;
padding:0;
}

a, img, a img {border:0}
h1,h2,h3,h4,h5 {margin:0; padding:0; font-weight:normal;font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;}


#page_container{
clear:both;
margin:0 auto;
padding:0;
margin-top:12px;
background:transparent;
}

#footer {clear:both; width: 100%;}

a {color:#338; text-decoration:none;}

/**************** HEADER + LOGIN ****************/

#headerarea{
width:100%;
height:100px;
margin: 0 auto;
padding:0;
background: #92D400 url('http://www.staffsunion.com/stylesheet/2010/headerbg.png') top center no-repeat;
}

#activitiesheaderarea{
width:100%;
height:100px;
margin: 0 auto;
padding:0;
background: #92D400 url('http://www.staffsunion.com/stylesheet/2010/activitiesheaderbg.png') top center no-repeat;
}

#entsheaderarea{
width:100%;
height:100px;
margin: 0 auto;
padding:0;
background: #92D400 url('http://www.staffsunion.com/stylesheet/2010/entsheaderbg.png') top center no-repeat;
}

#headercontainer{
margin:0 auto;
}

#headerleft, #headerleft a{
width:700px;
height:100px;
float:left;
display:block;
padding:0;
margin:0;
vertical-align:top;
text-decoration:none;

}

#headerleft #logo {margin-top:36px; float:left; }
#headerleft #logotext {margin:5px 0 0 30px; float:left;}

#headerright {
margin-left:5px;
margin-top:20px;
width:295px;
float:left;
padding:0;

}

#headernav{
display:none;
margin: 0 0 10px 0;
text-align:center;
font-size:12px;
float:left;
background: #C1DD24;
width:100%;
}

#headernav a{
text-decoration:none;
margin:0 3px 0 0;
padding:3px 3px 3px 5px; 
display:block;
float:left;
color:#333;
}
#headernav a:hover{background:#FFF; color:#222;}

#headerright #login{ float:right;}
#headerright #login ul {margin:0 0 0 0; padding:0;}
#headerright #login li {float:left; margin:0; list-style-type:none; }
#headerright #login a {margin:0 3px 0 3px; }
#headerright #login p , #headerright #login h3 {display:none;}

#headerright #login input { width:130px; }
#headerright #login input.button {  width:60px; height:36px; margin: -18px 50px -10px 0; float:right; background:#FFF;}
#headerright #login input.button:hover {  background-color:#555; color:#FFF;}
#headerright #login label{ display:block; }
#headerright #login .login {font-size:10px; margin:10px 0 0 0; padding:0; width:250px; }
#headerright .msl_warning {background-color:#FEE; }
#headerright #login p a {float:left; clear:both;}
#headerright #login a.msl_friendrequests {color:#FFF;} 

#headerleft, #headerright { border-bottom:5px;}

/**************** SITE FEEBACK NOTICE ****************/

#sitefb { width: 945px; padding: 5px 5px 5px 5px; border: 1px solid #FF0000; margin-top: 15px; margin-left: 16px; margin-bottom: 5px; text-align: center; line-height: 1.5; }

/**************** VOLUNTEERING WEEK HOUR COUNT ****************/

@font-face {
	font-family: 'LCDNormal';
	src: url('http://www.staffsunion.com/assets/site_resources/lcd-n___-webfont.eot');
	src: local('?'), url('http://staffsunion.com/assets/site_resources/lcd-n___-webfont.woff') format('woff'), url('http://www.staffsunion.com/assets/site_resources/lcd-n___-webfont.ttf') format('truetype'), url('http://www.staffsunion.com/assets/site_resources/lcd-n___-webfont.svg#webfontx8IXQjiI') format('svg');
	font-weight: normal;
	font-style: normal;
}


#vweek { width: 945px; min-height: 100px; padding: 5px 5px 5px 5px; border: 1px solid #00A2B3; margin-top: 15px; margin-left: 16px; margin-bottom: 5px; text-align: center; line-height: 1.5; }

#vweek img { max-height: 100px; }

/**************** CONTENT AREA ****************/

#content {
clear:both;
width: 100%;
margin: 0 auto;
padding: 5px 5px 5px 5px;
margin-left:-5px;
background:transparent;
min-height:300px;
/* border-right: 1px solid #CCC;
border-left: 1px solid #CCC; */
}

/**** FEATURE BOXES ********/

#features {
width: 780px;

border-style: solid;
border-color: #000000;
border-width: 1px;
margin-left: 19px;
float: left;
}

#features .news_item{

width:780px;
height:210px;
overflow:hide;
background-color:#111111;

}

#features a div.featuretext{

padding:2px;
background-color:#333;
color:#000;

}

#features .news_image img 
{ 
width:480px; 
height:210px; 
float:right; 
}

#features #photos img { max-width: 480px; }

.shadowbox { border: 1px solid #444;
	-moz-box-shadow: 5px 5px 6px #444;
	-webkit-box-shadow: 5px 5px 6px #444;
	box-shadow: 5px 5px 6px #444;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}




/**** CONTENT BOXES ****/

#faqs
{

width: 960px;
font-size: 12px;
margin-left: 19px;
padding:10px;

}


.plugged
{
width: 148px;    height: 210px;
float:right;
border-style: solid;
border-color: #000000;
border-width: 1px;
margin-right: 18px;
}

.advert1
{
width: 468px;
float:left;
margin-left: 20px;
text-align:center;
}

.advert2
{
width: 468px;
float:right;
margin-right: 20px;
text-align:center;
}

.contentbox {
background-color: #FFF;
border:1px solid #CCC;
padding:10px;
margin-top:20px;
}

.contentboxholder {
height:550px; 
clear:both;
}

.contentbox .more {
display:none;
background: url('http://www.staffsunion.com/stylesheet/2010/boxend.jpg') bottom repeat-x;
height:100px;
position:absolute;
bottom:0px;
}

.third {
width:272px; 
float:left;
margin:8px 10px 8px 19px;
height:550px;
overflow:hidden;
}

.eventsbox {
width:278px; 
float:right;
margin:9px;
height:1137px;
overflow:auto;
margin-right:15px;
}

.third .news2 .news_item {
clear:both; 
width:100%; 
height:100px; 
margin:0;
padding:0;
}

.half {
width:660px; 
float:left;

height:1037px;

}

#separator
{
height: 25px;
background-color: #FFFFFF;
}


/***** EVENTS STUFF ******/

.eventsbox dd{ margin:0; padding:0; }
.eventsbox img {float:left; margin:0 10px 0 10px;}
.eventsbox .msl_event_description, .eventsbox .msl_event_location, .eventsbox .msl_ticket {display:none;}
.eventsbox h4 {font-size:16px; margin-top:20px; font-weight:bold;}

#msl_event
{ text-align: left; }

/***** FOOTER *****/

#footer{
background: url('http://www.staffsunion.com/stylesheet/2010/boxend.jpg') bottom repeat-x;
clear:both;
height:150px;
background-color: #FFFFFF;
margin-bottom:10px;
padding:40px 5px 5px 6px;
margin:0 auto;
width:990px;
margin-top: 10px;
}

#footerouterbox
{
background-color: #FFFFFF;
float: left;
width:940px;
margin-left: 15px;
padding: 10px;
border:1px solid #CCCCCC;
}

#footerbox
{
width:300px;
float:left;
}

#footerlogo
{
width:300px;
float:left;
text-align: right;
}

#footer ul {margin:0; padding:0; }
#footer li {list-style-type:none; margin:0; padding:0;}
#footer a{background:none; font-weight: bold;}
#footer .msl_edit {background:none;}

#footer #msl_admin {clear:both; width:900px; margin:0 0 0 -5px; padding-top:10px; border-top:1px solid darkred;}
#footer #msl_admin ul {margin:0; padding:0; width:100%;}
#footer #msl_admin li, #entsfooter #msl_admin a {display:inline; list-style-type:none; margin:0; border:none; background-image:none; padding:0;}
#footer #msl_admin {background: #EEE url('http://www.staffsunion.com/stylesheet/2010/Padlock-icon.png') no-repeat left 20px; padding-left:50px; clear:both; }

/********** ACCORDION ************/

.glossymenu{
margin: 5px 0;
padding: 0;
width: 260px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 1;
}

.glossymenu a.menuitem {
background-color: #0092d4;
font: bold 12px "arial";
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-style: solid;
border-color: #FFFFFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
color:#0092d4;
background-color: #EEEEEE;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #0092d4;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 11px "arial";
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #0092d4;
color: #FFFFFF;
}

/********** MISC ************/

#admin_page_content { background-color: #FFF; padding:3px 0 0 0; width:735px;}
.nopad{ padding:0;}
#clear { clear:both; }
#msl_admin {display:none}
#admin_page_content {background:transparent;}
a[href|="/admin/portal/"] {color:red;}
#showadmin {display:none;}

.msl_warning {color:red;}


#content div.photogallery {width:120px; height:120px; overflow:hidden; float:left; background:#FFF; border:1px solid #CCC; padding:5px; margin:10px 0px 0 5px ;}
#content .photogallery dd {display:none}
#content .photogallery dd.photogallery_image {display:inline;}
#content .photogallery img {padding:0; margin:0;}
#content a.create_gallery {clear:both; display:block; padding:10px; text-align:center; margin:10px auto; background:#92d400; color:#222;}
sdfs {padding:0; margin:0; height:auto; width:auto;}
#content #photogallery h3 {display:none;}

.linkbox ul {margin:10px 0 0 0; padding:0;}
.linkbox li { list-style-type:none; margin:0; padding:0; }
.linkbox li a{
display:block;
background: #BF4;
border:1px solid #BF4;
margin:3px;
padding:3px;
}
.linkbox li a:hover{ background: #FFF; border:1px solid #92D400;  }

.news_noimage h5{ font-size:18px; }
.news_noimage .msl_pubdate { font-size:10px;margin:0; }

.contentbox td, .contentbox table.msl_table, .contentbox tr.msl_row {border:none; background:none;}

#dailybooth img{ width:260px; height:auto;}
#dailybooth li {list-style-type:none; margin:0; padding:0; width:260px;}
#dailybooth ul {margin:20px 0 0 0; padding:0;}
#dailybooth .rss_title a {width:260px; height:400px; display:block; position:absolute; color:transparent; }
#dailybooth .rss_pubdate {display:none;}

.clear 
{ 
	clear: both;
}

/**************** HOMEPAGE BANNER ****************/

#homepagebanner {display: block; width: 720px; height: 210px; overflow: hidden; }

/*
#homepagebanner h5 {width: 260px; float: left;}
#homepagebanner div.news_item {padding 0px; margin:0px; }
*/