/**
 * $Id: dual.css 190 2008-09-08 13:17:29Z zakiy $
 * This file is part of NJC ( Nurul Jadid Commune )
 * Created using Code-Genie 3.0 by DolfySoft, an extinct editor for programmers.
 * Edited using Quanta Plus 3.5.
 * Refined through Cooledit 3.11.5, via SHH tunneling using Putty.
 */

/* import files
-------------------------------------------------------------------------------------- */
@import url("default.css");

/* Layout constructors
-------------------------------------------------------------------------------------- */
#sidebar-block {float: right; width: 200px; border-left: #ccc 1px solid; padding-top: 1px; /* to match #content padding */ background: #e0fce1;}

#container-block {
	border-right: #ccc 1px solid;
	margin-right: 200px;
}

#footer-block {border-top: #ccc 1px solid; padding: 1em; background: transparent url(../images/shine-down.jpg) top left repeat-x;}


/* sidebar-block style
-------------------------------------------------------------------------------------- */
#sidebar-block div {padding-bottom: 1px; border-bottom: #ccc 0px solid;}
#sidebar-block h2 {height: 26px; border-bottom: #ccc 0px solid; background: #61c400 url(../images/bevelled.gif) bottom left repeat-x; color: #fff;}
#sidebar-block h2, #sidebar-block p {padding-left: 12px; padding-right: 7px;}
#sidebar-block li {padding-left: 5px; padding-right: 5px;}
/*: constitute usersearch and userlogin style :*/
#sidebar-block form {padding: 11px;}
#sidebar-block label {font-weight: bold;}
#sidebar-block button {margin-top: 4px;}


/*	#common-menu {}
	#alumni-status {}
	#site-status {}
	#userlogin {}
	#usersearch {}
	#alumni-birthday {} */

/* sidebar-block >> .side-menu style
-------------------------------------------------------------------------------------- */
#sidebar-block .side-menu {width: 200px;}
#sidebar-block .side-menu ul {margin: 0; /* required by IE */ padding: 0;}
#sidebar-block .side-menu li {list-style: none; margin: 0; padding: 0;}
#sidebar-block .side-menu li a:link, #sidebar-block .side-menu li a:active, #sidebar-block .side-menu li a:visited {
	display: block;
	width: 160px; /* required by IE in order to be full block */
	margin: 5px 12px 5px 12px;
	border-left: #fc0 1em solid;
	padding-left: 5px;
	background-color: #b9ea99;
	line-height: 22px;
	text-decoration: none;
	color: #666;
}
#sidebar-block .side-menu .isactive a:link, #sidebar-block .side-menu .isactive a:active, #sidebar-block .side-menu .isactive a:visited {
	border-color: #930;
	background-color: #fc3;
	color: #333;
}
#sidebar-block .side-menu li a:hover, #sidebar-block .side-menu ul .isactive a:hover {
	border-color: #930;
	background-color: #fc3;
	color: #333;
}

/* sidebar-block >> site-status style
-------------------------------------------------------------------------------------- */
#site-status img {height: 36px; vertical-align: middle;}

/* sidebar-block >> alumni-birthday style
-------------------------------------------------------------------------------------- */

/* sidebar-block >> banner style
-------------------------------------------------------------------------------------- */
#banner {display: block; margin-bottom: 1em; border-bottom: #666 1px solid;}
#banner h3 {font: bold 100%/22px sans-serif; margin: 0; padding: 5px 11px; border-bottom: #ccc 1px dotted; color: #333; background-color: #c4eeaf;}
#banner p {margin-bottom: 0; padding-bottom: 0.5em;}
#banner a:link, #banner a:active, #banner a:visited {text-decoration: none;}
#banner a:hover {text-decoration: underline;}

/* sidebar-block >> download style
-------------------------------------------------------------------------------------- */
#download {display: block; margin-bottom: 1em; border-bottom: #666 1px solid;}
#download h3 {font: bold 100%/22px sans-serif; margin: 0; padding: 5px 11px; border-bottom: #ccc 1px dotted; color: #333; background-color: #c4eeaf;}
#download p {margin-bottom: 0; padding-bottom: 0.5em;}
#download a:link, #download a:active, #download a:visited {font-weight: bold; text-decoration: none;}
#download a:hover {text-decoration: underline;}
#download ul {margin: 5px 12px 5px 12px; padding: 0;}
#download ul li {list-style: none;}
#download em {font-weight: bold; font-style: normal;}


/* container-block style
-------------------------------------------------------------------------------------- */

/* container-block >> content style
-------------------------------------------------------------------------------------- */
#content h2 {height: 26px; background: #61c400 url(../images/bevelled.gif) bottom left repeat-x; color: #fff;}
#content h2, #content h3, #content p {padding-left: 12px; padding-right: 12px;}
#content p img {float: left; margin-right: 1em; border: #666 1px solid; padding: 1em;}

#content table {margin: 1em auto; border: #666 1px solid; border-collapse: collapse;}
#content tr {border: #666 1px solid; padding: 3px;}
#content th {background-color: #effdfb; text-align: center;}
#content th, #content td {font-size: 12px; border: #666 1px solid; padding: 5px;}

#content a:link, #content a:active, #content a:visited {text-decoration: none;}
#content a:hover {text-decoration: underline;}