/*---------------------------------------
Title: Department of Economics, BGU main css
Version: 1.1
Author: Dan Abrey
Contact: danabrey@gmail.com
Adapted & Customized by: Ruslan Sergienko
----------------------------------------*/

/*---------------------------------------
GENERAL LAYOUT RULES
----------------------------------------*/

* { 
		margin: 0; 
		padding: 0; } 
    /* sets all margin and padding (browser defaults) 
			 back to zero for ease of use */

div#container { 
    width: 85%; 
		margin: 10px auto; 
		text-align: center; 
		background-color: #ffffff; 
		border: 1px solid #aaa; }
		/* centers layout (text-align: center for IE), defines overall 
			 width and sets background colour of main container div */
								
div#container * { 
		text-align: left; }
		/* restores text-align to left in elements contained in container div */
								
div#header { 
    position: relative; 
		width: 100%; 
		height: 102px; 
		float: left; 
		background: url(../images/banner-1.jpg) no-repeat top left; background-color: #233654;}
		/* defines header background image (1600px x 150px image with
			 overflow: hidden)  border: 1px solid #CFBFC0; */
								
div#sidebar { 
    width: 100%;  
		float: left;
		}

div#content { 
    width: 100%;  
		float: left; 
		margin: 10px 10px 10px 20px;}
		
div#contentin {
		margin: 10px 10px 10px 20px;}
							
* html div#content { 
    width: 92%; }
		/* hack for IE due to float problem (makes content div 1% 
			 narrower so it doesn't float below the sidebar) */
								
div#footer { 
    width: 100%; 
		clear: both; 
		background-color: #fff; 
		height: 40px; 
		float: left;}

div#header div.header_text { 
    position: absolute; 
		bottom: 5px; 
		left: 5px; 
		color:  #fff;}
		/* position and colour of header text */
								
div#footer div.footer_text { 
    color: #233653;}


/*---------------------------------------
GENERAL STYLING
----------------------------------------*/

p { 
    margin: 10px 0 0 0; 
		line-height: 1.5; }

h1,h2,h3,h4,h5,h6 { 
    margin: 0 0 15px 0; }

html, body, div, table { 	
    font-family: "Lucida Sans", Arial, Verdana, Helvetica, sans-serif; 
		font-size: 95%; }

blockquote {	
    padding: 2%; 
		background-color: #fff; 
		border: 1px solid #ccc; 
		text-indent: 20px; }

/*---------------------------------------
DEFAULT LINK STYLES
----------------------------------------*/
/* hack for hand over links */
a { 
    color: #663333; 
		font-weight: bold; 
		text-decoration: none; 
		cursor: hand;cursor: pointer;}

a:hover { 
		text-decoration: underline; }

/*---------------------------------------
HEADER STYLES
----------------------------------------*/

div#header div.header_text a { 
    color: #fff; 
		text-decoration: none; 
		border-bottom: 2px solid #fff;}

div#header div.header_text a:hover { 
    border-bottom: 2px solid #fff; }

div#header h1 { 
    margin: 5px 215px; }

div#header p { 
    margin: 10px 215px; }
		/* overrides h1 and p default margins */

/*---------------------------------------
FOOTER STYLES
----------------------------------------*/

div#footer div.footer_text a { 
    color: #233653; 
		text-decoration: none; }

div#footer div.footer_text a:hover { 
    text-decoration: underline;}

								
/*---------------------------------------
SIDEBAR STYLES
----------------------------------------*/

#sidebar { 
    color: #fff;  
		font-size: 75%;}

#sidebar a { 
    color: #fff; 
		text-decoration: none;}

#sidebar h3 { 
    color: #fff; 
		text-align: left; 
		border-bottom: 1px solid #BEAEA5; 
		margin: 10px 10px 10px 10px; 
		font-size: 120%;}
		
#sidebar h3 a { 
    color: #fff;}

#sidebar p { 
    line-height: 1.0; 
		margin: 10px 10px 10px 10px;}

ul#navigation , ul#links { 
    list-style-type: none; }
		/* set nav and links ul to display no bullets border: 1px solid #663333;*/
								
ul#navigation li { 
    display: block; 
		width: 100%; 	 
		margin: 5px 5px 5px 10px;
		padding: 2%; 
		background-color: #8697ad; }
									 
ul#navigation li a { 
    color: #fff; }

ul#links li { 
    width: 100%;  
		margin: 0px 0px 0px 15px;}

/*---------------------------------------
CONTENT STYLES
----------------------------------------*/

div.item { 
    margin-bottom: 20px; }

div.item h3 { 
    border: 1px solid #ccc; 
		background: #eee; 
		padding: 10px; 
		position: relative; 
		color: #663333;}
		/* position:relative fixes random IE bug which means borders aren't displayed */
								
div.item h4 { 
    border: 1px solid #ccc; 
		background: #eee; 
		padding: 10px; 
		position: relative; 
		color: #663333;}
		/* position:relative fixes random IE bug which means borders aren't displayed */

div.itemin { 
    margin-bottom: 0px; }

div.itemin h4 { 
    border: 1px solid #ccc; 
		background: #eee; 
		padding: 10px; 
		margin: 0 0 0 0;
		position: relative; 
		color: #663333;}	
		
ul.content {
    list-style: circle;
  	list-style-image: url(../images/bullet.gif);
  	padding-left: 2em;}
		
		
ol.content {
  	padding-left: 3em;}
		


ul.content li a:hover {color: #233653;} 

ul.content li {margin: 5px 5px 5px 5px;}
		
div#content h1 { 
    color: #663333;}

div#contentin h4 { 
    background: #eee; 
		padding: 5px; 
		position: relative;}
		
body.side {
    background: #687f9c;}