@charset "utf-8";
/* CSS Document */
/* quincello */

html, body {
margin: 0px;
padding: 0;
background: #FFF;
font-family: Helvetica, Arial, Verdana;
font-size: 12px;
line-height: 18px;
color: #000000;
text-decoration: none;
}

/* I have added to make the border 0 by default for all images */
img {
  border: none;
}

/* I have added to make the underline disappear from all links */
a {
  text-decoration: none;
  color:#7d7d7d;
}

p{
margin: 0px 5px 10px 5px ;
text-decoration: none;
}

h1{
margin:0;
padding: 0px;
}

h2 {
font-size: 20px;
margin: 5px 0 0 5px;
padding: 0px;
}

h3 {
font-size: 10px;
margin: 15px 0 0 5px;
padding: 0px;
color: #7d7d7d;
font-weight: normal;
}

h4 {
font-size: 19px;
margin: 5px 0  10px  25px;
padding: 0px;
color: #ff0000;
font-weight:lighter ;
}

h5 {
font-size: 14px;
margin: 0px 0  0  0px;
padding: 0px;
color: ff3300;
font-weight:bold ;
}

h6 {
font-size: 16px;
margin: 20px 0px  2px  5px;
padding: 0px;
color: #000000;
font-weight:lighter ;
}

h7 {
margin: 20px 0  0  0;
padding: 20px 0 0 0 ;
font-size: 12px;
line-height: 15px;
color: #7d7d7d;
text-decoration: none;
}

.leftgrey {
margin: 0px 0  0  0;
padding: 0px 0 0 0 ;
font-size: 12px;
line-height: 18px;
color: #7d7d7d;
text-decoration: none;

}

h8 {
font-size: 14px;
margin: 20px 0  0  0px;
padding: 20px 0 0 0px;
color: #000000;
font-weight:bold ;

}

.leftbold {
font-size: 14px;
margin: 18px 0  0  0px;
padding: 0px 0 0 0px;
color: #000000;
font-weight:bold ;

}

h9 {
font-size: 12px;
margin: 0px ;
padding: 0px 0 0 0px;
color: #000000;
font-weight:bold ;
}

.contactbold {
font-size: 12px;
margin: 0px 0 0 0px;
padding: 0px 0 0 0px;
color: #000000;
font-weight:bold ;
}

.contactbold2 {
font-size: 12px;
margin: 0px 0 0 10px;
padding: 0px 0 0 0px;
color: #000000;
font-weight:bold ;
}

.glossarybold {
font-size: 12px;
margin: 0px 0 0 5px;
padding: 0px 0 0 0px;
color: #000000;
font-weight:bold ;
}

.buttonstext {
font-size: 12px;
margin: 0px ;
padding: 0px 0 0 0px;
color: #000000;
font-weight:bold ;

}



h10 {
font-size: 18px;
margin: 0px 0  0  0px;
padding: 0px;
color: #794100;
font-weight:bold ;
}

.phoneus {
font-size: 18px;
margin: 0px 0  0  0px;
padding: 0px;
color: #ff3300;
font-weight:bold ;
}

h11 {
margin: 20px 0  0  0;
padding: 20px 0 0 0 ;
font-size: 12px;
line-height: 15px;
color: #000000;
text-decoration: none;

}

.blacknormleft {
margin: 0px 0  0  0px;
padding: 0px 0 0 0px ;
font-size: 12px;
line-height: 18px;
color: #000000;
text-decoration: none;

}

.brownnormleft {
margin: 14px 0px  5px  0px;
padding: 0px 0 0 0px ;
font-size: 16px;
line-height: 15px;
color: #000000;
text-decoration: none;

}

h12 {
font-size: 12px;
margin: 0px 40px 0  0;
padding: 0px 0 0 0px;
color: #000000;
font-weight:bold ;

}



.buttonstextcalc {
font-size: 12px;
margin: 0px 60px 0  0;
padding: 0px 0 0 0px;
color: #000000;
font-weight:bold ;

}

h13 {
margin: 0px 0px 10px 0;
padding: 0;
font-size: 12px;
line-height: 18px;
color: #000000;
}

.textright {
margin: 5px 0px 10px 0;
padding: 0;
font-size: 12px;
line-height: 18px;
color: #ffffff;
}


h14 {
margin: 20px 0  0  0;
padding: 20px 0 0 0 ;
font-size: 12px;
line-height: 15px;
color: #7d7d7d;
text-decoration: none;

}

.linksgrey a:link {
color: #ffffff;

  text-decoration: none;
  
}



#orange-line {
border-top: 1px solid #d9d9d9;
margin: 1px 23px  0px  27px;
}



#big-buttons {
margin: 0px 0 0 16px;
float:left;
text-align:center;

}



#wrapper {
width: 1547px; margin: 0px 0px 0px 0px;
height: 1200px;
background-image: url('../images/newspaper.jpg');
background-repeat: no-repeat;
background-position: 90% 0%;
}

#wrappergloss {
width: 1547px; margin: 0px 0px 0px 0px;
background-image: url('../images/newspaper2.jpg');
background-repeat: no-repeat;
background-position: 90% 0%;
}


#container {
width: 1010px;
z-index:1;
height:100%
}

#pen {
position:relative;
z-index:1;
top:-150px;
left:52px;
height:30px;
width:30px;
}

#peninside {
position:relative;
z-index:1;
top:-150px;
left:752px;
height:30px;
width:30px;
}

#logo {
width: 40%;
float: left;
margin: 20px 30px 20px 30px;
}

/* Navigation styles*/
#nav {
height: 92px;
overflow: hidden;
margin: 0;
padding: 10px 0 0 0;
}

#nav #paperedge {
padding: 2px 0 0 0;
}

#nav ul {
margin: 0;
padding: 20px 10px 0 0;  /* I have changed this to remove extra left padding from the home menu */
background:url('../images/toppaperedge.gif') repeat-x;
list-style:none;
}
#nav ul li {
float: left;
height:44px;
margin: 7px 0 0 28px; /* I have changed this to make the top menu look proper */
}
#nav li a {
display: block;
height:44px;
width:91px;
padding: 0px 0px 0 0;
margin: 0;
overflow: hidden;
background-repeat: no repeat;
}
#nav li a:hover {
height:44px;
width:91px;
background-position: 0 -45px;
}
#nav li#home,#nav li#home a {
width: 91px;
height:44px;
background-image: url(../images/homemenu.jpg);
margin: 2px 10 0 20px;
}
#nav li#latest,#nav li#latest a {
width: 91px;
height:44px;
background-image: url(../images/latest.jpg);
margin: 2px 10 0 20px;
}
#nav li#glossary,#nav li#glossary a {
width: 91px;
height:44px;
background-image: url(../images/glossary.jpg);
margin: 2px 10 0 20px;
}
#nav li#contact,#nav li#contact a {
width: 91px;
height:44px;
background-image: url(../images/contact.jpg);
margin: 2px 10 0 20px;
}

#main-img {
clear: both;
width: 970px;
height: 511px;
border: 0px;
margin: 0px 0px 0px 23px;
}

/* Footer styles */
#footer {
clear:both;
color: #ff3300;
font size: 9px;
height: 120px;
width: 100%;
}

#footer p {
  border-top: 1px solid #d9d9d9;
  margin-left: 30px;
  padding-left: 145px;
  margin-right: 20px;
}

#footer a:link, #footer a:visited {
color: #999999;
text-decoration: none;
}

#footer a:hover {
color: #999999;
text-decoration: none;
}



#leftbox {
float: left;
width: 123px;
margin-top: 6px;
margin-left: 30px;
}

#content {
float: left;
margin: 10px 0 0px 20px;
width: 450px;
}



#news {
float: right;
margin: 0px 0px 0px 0px;
width: 340px;
position: relative;
padding-right: 20px;


}

#newsinside {
float: left;
margin: 0px 0px 0px 25px;
width: 340px;
position: relative;
padding-right: 20px;


}





.newsbody{
background-color:#e3d860;
padding: 10px;
height: 440px;
margin: 0px 0px 0px 0px;
}

.newsbody2{
background-color:#fe8800;
padding: 10px;
height: 300px;
}

.newsbody3{
background-color:#fe8800;
padding: 10px;
height: 600px;
}

.newslatest{
background-color:#fe8800;
padding: 10px;
height: 800px;
}

.newslatest2{
background-color:#fe8800;
padding: 10px;
height: 890px;
}

.newslatest3{
background-color:#fe8800;
padding: 10px;
height: 570px;
}

.newsglossary{
background-color:#fe8800;
padding: 10px;
height: 800px;
}

.newscontact{
background-color:#fe8800;
padding: 10px;
height: 320px;
}

#leftcol{

}


#formWrap{
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0px ;

}


#formContact{

}

fieldset{

border-color: transparent;
margin: 0px 0px 0px 5px;
padding: 0px 0 0 0px ;
}

.loansbold {
margin: 0px 0 0 5px;
font-weight: bold;

}
.linksorange a:link {
color: #ffffff;

  text-decoration: none;
  
}

.casebold {
font-size: 12px;
margin: 0px ;
padding: 0px 0 0 0px;
color: #000000;
font-weight:bold ;

}
.name, .lastn, .email, .phone {
width:222px;
}
.name {margin-left:10px;}
.lastn {margin-left:67px;}
.email {margin-left:9px;}
.phone {margin-left:16px;}
.address {width:351px;}
.message {width:355px;}

}
.pear  {
margin: 0px 0px 0px 0px;
}


a.fact:link {color: #fcc356; background: #c17521; font-weight: normal;}


.welcome {
margin: 10px 0px 0px 0px;
padding: 0px 0 0 0px;
}


.factheading {
font-size: 14px;
margin: 0px ;
padding: 9px 0 0 0px;
color: #ff3300;
font-weight:normal ;
}

.welcomeslice {
font-size: 22px;
margin: 0px ;
padding: 5px 0 0 4px;
color: #ff3300;
font-weight:normal ;
}