/*
* {
    margin:0px;
    border:0px;
}
*/

#block_1 {
    float: left;
    width: 50%;
    margin-left: 25%;
    text-align: justify;
}

* html #block_1 {
    display: inline;
}

body {
    color:#222222;
    font-size:small;
    font-family: Verdana, Tahoma, Helvetica, Arial;
    line-height: 1.25;
    background: white url("/images/background.png") left top repeat-x;
    text-shadow: #CCCCCC 2px 2px 1px;
}

p {
    font-size: 1em;
    margin:15px 0px 0px 0px;
    text-indent: 1.5em;
}

a:link,a:active,a:visited,.social IMG {
    font-weight:bold;
    text-decoration:none;
    color:#228822;
}

a:hover {
    font-weight:bold;
    text-decoration:underline;
    color:#DD6900;
}

/*
a[href ^="http:"] { 
   padding-right: 9px;
   background: transparent url(/images/icon_external-8.png) no-repeat center right;
}
*/

h1, h1 a:link, h1 a:active, h1 a:visited,
h2, h2 a:link, h2 a:active, h2 a:visited,
h3, h3 a:link, h3 a:active, h3 a:visited,
h4, h4 a:link, h4 a:active, h4 a:visited {
    margin:15px 0px 0px 0px;
    color:#A91416;
    text-shadow: #CCCCCC 4px 4px 2px;
}

h1 {
    font-size:x-large;
}

h2 {
    font-size:large;
}

h3 {
    font-size:medium;
}

.noBullets {
    list-style-type: none;
}

.tiny {
    font-size: .65em;
}

.googleButton {
    font-size:x-small;
    font-weight:bold;
    border:2px solid;
    margin:0px 0px 0px 0px;
    -moz-border-radius:20%;
}

.dateRating {
    color: #999999;
}

.colouredStars {
    color:#A91416; display:inline;
}

.emptyStars {
    color:#E5E5E5; display:inline;
}

#block_2 {
    float: left;
    width: 25%;
    margin-left: -75%;
}

#block_3 {
    float: left;
    width: 24.9%;
}

#block_1, #block_2, #block_3 {
/*     background-image: url(../images/backgrounds/sunken_tr.gif); */
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.box_copy {
    margin-top: 4px;
/*     background-image: url(../images/backgrounds/sunken_tl.gif); */
    overflow: hidden;
}
.box_copy h2 {
    padding: 12px 9px 10000px 9px;
    padding: 12px 9px 3px 9px;
    margin-bottom: -9997px;
    margin-bottom: 0;
/*     background-image: url(../images/backgrounds/sunken_tr.gif); */
    background-position: 100% 0px;
    background-repeat: no-repeat;
}

/* Don't understand why, but IEs of all hues require this shifting */
* html .box_copy h2 {
    background-position: 100% -4px;
}

.box_copy p {
    padding: 6px 9px 0 9px;
}

.verticalalign {
/*     background-image: url(../images/backgrounds/sunken_bl.gif); */
    background-position: 0 100%;
    background-repeat: no-repeat;
}

.verticalalign p {
    text-align: right;
    padding-bottom: 18px;
/*     background-image: url(../images/backgrounds/sunken_br.gif); */
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

.last {
    /* p-b + m-b hacks for IE 5.01 */
    padding-bottom/**/: 100em !important;
    margin-bottom/**/: -97.5em !important; 
}

div#block_1, div#block_2, div#block_3 {
    /* p-b + m-b hacks for IE 5.01 */
    padding-bottom/**/: 30000px !important;
    margin-bottom/**/: -30000px !important;
}

@media all and (min-width: 0px) {
    body #block_1, body #block_2, body #block_3 {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    #block_1:before, #block_2:before, #block_3:before {
        content: '[DO NOT LEAVE IT IS NOT REAL]';
        display: block;
        background: inherit;
        margin-top: -5px;
        padding-top: 32000px !important;
        margin-bottom: -32000px !important;
        height: 0;
    }
}

.last .verticalalign {
    /* p-b + m-b hacks for IE 5.01 */
    position/**/: absolute;
    bottom/**/: 0;
}

#block_1 .last .verticalalign {
    width: 50%;
}

#block_2 .last .verticalalign {
    width: 25%;
}

#block_3 .last .verticalalign {
    width: 24.9%;
}

/* hack for Operas */
@media all and (min-width: 0px){
    #wrapper .last div.verticalalign {
        width: 100%; /* Opera 7.5 and 8 */
    }
    div[id^="wrapper"] #block_1 .last div.verticalalign {
        width: 50%;
    }
    div[id^="wrapper"] #block_2 .last div.verticalalign {
        width: 25%;
    }
    div[id^="wrapper"] #block_3 .last div.verticalalign {
        width: 24.9%;
    }
}

/* hack for IEs of all hues */
* html .verticalalign {
    width: 100% !important;
}

#wrapper_extra {
    position: relative;
}
* html #wrapper {
    position: relative;
}

#wrapper {
    overflow: hidden; /* This hides the excess padding in non-IE browsers */
    display: block; /* this time Operas 7 + 8 need block, not inline-block */
}

/* but that makes IE go crazy */
* html #wrapper {
    display: inline-block;
}

/* easy clearing */
#wrapper:after {
    content: '[DO NOT LEAVE IT IS NOT REAL]'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow: hidden;
}

/* end easy clearing */
h2, p {
    margin: 0;
    padding: 0;
}



/*  FROM OLD CSS  */

#header p {
    margin: 0;
}

#header form {
    height: 90px;
    margin: 0;
    margin-left: 484px;
    background: url("/images/underline-2.png") repeat-x;
}

#header form p {
    float: left;
    height: 40px;
    vertical-align: middle;
    text-indent: 0;
    margin: 1px 0;
}

#header fieldset {
    border: none;
}

#logo {
    float: left;
    border: 0;
}

img {
    border: 0px none;
}

#what-is-title {
    padding:5px;
    font-size:small;
    background-color:#D5DBCB;
    border:#222222;
    font-weight:bold;
    color:#000000;
}

#what-is-form {
    float:left;
    padding:5px;
    font-size:x-small;
    background-color:#ECF3E1;
    border:#222222;
}


.linksContainer li {
    list-style-type: none;
    display: inline;
    padding: 2px;
    font-weight:bold;
    font-size:medium;
    height:20px;
    width:20px;
}

li.linkHere {
    border:1px solid #E1E1E1;
    background: #E1E1E1;
}

li.linkThere{
    border:1px solid #E1E1E1;
}

li.linkSpace{
    width:10px;
}