/* -----------------------------------------------------------------------------------------------------------------
	screen.css - costum changes; load after common.css
----------------------------------------------------------------------------------------------------------------- */
	/* reset p, div for RTE */
	p,div { 
    padding: 0; margin: 0;
  }
	
	/********************* Global layout *********************/
	
	body {
    background-image: url('img/body-background.png');
    background-repeat: repeat-x;
    background-position: top left;
    background-attachment: fixed;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #7D7D7D;
  }
  
  body.mceContentBody {
    background-color: white;
    background-image: none;
  }
  
  /***** Links *****/
  
  a {
    text-decoration: underline;
    color: #7D7D7D;
  }
  
      a:hover {
        color: #484849;
      }
  
  #wrap {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;
    border: 1px solid #B1B1B2;
  }
  
  #header {
    padding: 20px;
  }
  
  #footer {
    border-top: 1px solid #B1B1B2;
    background-color: #E9E8E9;
    margin-top: 10px;
    padding: 8px;
    text-align: center;
    font-size: 13px;
  }
  
  #footer a {
  	text-decoration: none;
  }
  
  #footer a:hover {
  	text-decoration: underline;
  }
	
	.px210x750 > .col1 { 
    width: 209px; 
    border-right: 1px solid #B1B1B2;
  }
	
  .px210x750 > .col2 {
    width: 705px;
    padding-left: 20px;
    min-height: 500px;
  }
	
	ul#mainMenu { 
    padding-left: 10px; 
    margin-left: 10px; 
    margin-top: 0px;
    list-style-type: none;
  }
  
      ul#mainMenu li a {
        display: block;
        margin-bottom: 10px;
        height: 20px;
        width: 157px;
        border: 1px solid #B1B1B2;
        padding: 5px;
        text-decoration: none;
        color: #000000;
        font-weight: bold;
        font-size: 16px;
      }
      
          ul#mainMenu li a:hover {
            background-color: #E9E8E9;
          }
          
  ul#mainMenu ul.magazineList {
   	padding: 0;
   	list-style-type: none;
   	margin: 0;
   	padding-left: 10px;
   	padding-bottom: 15px;
  }
  
  ul#mainMenu ul.magazineList li a {
  	border: 0px none;
  	font-size: 14px;
   	font-weight: normal;
   	padding: 2px 0;
   	height: auto;
   	width: auto;
   	margin: 0;
   	padding-bottom: 10px;
  }
  
  ul#mainMenu ul.magazineList li a:hover {
  	background-color: transparent;
  	text-decoration: underline;
  }
	
	.breadcrum { 
    border: 1px solid #B1B1B2;
    font-size: 12px;
    font-weight: bold; 
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    margin-bottom: 5px;
  }
  
  		.breadcrum a { 
        color: #7D7D7D; 
        text-decoration: none; 
      }
      
  		.breadcrum a:hover { 
        color: #B1B1B2; 
      }
      

  /********************* Header *********************/

  div#headline {
    float: left;
    width: 630px;
  }

  div#searchheader {
    float: right;
    width: 250px;
  }

  div#searchheader input#searchtext {
    width: 120px;
  }

  div#searchheader fieldset {
    padding: 0px;
    margin: 0px;
    border: 0px;
    padding-top: 55px;
    padding-bottom: 5px;
    text-align: right;
  }

  /********************* Content *********************/    
  
  #contentMain {
    margin-top: 15px;
    margin-left: 0px;
    padding-bottom: 10px;
  }
  
      /***** Links *****/
      #contentMain h1 {
        font-size: 18px;
        color: #D60093;
      }
      
      #contentMain h1.csc-firstHeader {
        font-size: 21px;
        color: #D60093;
        border-bottom: 1px dotted #B1B1B2;
      }
	
    	#contentMain .colmask { 
        padding-top: 10px; 
        margin-top: 10px; 
      }
      
    	#contentMain > div:first-child { 
        border: none; 
        margin-top: 0; 
        padding-top: 0; 
      }
      
      .imageBorder {
        border: 1px solid #B1B1B2;
      }
      
      /* Border just around the image */
    	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    		border: 1px solid #B1B1B2;
    		margin-top: 10px;
    	}

      .csc-textpic-caption {
        font-size: 10px;
        padding-bottom: 10px;
      }
  
  /********************* Magazine FCEs *********************/
  
  .magazineEntryOverview .col1 {
    width: 200px;
  }
  
      .magazineEntryOverview .col1 img {
        border: 1px solid #B1B1B2;
      }
      
      .magazineEntryOverview .col1 .imageCopyright {
        width: 170px;
        font-size: 10px;
      }
  
  
  .magazineEntryOverview .col2 {
    width: 500px;
  }
  		.magazineEntryOverview .col2 h2 {
  			margin-top: 0px;	
  		}
  		
      .magazineEntryOverview .col2 h2 a {
        font-size: 16px;
        color: #D60093;
        text-decoration: none;
      }
      
      .magazineEntryOverview .col2 h2 a:hover {
        text-decoration: underline;
      }
  
      .magazineEntryOverview .col2 .text {
        margin-left: 0px;
        margin-bottom: 15px;
      }
      
      .magazineEntryOverview .col2 .readMore {
      }
      
  .magazineEntryDetails img {
    border: 1px solid #B1B1B2;
  }
  
  .magazineEntryDetails .imageCopyright {
    font-size: 10px;
    margin-bottom: 20px;
  }
  
  .magazineEntryDetails .text .imageCopyright {
    width: 170px;
    font-size: 10px;
  }


	.magazineEntryDetails .magazineEntryMain {
		float: left;
		display: inline;
		width: 500px;
	}
	
	.magazineEntryDetails .magazineEntryMain .text img {
		padding: 0px;
		margin: 10px;
	}
	
	.magazineEntryDetails .magazineEntrySidebar {
		
		float: right;
		display: inline;
		width: 200px;
		
	}

	.magazineAdText a {
		 text-decoration: none;
		 text-align: justify;
	}

	.magazineAdText a:hover {
		 color: #7d7d7d;
	}

	.magazineAdLink a {
		 text-decoration: underline;
		 color: green;
	}

	.magazineAdLink a:hover {
		 color: green;
	}

	div.ad {
		padding-top: 20px;
		text-align: center;
	}