/* $Id: layout.css,v 1.5 2007/01/09 11:56:09 madmaks Exp $ */
/* SpreadFirefox v2 */
/*<group=Structural>*/
/* -1px margin-top is so NN4 borders overlap */
.columns
	{
	margin		: 0px;
	margin-top	: -1px;
	padding		: 0px;
	border		: solid 1px #000;
	color		: #000;
	background-color: #fff;
	}
/* reset post NN4 */
.columns
	{
/*/*/
	border		: none;
	margin-top	: 0px;
	background-color: transparent;
	/* background: url(/gh3/themes/spreadfirefox/images/bg_sidebar_box_bottom.png) top repeat-x; */
/* */
	}

/*
make sure that .leftcolumn's width is equal to .centercolumn's margin-left
-11px margin-top enables columns to lign up in NN4 rather than dropping down unacceptably
*/
.leftcolumn
	{
	float				: left;
	left				: 0px;
	width				: 150px;
	margin				: 0px;
	margin-top			: -11px;
	padding				: 0px;
	}
/* reset post NN4 */
.leftcolumn
	{
/*/*/
	margin-top			: 0px;
/* */
	}

/*
make sure that .rightcolumn's width is equal to .centercolumn's margin-right
*/
.rightcolumn
	{
	position			: static;
	float				: right;
	width				: 50px;
	margin				: 0px;
	padding				: 0px;
	}
	
	.rightcolumn-homepage
	{
	position			: static;
	float				: right;
	width				: 205px;
	margin				: 0px;
	padding				: 0px;
	}



/* .centercolumn base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left		: -25px
margin-right	: 0px
margin-top		: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left		: 0px;
margin-right	: 0px;
------------------------------------
Other browsers
------------------------------------
margin-left		: width of .leftcolumn
margin-left		: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.
*/
.centercolumn
	{
	margin			: 0px;
	padding			: 0px;
	}
/* OmniWeb value - others in external css file */

/* no they're not - they're here for ease of viewing for the moment */
/* NN4 values */
.centercolumn
	{
	margin-right		: 0px;
	margin-left		: -5px;
	}
/* Other browsers */
/*/*/
.centercolumn
	{
	margin-right		: 50px;
	margin-left		: 5px;
	}
/* */

/* OmniWeb (exclude from IE5 mac) */
/*\*/
.fake.centercolumn
	{
	margin-right		: 0px;
	margin-left		: 0px;
	}
/* reset IE*/
* html body .centercolumn
	{
	margin-right		: 50px;
	margin-left		: 150px;
	}

/*COMMUNITY HOMEPAGE */
.centercolumn-homepage
	{
	margin			: 0px;
	padding			: 0px;
	border-right		: dashed 1px #000;
	 

	}
/* OmniWeb value - others in external css file */

/* no they're not - they're here for ease of viewing for the moment */
/* NN4 values */
.centercolumn-homepage
	{
	margin-right		: 0px;
	margin-left		: -5px;
	border-right		: dashed 1px #000; 
	}
/* Other browsers */
/*/*/
.centercolumn-homepage
	{
	margin-right		: 215px;
	margin-left		: 5px;
	border-right		: dashed 1px #000;
	 
	}
/* */

/* OmniWeb (exclude from IE5 mac) */
/*\*/
.fake.centercolumn-homepage
	{
	margin-right		: 0px;
	margin-left		: 0px;
	border-right		: dashed 1px #000;
	width:540px;  
	}
/* reset IE*/
* html body .centercolumn-homepage
	{
	margin-right		: 205px;
	margin-left		: 150px;
	border-right		: dashed 1px #000;
	width:540px; 
	}


/* .centercolumn FORUM base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left		: -25px
margin-right	: 0px
margin-top		: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left		: 0px;
margin-right	: 0px;
------------------------------------
Other browsers
------------------------------------
margin-left		: width of .leftcolumn
margin-left		: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.
*/
.centercolumnforum
	{
	margin			: 0px;
	padding			: 0px;
	}
/* OmniWeb value - others in external css file */

/* no they're not - they're here for ease of viewing for the moment */
/* NN4 values */
.centercolumnforum
	{
	margin-right		: 0px;
	margin-left		: -5px;
	}
/* Other browsers */
/*/*/
.centercolumnforum
	{
	margin-right		: 5px;
	margin-left		: 5px;
	}
/* */

/* OmniWeb (exclude from IE5 mac) */
/*\*/
.fake.centercolumnforum
	{
	margin-right		: 0px;
	margin-left		: 0px;
	}
/* reset IE*/
* html body .centercolumnforum
	{
	margin-right		: 5px;
	margin-left		: 5px;
	}



/* -7px margin-top enables footer/middles to lign up in NN4 rather than dropping down unacceptably */
.footer, .middle
	{
	clear				: both;
	margin				: 0px;
	margin-top			: -7px;
	padding				: 6px;
	text-align			: center;
	color				: #ddd;
	background-color	: transparent;
	border				: 0;
	}
/* reset post NN4 */
.footer, .middle
	{
/*/*/
	margin-top			: 0px;
/* */
	}

.headerpadding, .centerpadding
	{
	margin				: 0px;
	padding				: 0px;
	}
.leftpadding, .rightpadding, .rightpadding-homepage
	{
	margin				: 0px;
	padding				: 0px;
	padding-right: 4px;
	}
.rightpadding {
    padding-left: 0; 
    }
	.rightpadding-homepage {
    padding-left: 0; 
    }
.centerpadding {
    padding-left: 20px; 
    padding-right: 20px; 
    }
	
	.centerpadding-homepage {
    padding-left: 1px; 
    padding-right: 1px; 
    }

     /*</group>*/
/*<group=Utility>*/

br.clear {
	clear: both;
	}
.clearing {
	height: 0;
	clear: both;
	display: none;
	}       
     /*</group>*/       
     
/* Printing */
@media print {
.centercolumn {
margin: 0;
}
}

/*<group=Sidebar>*/
.sidebar {
	padding: 0;
	margin: 0;
	padding-right: 5px;
	width: 150px;
}
.sidebar table, .sidebar th, .sidebar td {
  border: 0;
}
.sidebar .block h2 {
  padding: 5px;
  margin: 0;
  margin-top: 1.0em;
/*  color: #3579B2; */
  color:  #1D9101;
}
.sidebar .block {
  margin-left: 0;
  padding: 0;
}
.sidebar .block .content {
  padding: 0;
  margin: 0;
}
.sidebar .block .item-list li {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0.5em;
  list-style: none;
}
.sidebar .block .content .xml-icon {
  text-align: center;
  padding: 1.0em 0;
}
.sidebar .block input.form-text {
  width: 120px;
}
.sidebar .block-search input.form-text {
  width: 100px;
  padding: 1px;
  margin-right: 5px;
}
.sidebar .block-search button.form-submit { 
  width: 60px;
}


/*<group=Sidebar-JOBS>*/
.sidebarjob {
	padding: 0;
	margin: 0;
	padding-right: 5px;
	width:250px;
}
.sidebarjob table, .sidebar th, .sidebar td {
  border: 0;
}
.sidebarjob .block h2 {
  padding: 5px;
  margin: 0;
  margin-top: 1.0em;
/*  color: #3579B2; */
  color:  #1D9101;
}
.sidebarjob .block {
  margin-left: 0;
  padding: 0;
}
.sidebarjob .block .content {
  padding: 0;
  margin: 0;
}
.sidebarjob .block .item-list li {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0.5em;
  list-style: none;
}
.sidebarjob .block .content .xml-icon {
  text-align: center;
  padding: 1.0em 0;
}
.sidebarjob .block input.form-text {
  width: 250px;
}
.sidebarjob .block-search input.form-text {
  width: 120px;
  padding: 1px;
  margin-right: 5px;
}
.sidebarjob .block-search button.form-submit { 
  width: 60px;
}

.leftpadding-job {
width:250px;
}

/* User Login Block */
#block-user-0 {
  border-top: 1px dashed #D0D9D9;
  border-bottom-width:0px;
   border-left-width:0px;
    border-right-width:0px;
  padding: 10px;
  background-color: #EDF2F2; 
  background: #F3F8FD url(/graphics-gh/maingraphics/leftmenu-bborder.gif) right repeat-y;
}
#block-user-0 .title {
  display: none; 
}
#block-user-0 .item-list ul, #block-user-0 .item-list li {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; 
}
#block-user-0 .item-list li {
  list-style-type: none;
  display: block;
}

#login-block, .block .user-login-block {
  text-align: left; 
}
.user-login-block input#name, 
.user-login-block input#pass {
  width: 90%; 
  margin: 0; 
}
.user-login-block .form-item,
.user-login-block .form-item label {
  margin: 0;
  padding: 0;
}


/*  Block User Navigation */
#block-user-1 h2, .sidebar .block-user .content {
     margin: 0;
     padding: 0;
     border: 0;
     }
	 #block-user-1 h2 {
     background: #F3F8FD url(/graphics-gh/top_ramp.gif) top right repeat-x;
     }
#block-user-1 h2 span {
     color: #000;
     display: block;
     padding: 3px;
     }

#block-user-1 h2:before {
     line-height: 0.1em;
     font-size: 1px;
     background: transparent url(/sand/themes/swala/images/menu_tr.gif) no-repeat top right;
 	 margin-right:0;
	 margin-top:5px;
	 margin-left:0;
	 margin-bottom:0px;
     height: 9px;
     display: block;
     content: url(/sand/themes/swala/images/key-point_tl.gif);
     }
#block-user-1:after {
     display: block;
     clear: both;
     padding-top: 0;
     line-height: 0.1em;
     font-size: 1px;
     content:  url(/graphics-gh/maingraphics/leftmenu-bborder.gif);
	 margin-right:0;
	 margin-top:0px;
	 margin-left:0;
	 margin-bottom:10px;
     height: 8px;
     background: transparent url(/graphics-gh/main-graphics/leftmenu-bborder.gif) scroll bottom right ;
     }
.block-user .menu {
	/* background: #EDF2F2 url(/gh3/themes/spreadfirefox/images/menu_back.gif) right repeat-y;  *BLUE*/
	background: #F3F8FD url(/graphics-gh/maingraphics/leftmenu-bborder.gif) right repeat-y;
	margin-bottom: 1.0em;
	}
.block-user .menu, .block-user  ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.block-user  ul.menu {
    border: 1px solid #F3F8FD;
    padding: 0.3em 0;
    }
.block-user  ul.menu li {
	display: block; /* need for IE spacing issue */
	padding: 0.3em 0 0.3em 10px;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
    }
.block-user .menu li.expanded {
    background: url(/sand/themes/swala/images/icons_expanded.png) 0px 6px no-repeat;
    }
.block-user .menu li.expanded a {
    margin-bottom: 2px;
    }
.block-user .menu li.leaf {
    background: url(/sand/themes/swala/images/icons_leaf.png) 0px 6px no-repeat;
    }
.block-user .menu li.collapsed {
    background: url(/sand/themes/swala/images/icons_collapsed.png) 0px 6px no-repeat;
    }
.block-user .menu li.expanded:hover {
    background-position: -200px 6px ;
    }
.block-user .menu li.leaf:hover {
    background-position: -200px 6px;
    }
.block-user .menu li.collapsed:hover {
    background-position: -200px 6px;
    }
.block-user .menu li a {
     display: block;
     padding: 0;
     padding-left: 10px;
 	 margin: 0;
     text-decoration: none;
     }
.block-user .menu li a.active {
     font-weight: bold;
     }
.block-user .menu li a:hover {
     text-decoration: underline;
     }




/*  Block MAIN LEFT NAVIGATION*/
#block-menu-119 h2, .sidebar .block-user .content {
     margin: 0;
     padding: 0;
     border: 0;
     }
#block-menu-119 h2 {
     background: #F3F8FD url(/graphics-gh/top_ramp.gif) top right repeat-x;
     }
#block-menu-119 h2 span {
     color: #000;
     display: block;
     padding: 3px;
     }
#block-menu-119 h2:before {
     line-height: 0.1em;
     font-size: 1px;
     background: transparent url(http://www.swala.org/themes/swala/images/menu_tr.gif) no-repeat top right;
	 margin-right:0;
	 margin-top:5px;
	 margin-left:0;
	 margin-bottom:0px;
     height: 4px;
     display: block;
     content: url(/sand/themes/swala/images/key-point_tl.gif);
     }
#block-menu-119:after {
     display: block;
     clear: both;
     padding-top: 0;
     line-height: 0.1em;
     font-size: 1px;
     content:  url(/graphics-gh/maingraphics/leftmenu-bborder.gif);
	 margin-right:0;
	 margin-top:0px;
	 margin-left:0;
	 margin-bottom:10px;
     height: 8px;
     background: transparent url(/graphics-gh/main-graphics/leftmenu-bborder.gif) scroll bottom right ;
     }
	 
	 /*  Block 160 */
#block-menu-160 h2, .sidebar .block-user .content {
     margin: 0;
     padding: 0;
     border: 0;
     }
#block-menu-160 h2 {
     background: #F3F8FD url(/graphics-gh/top_ramp.gif) top right repeat-x;
     }
#block-menu-160 h2 span {
     color: #000;
     display: block;
     padding: 3px;
     }
#block-menu-160 h2:before {
     line-height: 0.1em;
     font-size: 1px;
     background: transparent url(/sand/themes/swala/images/menu_tr.gif) no-repeat top right;
	 margin-right:0;
	 margin-top:5px;
	 margin-left:0;
	 margin-bottom:0px;
     height: 4px;
     display: block;
     content: url(/sand/themes/swala/images/key-point_tl.gif);
     }
#block-menu-160:after {
     display: block;
     clear: both;
     padding-top: 0;
     line-height: 0.1em;
     font-size: 1px;
     content:  url(/graphics-gh/maingraphics/leftmenu-bborder.gif);
	 margin-right:0;
	 margin-top:0px;
	 margin-left:0;
	 margin-bottom:10px;
     height: 8px;
     background: transparent url(/graphics-gh/main-graphics/leftmenu-bborder.gif) scroll bottom right ;
     }
	 
	 /*  Block 160 end*/ 
	 
	  /*  Block 149 */
#block-menu-149 h2, .sidebar .block-user .content {
     margin: 0;
     padding: 0;
     border: 0;
     }
#block-menu-149 h2 {
     background: #F3F8FD url(/graphics-gh/top_ramp.gif) top right repeat-x;
     }
#block-menu-149 h2 span {
     color: #000;
     display: block;
     padding: 3px;
     }
#block-menu-149 h2:before {
     line-height: 0.1em;
     font-size: 1px;
     background: transparent url(http://www.swala.org/themes/swala/images/menu_tr.gif) no-repeat top right;
	 margin-right:0;
	 margin-top:5px;
	 margin-left:0;
	 margin-bottom:0px;
     height: 4px;
     display: block;
     content: url(/sand/themes/swala/images/key-point_tl.gif);
     }
#block-menu-149:after {
     display: block;
     clear: both;
     padding-top: 0;
     line-height: 0.1em;
     font-size: 1px;
     content:  url(/graphics-gh/maingraphics/leftmenu-bborder.gif);
	 margin-right:0;
	 margin-top:0px;
	 margin-left:0;
	 margin-bottom:10px;
     height: 8px;
     background: transparent url(/graphics-gh/main-graphics/leftmenu-bborder.gif) scroll bottom right ;
     }
	 
	 /*  Block 160 end*/ 
	 
	 
.block-menu .menu {
	/* background: #EDF2F2 url(/gh3/themes/spreadfirefox/images/menu_back.gif) right repeat-y;  *BLUE*/
	background: #F3F8FD url(/graphics-gh/maingraphics/leftmenu-bborder.gif) right repeat-y;
	margin-bottom: 1.0em;
	}
.block-menu .menu, .block-user  ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.block-menu  ul.menu {
    border: 1px solid #F3F8FD;
    padding: 0.3em 0;
    }
.block-menu  ul.menu li {
	display: block; /* need for IE spacing issue */
	padding: 0.3em 0 0.3em 10px;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
    }
.block-menu .menu li.expanded {
    background: url(/sand/themes/swala/images/icons_expanded.png) 0px 6px no-repeat;
    }
.block-menu .menu li.expanded a {
    margin-bottom: 2px;
    }
.block-menu .menu li.leaf {
    background: url(/sand/themes/swala/images/icons_leaf.png) 0px 6px no-repeat;
    }
.block-menu .menu li.collapsed {
    background: url(/sand/themes/swala/images/icons_collapsed.png) 0px 6px no-repeat;
    }
.block-menu .menu li.expanded:hover {
    background-position: -200px 6px ;
    }
.block-menu .menu li.leaf:hover {
    background-position: -200px 6px;
    }
.block-menu .menu li.collapsed:hover {
    background-position: -200px 6px;
    }
.block-menu .menu li a {
     display: block;
     padding: 0;
     padding-left: 10px;
 	 margin: 0;
     text-decoration: none;
	 font-size: 11px;
     }
.block-menu .menu li a.active {
     font-weight: bold;
	 font-size: 11px;
     }
.block-menu .menu li a:hover {
	text-decoration: underline;
	font-size: 11px;
     }






/**********************MAIN CONTNENT ***********/

.main-content .node .content {
  padding: 5px 10px;
  margin: 0;
}

.main-content {
  padding: 0;
  margin: 0;
  line-height: 1.5; /* value other than 'normal' needed for WinIE */
  min-width:560px;
}
.main-content .node {
  margin: 0 8px;
  margin-bottom: 1.0em;
}
#content-title, #title, .main-content h2, .main-content h2 a {
  color: #000;
}
/* 
.main-content h2 a {
  text-decoration: none;
}
.main-content h2 a:link {
	color: #000;
	font-size: 16px;
}
.main-content h2 a:visited {
	color: #000;
	font-size: 16px;
}
.main-content h2 a:hover {
	color: #039;
	font-size: 16px;
}

*/

.main-content .node .content, .comment .content {
  line-height: 150%;
}
.main-content .node .content {
  padding: 5px 10px;
  margin: 0;
}
.main-content .node .info {
  margin: 0;
  color: #777;
  background-color: transparent;
}
.main-content .node .info .taxonomy {
  display: inline;
}
.main-content .node .links, .main-content .comment .links {
  padding: 5px 0;
  margin: 1em 8px;
  border-top: 1px dotted #ddd;
  text-align: right;
}
.main-content .comment .links {
  margin-bottom: 0;
}
.main-content .links .read-more {
  background: transparent;
} 
.main-content .breadcrumb {
  padding: 0px;
  margin: 0 0 10px 10px;
  color: #6b0;
} 
.main-content .breadcrumb a:first-letter {
  text-transform: uppercase;
}
/* Profile Formatting */
.profile { 
  clear: none;
} 

/* fix the whitespace issues */

/*<group=SUBMENU Links>*/
 
 #submenu a, :link {
text-decoration: none;
}
 
#submenu a {
 color: #FFFFFF;  text-decoration: none;
}
#submenu a:visited, {
  color: #FFFFFF;
}
#submenu a:hover,  {
 color: #FFFFFF;	text-decoration: none;
	
}
#submenu a:active { 
 color: #FFFFFF;}

  /*</group>*/
  
  
  
  /*<group=Regular Styles>*/
  h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0.2em 0;
  padding: 0 0 0.1em 0;
  border-bottom: 1px solid #ccc;
  font-family: arial, verdana, sans-serif;
}
h3 { 
  padding-bottom: 0.2em; 
  margin-bottom: 0; 
}
h6 { 
  border: 0; 
}


  /*<group=FOOTER>*/

#footer-swala{
	clear:both;
	height:101px;
	background: #3B9FC6 url(/graphics-gh/main-graphics/footer.bg.gif) repeat-x;
	width:100%;
}
#footer-swala div{
	width:1152px;
	height:101px;
	background: #4FA8CB url(/graphics-gh/main-graphics/footer.menuBg.gif) repeat-x;
	margin:0 auto 0 auto;
	padding:0;
	color:#fff;
}
#footer-swala div div{
	padding:0px;
	margin:0px 0px 0px 0px ;
	font-size:13px;
}
#footer-swala ul{
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:11px;
}
#footer-swala li{
	display:inline;
	padding:0px 10px 0px 10px;
	border-right:1px solid #7CBCD5;
	text-transform:lowercase;
	line-height:11px;
	margin: 0;
}
#footer-swala li.last{
	border:none;
}
#footer-swala a{
	color:#fff;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	letter-spacing:1px;
}
#footer-swala a:hover{
	background:#fff;
	color:#4CA1C2;
}


 /*<group=NEW Submenu>*/

#submenu{
	clear:both;
	height:26px;
}
#submenu div{
	width:800px;
	height:18px;
	margin:0 auto 0 auto;
	padding:0;
	color:#fff;
}
#submenu div div{
	padding:0px;
	margin:3px 0px 0px 0px ;
	font-size:15px;
	 font-weight:bold; 
}
#submenu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:19px;
}
#submenu li{
	display:inline;
	padding:0px 1px 0px 1px;
	border-right:0px solid #7CBCD5;
	text-transform:uppercase;
	line-height:20px;
	margin: 0;
}
#submenu li.last{
	border:none;
}
#submenu a{
	color:#fff;
	text-decoration:none;
	padding:3px 15px 3px 15px;
	letter-spacing:1px;

	/*background:#4D7C92; */
}
#submenu a:hover{
	background:#fff;
	color:#4CA1C2;
}

#homepage-table {
min-width:550px;
width:550px;
vertical-align:top;

}

/**SANDLIB RESOURCE LIBRARY BOXES *****/
.libcontentblock {
	border: 1px solid #D8D8D0;
	background-color:#fff;
	clear: both;
	margin: .4em .65em .65em .65em;
}
.libcontentblock {
	padding: .8em 1.5em;
}
.libcontentblock p {
	margin-bottom: .65em;
}