/* Zero margin and padding - all elements */
* { margin: 0; padding: 0; }
/*Control Markup Elements*/
body { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6; background-color:#af2d4b; margin: 4px 16px 4px 4px; }
h1 { font-size: 1.6em; font-weight: 700; }
h2 { font-size: 1.6em; font-weight: 700; }
h3 { color: #000081; font-size: 1.4em; font-weight: 700; text-transform: uppercase; margin-top: 1em; margin-bottom: -1.2em; }
p, li { font-size: 1.4em; }
h1, h2, p { margin: 1em 0; }
img  /* Prevents link colours from showing */ { background-color: #dcc891; border-style: none; }
/*Layout Control*/
body { text-align: center; }
#wrapper { background-color: #dcc891; width: 100em; margin: 0 auto; text-align: left; max-width: 100%; padding: 4px; border-style: solid; border-width: 1px; }
#content { margin-left: 19em; }
#lhs { background-color: #cda546; width: 17.6em; float: left; border: solid 2px #a11a3c; }
#footer { background-color:#cda546; padding: 1px 20px; clear: both; }
/*Heading*/
#header { height: 76px; padding-bottom: 4px; border-bottom-style: solid; border-bottom-width: 2px; }
#header h1 { color: #af2d4b; font-size: 1.6em; font-weight: 700; line-height: 1.4em; text-transform: capitalize; text-align: center; float: left; margin: 5px 0 0; padding: 0; }
#header img { float: right; }
/*About Us*/
#badge  /* Min width, height required IE6 */ { background-color: #c5bdbd; border:solid 6px #666; width: 12.5em; height: 13.25em; float: right; min-width: 17.75em; min-height: 18.76em; }
.badgep  /*  Ie6 can not cope with #badge > p  */ { color: #000081; text-align: center; margin: -5px 20px 0 0; padding: 4px; }
/*Hm pg image control*/
.image { margin: 2px; }
.image_areaL { float: left; border: solid 1px #b2b2b2; margin-left: 10px; margin-bottom: 10px; }
.image_areaR { margin-bottom: 10px; float: right; margin-right: 20px; border: solid 1px #b2b2b2; }
.image_caption { margin: 0 2px 2px; padding: 2px; background-color: #efefef; font-size: 1.2em; text-align: center; }
/*Standard Image*/
.img-wrapper img { background-color: #c5bdbd; float:none; margin:0 0 0 20px; padding:4px; border:solid 6px #666; position:relative; left:-5px; top:-5px; }
/*Newsletters Pg*/
.newsPhoto { position:relative; width:auto;height:490px; }
.img1 { position:absolute; top:0; left:96px; width:160px; height:220px; z-index: 1000; }
.img2 { position:absolute; top:0; left:304px; width:160px; height:220px; z-index: 1000; }
.img3 { position:absolute; top:128px; left:200px; width:160px; height:220px; z-index: 5000; }
.img4 { position:absolute; top:256px; left:96px; width:160px; height:220px; z-index: 1000; }
.img5 { position:absolute; top:256px; left:304px; width:160px; height:220px; z-index: 1000; }
/*Footer
======
Margins top (& bottom) required to counter the margins for p*/
.footer_menu    { font-size: 1em; font-weight: normal; line-height: 2em; text-decoration: none; text-transform: capitalize; text-align: center; margin: 0; }
.footer_menu a:link       { color: #af2d4b ; text-decoration: none; }
.footer_menu a:visited       { color: #000081 ; text-decoration: none; }
.footer_menu a:hover    { color: #bebebe; text-decoration: none; }
.footer_menu a:active        { color: #666 ; text-decoration: none; }
.designedby       /*  Use float rather than txt alignment to position txt */ { color: #000; font-size: 1em; line-height: 1.1em; float: left; margin-top: 6px; margin-left: 12px; }
.designedby a        { color: #000; text-decoration: none; }
.designedby a:hover { color: #000081; text-decoration: none; }
.copyright  /*  Use float rather than txt alignment to position txt */ { color: #000; font-size: 1em; line-height: 1.1em; float: right; margin-top: 6px; margin-right: 12px; }
/*Main Menu*/
#mainNav   { width: 17em; min-width: 17em; padding-top: 12px; padding-bottom: 12px; padding-left: 0.3em; }
#mainNav li   { list-style: none; font-size: 1em; font-weight: bold; line-height: 6em; background-color: #fff; background-image: url(../images/IndianBullet.jpg); background-repeat: no-repeat; background-position: 0 top; text-decoration: none; text-transform: capitalize; text-align: center; margin: 10px 0; padding: 0 0 0 50px; border-top: 1px solid #000; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; border-left-style: solid; border-left-width: 1px; }
#mainNav li + li + li + li + li + li   /* This adds the boarder to the bottom of the last item in the list. If UL used boarder some distance away from last item in the list */ { border-bottom: 1px solid #000; }
#mainNav li a { text-decoration: none; display: block; }
#mainNav li a:link { color: #af2d4b }
#mainNav li a:visited { color: #000081 }
#mainNav li a:hover { color: #bebebe }
#mainNav li a:active { color: #666 }
/*Table Control - Home pg*/
.hmTable { border-collapse: collapse; width: auto; clear: right; border: solid 2px #666; }
.hmTable th, td { font-size: 1.1em; padding: 0.1em 1em; }
.hmTable caption { color: #000081; font-size: 1.4em; font-weight: 700; text-align: left; }
.hmTable col { border-right: 1px solid #ccc; }
.hmTable col#commentCol { border-style: none; }
.hmTable tbody > tr > td + td  /* controls appearance of info in 2nd subseqent columns */ { text-align: left; }
.hmTable tbody > tr > td + td + td + td  /* controls appearance of info in 4th (Last column) */ { text-align: left; }
.hmTable thead { background-color: #cc0; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
.hmTable th { font-weight: 700; text-align: left; }
/*Standard Table*/
table { font-size: 1.2em; line-height: 1.8em; width: auto; border: solid 1px #af2d4b; }
td { font-size: 1.1em; vertical-align: top; padding: 0.1em 1em; }
caption { color: #000081; font-size: 1.4em; font-weight: 700; text-align: left; }
/*Form Control*/
fieldset { margin: 1em 0; padding: 1em; border: solid 1px #af2d4b; }
legend { font-weight: bold; }
label { width: 10em; float: left; display: block; }
input { width: 200px; }
textarea { width: 300px; height: 100px; }
input[type="text"], textarea { border: solid 2px #999; }
input:focus, textarea:focus { background-color: #ffc; }
#sourceLabel { text-indent: -1000em; width: 0; }
#source { margin-left: 120px; }
#submit { color: #fff; font-weight: 700; background-color: #af2d4b; width: 60px; }
#reset { color: #666; background-color: #d7d7d7; width: 60px; }
/*Credits: Dynamic Drive CSS Library */
.gallerycontainer /* Add a height attribute and set to largest image's height to prevent overlaying */ { position: relative; max-height: 50em; }
.gallerycontainer a  /* Prevents line above & below text */ { 
text-decoration: none; 
}
.thumbnail img{ margin: 5px; border: solid 4px #959595; }
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{ border: solid 4px #af2d4b; }
.thumbnail span /*CSS for enlarged image*/ {
position: absolute; background-color: #eee8aa; padding: 5px; left: -1000px; border: dashed 1px gray; visibility: hidden; color: black; text-decoration: none; text-align: center;
}
.thumbnail span img /*CSS for enlarged image*/{ padding: 2px; border: solid 2px #000; }
.thumbnail:hover span /*  Enlarged image. Left, top set to offset <p.> large image */ { visibility: visible; top: 0; left: 195px; z-index: 50; }