/* global */

html {
  height: 100%;
}

body { 
  font-family: Verdana,Arial,Helvetica,sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
  background-color: #FFFFFF;
}

p { 
  margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.5em;
}

h1 { 
  font-size: 150%;
  letter-spacing: .1em;
  font-family:  arial, sans-serif;
  background: transparent;
  color: #0f990c;
  font-weight: normal;
  margin: 0 0 12px;
  text-transform: uppercase;
}

h2 {
  margin: 0 0 5px;
  padding: 0px 0px 0px 0px;
  font-size: 100%;
  background: transparent;
  line-height: 1.5em;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

h3 {
  margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: .1em;
  font-family:  arial, sans-serif;
  background: transparent;
}

img {
  border: 0px;
}

form {
  padding :0px;
  margin :0px;
  border: 0px;
}

a {
  outline: none;
}

a:link, a:visited {
   color: #3465A4;
   text-decoration: none;
}

a:hover {
  color: #3465A4;
  text-decoration: underline;
}


ul { 
  margin: 8px 0px 0px 2px;
  padding: 0px;
  list-style-type: none;
}

ul li { 
  margin: 0 0 0.5em 0;
  padding-left: 14px;
  background: url(/images/bullet_orange.gif) left center no-repeat;
}


ol { 
  margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li { 
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}


/* image positioning - left, right and center */


.left { 
  float: left; 
  padding: 0px 8px 0px 0px;
}

.right { 
  float: right; 
  padding: 0px 0px 0px 8px;
}

.center { 
  display: block;
  text-align: center;
  margin: 0 auto;
}


/* widths */
#main, #head, #menu, #content, #footer { 
  width: 100%; 
  margin-left: auto; 
  margin-right: auto;
}

#head { 
  /*background: #94c65a;*/
  /*background: #D8E7C2;*/
  /*background: #D3E7B4;*/
  background: #B3D67F;
  border-bottom: 1px solid #2C6700;
}

#links { 
  height: 65px;  
  padding: 17px 0px 0px 0px;
  font-size: 88%;
  vertical-align:middle;
}

#links { 
  text-align: right;
  padding: 10px 10px 0px 0px;
}

/* logo */
#logo { 
  padding-left: 19px;
  float: left;
}

#logo h1 { 
  font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 18px 0px 0px 0px;
  font-size: 160%;
  letter-spacing: .2em;
  text-transform: uppercase;
}

#logo h2 { 
  font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 108%;
  letter-spacing: .2em;
}

/* navigation menu */
#menu { 
  height: 3px; 
  border-bottom: 1px solid;
}

#menu ul{margin: 0px auto;} 

/* main content */
#content
{ 
  height: auto;
  padding: 15px 0px 0px 0px;
  overflow: hidden;
}

#content table tr td {
  vertical-align: top;
}

/* column 1 - contains sidebar */
#sidebar
{ 
  float: right;
  width: 200px;
  padding: 0px 0px 15px 0px;
  margin-top: 0px;
}

#catalogue
{ 
  float: left;
  width: 180px;
  height:auto;
  padding: 0px 15px 0px 0px;
  margin-top:-15px;
}

.sidebaritem
{ 
  text-align: left;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 10px 0 0 0;
  width: 100%;
}

.sidebaritem p
{ 
  padding: 0px 0px 0px 0px;
}

.sidebaritem div{
  padding-left:15px;
  padding-right:5px;
}

/* column 2 - page content */

#column2
{ 
  text-align: justify;
  padding: 0px 15px 15px 0px;
}

#column2 h1
{ font-family: arial, sans-serif;
  margin: 0px 0px 12px 0px; 
  font-size: 150%;
  text-transform: uppercase;
  font-weight: normal;
}

div.error
{
  font-size: 11px; 
  color: #ff3300;
}

a.suggest:hover
{
  font-family: Tahoma,Verdana,sans-serif;
  background-position:-200px 0;
  cursor:pointer;
  text-decoration:none;
  font-weight:bold;
}

a.suggest:link, a.suggest:visited
{
  font-family: Tahoma,Verdana,sans-serif;
  background-image:url(/images/download-button.png);
  background-repeat: no-repeat;
  display:block;
  height:48px;
  padding:19px 15px 5px 40px;
  text-decoration:none;
  width:143px;
  font-weight:bold;
  color: #0F990C;
}

.smalldate
{
  font-family: arial, sans-serif;
  font-size: 10px;
  color: rgb(99,99,99);
}

a.category:link, a.category:visited {
  color: #336698;
  /*color: #1C457A;*/
  font-size: 100%;
  text-decoration:none;
}

a.category:hover {
  color: red;
  font-size: 100%;
  text-decoration:underline;
}

div.yellowbox {
  /*background-color: #fffaaa;*/
 /* background-color: #FFF9C9;*/
 /*background-color: #FCF6CE;*/
 /*background-color: #ECECEC;*/
 background-color: #f4f4f4;
}

div.categoryblock {
  padding: 0px 0px 0px 15px;
  margin: 10px 5px 10px 0;
}

div.categoryblock div {
  margin-bottom:5px;
}

a.instrument {
  font-family: verdana,sans-serif;
  font-weight: normal;
  font-size: 108%;
  color: #3465A4;
}

a.instrument:hover {
  color: #43AE39 !important
}

a.external {
  background: transparent;
  padding-right: 8px;
}

a.external:hover {
  background: transparent url(/images/external-link.png) no-repeat scroll right center;
  padding-right: 8px;
}

/* footer */

#footer
{ 
  border-top: 1px solid #666661;
  text-align: center; 
  font-size: 70%;
  line-height: 1.2em;
  color: gray;
  font-family: arial,verdana,sans-serif;
  padding: 0px 0px 0px 0px;
  vertical-align:middle;
  background-color: #DDDDDD;
}

#footer a {
  background: transparent;
  text-decoration: none;
  color: gray;
}

#footer a.external:hover{
  color: gray;
  background: transparent url(/images/external-link-footer.png) no-repeat scroll right center;
  padding-right: 8px;
  text-decoration: underline;
}

/* form rounded box */

.formbox {
  background-color:#f4f4f4;
}

b.ftop, b.ftop b, b.fbot, b.fbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(/images/boxg.png);
    background-repeat: no-repeat}
b.ftop b{background-position: 100% -10px}
b.fbot{background-position: 0 -20px}
b.fbot b{background-position: 100% -30px} 
b.ftop b{background-position: 100% -10px}
b.fbot{background-position: 0 -20px}
b.fbot b{background-position: 100% -30px} 

/* left yellow rounded box */

b.ytop b, b.ybot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(/images/boxg.png);
    background-repeat: no-repeat}
b.ytop b{background-position: 100% -10px}
b.ybot b{background-position: 100% -30px} 
b.ytop b{background-position: 100% -10px}
b.ybot b{background-position: 100% -30px} 


/* right yellow rounded box */

b.ytopr, b.ybotr {
    display: block;height: 10px;font-size: 1px;
    background-image:url(/images/boxg.png);
    background-repeat: no-repeat}
b.ybotr{background-position: 0 -20px}
b.ybotr {background-position: 0 -20px}


/* dark gray rounded box */

.formboxd {
    /*background-color: #888787;*/
    background-color:#aeaeae;
}

b.ftopd, b.ftopd b, b.fbotd, b.fbotd b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(/images/boxdg.png);
    background-repeat: no-repeat}
b.ftopd b{background-position: 100% -10px}
b.fbotd{background-position: 0 -20px}
b.fbotd b{background-position: 100% -30px} 
b.ftopd b{background-position: 100% -10px}
b.fbotd{background-position: 0 -20px}
b.fbotd b{background-position: 100% -30px}