﻿* {
    margin: 0;
    padding:0;
    list-style:none;
    border:0;

   }
   /*-------------------------------BODY-----------------------------------*/
	body  {
		font-family:"Century Gothic", Tahoma;
		color:#666666;
		background-color:#364165;
		background-repeat:repeat-x;
		background-attachment:scroll;
    	margin: 0 auto; 
    	padding: 0;
    	text-align: center;
		height:auto;

    }
    
    .clear 
    {
        clear:both;
    }
    /*--------------------------------CONTAINER-----------------------------*/
    #container { 
		width: 888px;
    	margin: 0 auto; 
    	text-align: center; 
		padding:0;
		
    }
	
	
	/*---------------------------------HEADER---------------------------------*/ 
    #header {
		width: 888px;
		height:245px;
		background-image:url(../../images/header.png);
		background-repeat:no-repeat;
		padding:0px;
		margin-top:10px;
    } 
    /*--------------------------------MAINAREA------------------------------------*/
    #mainarea { 
		width: 888px;
		height:auto;
		margin:0;
		float:left;
		background-image:url(../../images/content_bg.png);
		background-repeat:repeat-y;
	}

	#mainarea_background{
		background-image:url(../../images/bg.png);
		background-repeat:repeat-x;
		width: 870px;
		height:auto;
		margin-left:9px;
		float:left;
		}
	
	/*------------------SIDEBAR-------------------------------*/
    #sidebar {
    	float: left;
		width:290px;
		height:auto;
		margin-right:0px;
		margin-left:6px;
    	padding:0px;
    	margin-top:9px;
 
    }
    #sidebar .quote{
		margin-right:15px;
		margin-left:15px;
		margin-bottom:20px;
		font-size:0.8em;
		color:#4c5e6e;
		text-align:justify;
		padding:40px 10px 30px 10px;
	}
    /*-------------------------------MENU------------------------------*/
    #menu {
	    clear: both;	
	    margin: 0 auto; padding: 0;
	    height: auto;
	    width: 300px;
    }
    #menu ul {
	    float: left;
	    list-style: none;
	    margin:0; padding: 0 0 0 0px;
    }
    #menu ul li {
	    display: inline;
		background-image:url(../../images/sub_menus.png);
    }
    #menu ul li a {
	    display: block;
	    float: left;
	    padding: 0 0px;

    }
    #menu ul li a:hover {
	
    }
    #menu ul li#current a {	

    }
	#menu ul li ul{
		/*background-image:url(images/sub_menus.png);*/
		/*background-color:#F60;*/
	}

    /*------------------MAIN CONTENT-----------------------------*/
    #mainContent {
		width:570px;
		margin-left:2px;
		margin-right:0px;
		float:left;
		height:auto;
		padding:0px;

    }
    /*------------------CONTENT------------------------------------*/
	#content { 
		width: 560px;
		min-height:450px;
    	margin: 10px 0px ; /* automatic margins centre the page */
    	text-align: left; /*  this parameter cancels the text-align:center parameter of the body element*/
		padding-top:5px;
		padding-bottom:5px;
		background-color:#FFFFFF;
    }
	#feedback_content{
		width:520px;
		height:auto;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		background-color:#FFFFFF;
	}
	
	#content #books_titles{
		margin-left:10px;
		margin-right:10px;
		text-decoration:underline;
		font-style:italic;
	}
	#content .quote{
		margin-right:10px;
		margin-left:10px;
		margin-bottom:20px;
		margin-top:20px;
		text-align:justify;
		padding:20px 10px 20px 10px;
		background-color:#EBF0FA;
		border:solid 1px;
		border-color:#CCCCCC;
		}
	
	 
	 
	 .left 
	{
		float:left;
		margin-right:1em;
	}
	.right 
	{
		float:right;
		margin-left:10px;
	}
	
	.homepage_sample
	{
	    margin-left:30px;
	   
	}

    /*-------------------FOOTER-----------------------------------*/
    #footer {
    	padding-top:0px;
		background-image:url(../../images/footer5.png);
		background-repeat:no-repeat;
		height:153px;
		width:888px;
		margin-right:10px;
		float:left;
    } 
	#end {
    	padding:0px;
		background-image:url(../../images/footer_end2.png);
		background-repeat:no-repeat;
		height:31px;
		width:888px;
		margin-right:10px;
		float:left;
    } 
    
	
	.send 
	{
	    background-image:url(../../images/submit_button.png);
	    background-repeat:no-repeat;
	    height:28px;
	    width:106px;
	}
	.send:hover 
	{
	    background-image:url(../../images/submit_button_hover.png);
	    background-repeat:no-repeat;
	    height:28px;
	    width:106px;
	}
	.login 
	{
	    background-image:url(../../images/login_button.png);
	    background-repeat:no-repeat;
	    height:28px;
	    width:106px;
	    float:right;
	
	}
	.login:hover 
	{
	    background-image:url(../../images/login_button_hover.png);
	    background-repeat:no-repeat;
	    height:28px;
	    width:106px;
	}
	
	.login_table
	{
	    background-color:#ece9e9;
	    margin-left:20px;
	    border-style:solid;
	    border-width:1px;
	    border-color:Gray;
	    margin-top:20px;
	    margin-bottom:40px;
	    height:250px;
	}
	
	.login_table table
	{
	    margin:10px;
	}
	
	.login_table table tr td
	{
	    padding:10px;
	}
	
	.user_admin
	{
	    margin-left:20px;
	    margin-top:5px;
	    margin-bottom:5px;
	    border-style:solid;
	    border-width:1px;
	    border-color:Gray;
	    font-size:0.8em;
	    text-align:left;
	}
	
	.fields
	{
	    display:block;
	    margin-left:12px;
	}
	
    .form  
    {
        margin: 25px 0px 0px 29px;  
        border: 1px solid Gray; 
        background-color:#ece9e9; 
        padding-top:20px; 
        padding-bottom:20px;
        padding-right:35px;
    }

    .form th, .form td  
    {
        padding: 4px 5px; 
        text-align: left; 
        font-weight: normal; 
    }
        
    .form textarea  
    {
        width: 290px; 
        height: 160px; 
    }

    .form .inp-text
    { 
        border: 1px solid Gray; 
        padding: 2px; 
    }

    
    .textarea
    {
        margin: 5px 5px; 
        text-align: left; 
        font-weight: normal; 
    }
    
    .left_map
    {
        float:left;
        width:275px;
        margin-left:3px;
        margin-top:20px;
    }
      .right_map
    {
        float:right;
        width:225px;
        margin-right:20px;
    }
    
    th 
    {
        text-align:left;
    }
    
  
