/*operation hope main stylesheet*/
@charset "utf-8";
body {
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-LEFT: 0px; 
  PADDING-RIGHT: 0px; 
  FONT: 10pt/20px Arial, Helvetica, Times New Roman, Times, serif; 
  BACKGROUND: url(../images/main-bg.jpg) repeat-x;
  PADDING-TOP: 0px
}
#container {
  WIDTH: 1000px;
  BORDER-LEFT: 1px SOLID GREY;
  BORDER-RIGHT: 1px SOLID GREY;
  BORDER-BOTTOM: 1px SOLID GREY;
  MARGIN-LEFT: auto;
  MARGIN-RIGHT: auto;
  BACKGROUND: white
}
#container-newsletter {
  WIDTH: 1000px;
  BORDER-LEFT: 1px SOLID GREY;
  BORDER-RIGHT: 1px SOLID GREY;
  BORDER-BOTTOM: 1px SOLID GREY;
  MARGIN-LEFT: auto;
  MARGIN-RIGHT: auto;
  BACKGROUND: white
}
#header {
  MARGIN: 0px auto; 
  WIDTH: 998px; 
  HEIGHT: 250px;
  BACKGROUND: white
}
#header-img {
  MARGIN-TOP: 10px;
  WIDTH: 138px;
  DISPLAY: inline; 
  FLOAT: left; 
  HEIGHT: 108px; 
  MARGIN-LEFT: 15px
}
#header-txt {
  MARGIN-TOP: 45px; 
  WIDTH: 627px; 
  DISPLAY: inline; 
  FONT: 11pt/15pt Verdana; 
  FLOAT: right;
  TEXT-ALIGN: right; 
  WORD-SPACING: 2px;
  MARGIN-RIGHT: 35px;
  BACKGROUND: white
}
<!--    #header-strapline  {
  MARGIN-TOP: -50px;
  MARGIN-LEFT: 50px;
  WIDTH: 400px;
  HEIGHT: 45px;
  FLOAT: LEFT;
}  -->

#header-strapline  {
  MARGIN-TOP: -50px;
  MARGIN-LEFT: 32px;
  WIDTH: 400px;
  HEIGHT: 45px;
  FONT-SIZE: 79%;
  FONT-WEIGHT: strong;
  FLOAT: LEFT;
}

#header-link {
  FONT-SIZE: 100%;
  COLOR: RED;
}
#header-link a {
  COLOR: RED;
  TEXT-DECORATION: NONE;
}
#header-link a:hover {
  COLOR: GREEN;
  TEXT-DECORATION: NONE;
}
#bap {
  MARGIN-TOP: -115px;
  MARGIN-RIGHT: 35px;
  WIDTH: 150px;
  HEIGHT: 22px;
  FONT-SIZE: 100%;
  FONT-WEIGHT: strong;
  COLOR: white;
  BACKGROUND: #FF0000;
  MARGIN-BOTTOM: 6px;
  FLOAT: RIGHT;
}
#bap a {
  DISPLAY: block;
  PADDING: 3px;
  COLOR: white;
  BACKGROUND: #FF0000;
  HEIGHT: 100%;
  TEXT-ALIGN: center;
  TEXT-DECORATION: none;
}
#bap a:hover {
  COLOR: white;
  BACKGROUND: #008000;
  TEXT-DECORATION: none;
}
#paypal-top {
  MARGIN-TOP: -115px;
  MARGIN-RIGHT: 55px;
  WIDTH: 150px;
  HEIGHT: 22px;
  MARGIN-BOTTOM: 6px;
  FLOAT: RIGHT;
}
#translate {
  MARGIN-TOP: -68px;
  MARGIN-RIGHT: 55px;
  WIDTH: 150px;
  HEIGHT: 22px;
  FONT-SIZE: 100%;
  FONT-WEIGHT: strong;
  COLOR: black;
  MARGIN-BOTTOM: 12px;
  FLOAT: RIGHT;
}
#navigation {
  MARGIN: 0px auto;
  WIDTH: 940px;
  BACKGROUND: url(../images/navigation_bar.jpg); 
  HEIGHT: 34px
}
#nav-content {
  WIDTH: 982px;
  MARGIN-LEFT: 10px;
  FLOAT: left; 
  HEIGHT: 34px;
  DISPLAY: inline
}
#menu {
  BORDER-BOTTOM: 0px;
  BORDER-LEFT: 0px; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-LEFT: 0px; 
  PADDING-RIGHT: 0px; 
  FONT: bold 11px Arial; 
  BORDER-TOP: 0px; 
  BORDER-RIGHT: 0px; 
  PADDING-TOP: 0px;
  POSITION:RELATIVE;
  Z-INDEX:1010;
}
#right {
  WIDTH: 250px;
  HEIGHT: 1350px;
  BACKGROUND: url(../images/orange-vertical-gradiant.jpg) no-repeat;
  MARGIN-TOP: 23px;
  MARGIN-RIGHT: 35px;
  PADDING-LEFT: 20px;
  FLOAT: RIGHT;
  CLEAR: NONE
}
#right h4 {
  FONT-SIZE: 10px; 
}
#right h2  {
  MARGIN-TOP: -5px;
  FONT-SIZE: 120%;
  FONT-WEIGHT: STRONG;
}
.right-frame  {
  WIDTH: 243px;
  HEIGHT: 138px;
  BORDER: 1px SOLID #E06F2B;
  MARGIN-BOTTOM: 15px;
  PADDING: 5px;
  TEXT-ALIGN: CENTER;
}
.right-frame-1  {
  WIDTH: 243px;
  HEIGHT: 130px;
  BORDER: 1px SOLID #E06F2B;
  MARGIN-BOTTOM: 15px;
  PADDING: 5px;
  TEXT-ALIGN: CENTER;
}
.right-frame-2 {
  WIDTH: 243px;
  HEIGHT: 40px;
  BORDER: 1px SOLID #E06F2B;
  MARGIN-BOTTOM: 15px;
  PADDING: 5px;
  TEXT-ALIGN: CENTER;
}
.right-frame-2 p {
  FONT-SIZE: 100%;
  FONT-WEIGHT: STRONG;
}
.right-frame-2 p a {
  FONT-SIZE: 100%;
  FONT-WEIGHT: STRONG;
  COLOR: #E06F2B;
  TEXT-DECORATION: NONE;
}
.right-frame-2 p a:hover {
  FONT-SIZE: 100%;
  FONT-WEIGHT: STRONG;
  COLOR: #E06F2B;
  TEXT-DECORATION: UNDERLINE;
}
    
#footer {
  WIDTH: 967px;
  PADDING-BOTTOM: 10px;
  PADDING-TOP: 10px;
  PADDING-LEFT: 30px;  
  PADDING-RIGHT: 0px; 
  LINE-HEIGHT: 20px; 
  MARGIN-TOP: 0px;
  MARGIN-RIGHT: auto;
  MARGIN-BOTTOM: 0px;
  MARGIN-LEFT: auto;
  BORDER-TOP: #a1a1a1 1px solid;
  CLEAR: BOTH;
  BACKGROUND: white   
}
#footer h3 {
  TEXT-ALIGN: LEFT; 
  FONT-SIZE: 13px;
  FONT-WEIGHT: NORMAL;
  MARGIN: 10px 0px
}
#footer p {
  TEXT-ALIGN: LEFT; 
  FONT-SIZE: 10px; 
  MARGIN: 10px 0px
}
#footer a {
  COLOR: #E06F2B;
  TEXT-DECORATION: NONE;
}
#footer a:hover {
  TEXT-DECORATION: UNDERLINE;
}
#content {
  MARGIN-TOP: 10px;
  MARGIN-LEFT: 30px;
  MARGIN-BOTTOM: 20px;
  WIDTH: 645px;
  BACKGROUND: WHITE;
  FLOAT: LEFT
}
#content h1 {
  FONT-SIZE: 120%;
  FONT-WEIGHT: STRONG;
}
#content h2 {
  FONT-SIZE: 100%;
  FONT-WEIGHT: STRONG;
}
#content p {
  FONT-SIZE: 100%;
  FONT-WEIGHT: NORMAL;
}
#content a {
  TEXT-DECORATION: NONE;
  COLOR: #E06F2B;
}
#content a:hover {
  TEXT-DECORATION: UNDERLINE;
  COLOR: #E06F2B;
}
#link-buttons {
  WIDTH: 560px;
  HEIGHT: 60px;
  BACKGROUND: BLACK;
}
#link-buttons-left {
  WIDTH: 80px;
  HEIGHT: 60px;
  BACKGROUND: BLACK;
  FLOAT: LEFT;
}
#link-buttons-right {
  WIDTH: 480px;
  HEIGHT: 60px;
  BACKGROUND: BLACK;
  FLOAT: LEFT;
  CLEAR: NONE;
}
.link-buttons-link {
  HEIGHT: 25px;
  FLOAT: LEFT;
}
#link-buttons h2 {
  FONT-SIZE: 190%;
  FONT-WEIGHT: STRONG;
  TEXT-ALIGN: LEFT;
  MARGIN-TOP: 19px;
  MARGIN-RIGHT: 32px;
  MARGIN-LEDFT: 25px;
  COLOR: WHITE;
}
#link-buttons h2 a {
  FONT-SIZE: 100%;
  FONT-WEIGHT: STRONG;
  COLOR: WHITE;
  TEXT-DECORATION: NONE;
}
#link-buttons h2 a:hover {
  FONT-SIZE: 100%;
  FONT-WEIGHT: STRONG;
  COLOR: #E06F2B;
  TEXT-DECORATION: NONE;
}
#link-buttons h3 {
  FONT-SIZE: 142%;
  FONT-WEIGHT: STRONG;
  TEXT-ALIGN: LEFT;
  MARGIN-TOP: 20px;
  MARGIN-RIGHT: 32px;
  MARGIN-LEDFT: 25px;
  COLOR: WHITE;
}
#link-buttons h3 a {
  FONT-SIZE: 100%;
  FONT-WEIGHT: STRONG;
  COLOR: WHITE;
  TEXT-DECORATION: NONE;
}
#link-buttons h3 a:hover {
  FONT-SIZE: 100%;
  FONT-WEIGHT: STRONG;
  COLOR: #E06F2B;
  TEXT-DECORATION: NONE;
}
ul  {
    list-style-type: square;
    padding: 8px; 
    margin: 8px;
    FONT-WEIGHT: NORMAL;
}
ol  {
    padding: 8px; 
    margin: 8px;
    FONT-WEIGHT: NORMAL;
}
.title {
  MARGIN-TOP: 7px;
  MARGIN-BOTTOM: 1px
}
.entry {
  MARGIN-TOP: 1px;
  MARGIN-BOTTOM: 7px
}
#credits{
  MARGIN-LEFT: auto;
  MARGIN-RIGHT: auto; 
  WIDTH: 980px;
  HEIGHT: 30px;
  FONT-SIZE: 60%; 
  CLEAR: BOTH; 
}

.clear  {
  CLEAR: both;
}
#paypal {
  WIDTH:  300px;
  HEIGHT: 60px;
  MARGIN-TOP: 20px;
  MARGIN-BOTTOM: 10px;
}
fieldset {
  WIDTH: 600px;
  PADDING-LEFT: 25px;
  PADDING-BOTTOM: 10px;
  MARGIN-BOTTOM: 10px
}
fieldset h2 {
  MARGIN-TOP: 5px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 104%;
  COLOR: #1b3e94;
  BORDER-BOTTOM: none 
}
fieldset p {
  MARGIN-TOP: 5px;
  MARGIN-BOTTOM: 10px
}
legend H4 {
  COLOR: #a60918; 
  FONT-SIZE: 12px;
  FONT-WEIGHT: strong;
  PADDING: 0px;
  MARGIN-TOP: 0px;
  MARGIN-BOTTOM: 0px;
  MARGIN-LEFT: 5px;
  MARGIN-RIGHT: 5px
}
#slideshow {
  WIDTH; 645px;
  HEIGHT: 484px;
  MARGIN-BOTTOM: 20px;
}
.indent {
  MARGIN-LEFT: 15px;
  FONT-WEIGHT: normal;
} 
.photograph-left {
  margin-top: 1px; 
  float: left;
  text-align: center; 
  word-spacing: 4px;
  margin-right: 10px;
  margin-bottom: 5px;
}  
.photograph-right {
  MARGIN-TOP: 5px; 
  FLOAT: RIGHT;
  TEXT-ALIGN: CENTER; 
  WORD-SPACING: 4px;
  MARGIN-LEFT: 10px;
  MARGIN-BOTTOM: 5px;
}
.gallery-image  {
  MARGIN: 5px;
  FLOAT: left;
  CLEAR: none;
}
.inset {
  MARGIN-LEFT: 15px;
}
#links  {
 WIDTH: 800px;
 HEIGHT: 25px;
 MARGIN-LEFT: -1000px;
}
#newsletter {
 WIDTH: 550px;
 MARGIN-LEFT: auto;
 MARGIN-RIGHT: auto;
 MARGIN-TOP: 30px;
 MARGIN-BOTTOM: 30px;
}
#newsletter h2 {
 FONT-SIZE: 120%;
 FONT-WEIGHT: strong;
}
#newsletter h3 {
 FONT-SIZE: 110%;
 FONT-WEIGHT: strong;
}
#marquee  {
	width: 100%;
	height: 155px;
	padding-top: 31px;
	background-image: url('https://www.operationhope.co.uk/images/shipping/pexels-photo-1001682.jpg');
    	background-repeat: no-repeat;
    	position: relative;
}
#link-code {
       WIDTH: 600px;
       MARGIN-TOP: 10px;
       MARGIN-BOTTOM: 10px;
       PADDING: 10px;
       BORDER: 1px SOLID GREY;
       FLOAT: LEFT;
}
