body {
    margin:0;background:url(images/body_bkg.jpg) top left repeat-y;
    font-family:"Trebuchet MS";
     font-size:12px;
     color: #666666;

     }

a {
    color:#996600;
    text-decoration: none;

}
div.video {
    background: #000;
    float: right;
    margin: 1em 0 0.5em 1em;
    padding: 0.25em;
    _margin-top: 1.75em;
}
.videoFrame {
    clear: left;
    border: 2px solid #999999;
    /*width: 425px;
    height: 344px;*/
    float: left;
}
.videoFrame:after,
.clearfix:after,
.clearer {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: block; }

* html .clearfix, * html .clearer { height: 1%; }

/* Regular clearing
   apply to column that should drop below previous ones. */

.clearer, .clear { clear:both; }

div.video a {
    color: #FFF;
}
div.video img {
    border: 0;
    margin-bottom: 0.25em;
}
p.tilde {
    font-size: x-large;
    font-weight: bold;
}
#wrapper {margin:0;padding:0;height:100%}

/*****Left column*****/
#lc {position:absolute;top:100px;left:0;width:375px;z-index:100;border-top:1px solid #bbb;border-bottom:1px solid #bbb;}

/*****Central column*****/
#cc {margin:0px 150px 0 375px;border-right:1px solid #bbb;padding:0;z-index:1;}
head+body #cc {min-width:430px;}

/*****Main Area (contained by cc)*****/
#main {z-index:1;margin:0 0 0 0;position:relative;top:100px;padding-left:45px;padding-right:45px;padding-top:75px;margin-bottom:0px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
* html #main {height:425px; margin-left:-16px;}
head+body #main {min-height:425px}

div#fakeMinWidth {width:350px}		/*A hack to maintain the minimum width of the middle area of the page*/
* html div#fakeMinWidth {width:350px}

/*****Right column*****/
#rc {position:absolute;right:0;top:0px;width:148px;margin:0 0 0 805px;}
#rcwrap {min-width:954px;position:absolute;top:0;left:0;width:100%;}


/*****The container to hold the image links at the right side of the page******/
#subnav {z-index:1;margin:100px 0 0 -1.5px;padding-left:0px;padding-right:0px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;width:100%; min-width:150px;}
* html #subnav {height:500px;width:148px;z-index:1;}
head+body #subnav {min-height:500px}

#sublinks {padding:10px;font-size:85%;}
* html #sublinks {height:200px}

a.smallLinks {color:#996600; font-size:11px;font-weight:900;}

head+body #sublinks {min-height:200px}

#footer {padding:80px 60px 175px 40px;width:90%; min-width:380px;margin-top:100px;}
* html #footer {width:75%}

/****For holding the verticle menu and the main image together****/
#navDiv{float:right;width:225px;height:500px;}

/***********************************************CSS for submenu************************************/
#linkbar ul {
    margin: 0;
    padding: 0; /*For avoiding the list item indented in Firefox*/
    list-style: none;
    width: 214px; /* Width of Menu Items */
    border-bottom: 1px solid #ccc;
    display: block;
}

#linkbar ul li {
    position: relative;

}

/*This is only for IE6*/
*html #linkbar ul li {display: inline;}

#linkbar li ul {
    position: absolute;
    left: 225px;
    top: 0;
    display: block;
    margin:0;padding:0;
}
/*head+body #linkbar li ul {margin-top:-10px;border:1px solid red}
html:lang(en) head+body #linkbar li ul {margin-top:0}
*:first-child+html head+body #linkbar li ul {margin-top:0}
*/
#linkbar li:hover ul {
    display: block;
}

#linkbar li:hover>ul{
    visibility:visible;
}

#linkbar ul ul {
    visibility:hidden;
}

/* Make-up syles */

#linkbar ul, li {
    margin: 0 0 0 0;
}

/* Styles for Menu Items */
#linkbar li ul a{

    display: block;
    border: 1px solid #ccc;
    border-bottom:0px;
    border-left:0px;
    border-right:1px;
    padding: 0px;
    width:100%;
    height:100%;
}

/* Hover Styles */
#linkbar ul a:hover {
    color: #E2144A;
    background: #f9f9f9;

}

/* Sub Menu Styles */
#linkbar li ul a {
    text-decoration: none;
    color: #FFFFFF;
    background: #000000; /* IE6 Bug */
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    display: block;
}

/* Sub Menu Hover Styles */
#linkbar li ul a:hover {
    color:#FFCC00;
    background: #000000; /* IE6 Bug */

}

#linkbar {

    position:relative;
    float:left;
    top:0px;
    left:0px;
}
#linkbar a.home, a.about, a.inductees, a.nominees, a.events, a.sponsors, a.media {
    color: #000033;
    display:block;
    height: 30px;
    width: 225px;
}


#linkbar a.home {
    background-image: url(images/bcrhof_home.gif);text-indent:-9999px;

}
#linkbar a.home:hover {
    background-image: url(images/bcrhof_home_over.gif);

}

#linkbar a.about {
    background-image: url(images/bcrhof_about.gif);text-indent:-9999px;

}
#linkbar a.about:hover {
    background-image: url(images/bcrhof_about_over.gif);

}

#linkbar a.inductees {
    background-image: url(images/bcrhof_inductees.gif);text-indent:-9999px;

}
#linkbar a.inductees:hover {
    background-image: url(images/bcrhof_inductees_over.gif);
}

#linkbar a.nominees {
    background-image: url(images/bcrhof_nominees.gif);text-indent:-9999px;

}
#linkbar a.nominees:hover {
    background-image: url(images/bcrhof_nominees_over.gif);

}
#linkbar a.events {
    background-image: url(images/bcrhof_events.gif);text-indent:-9999px;

}
#linkbar a.events:hover {
    background-image: url(images/bcrhof_events_over.gif);

}
#linkbar a.sponsors {
    background-image: url(images/bcrhof_sponsors.gif);text-indent:-9999px;
}
#linkbar a.sponsors:hover {
    background-image: url(images/bcrhof_sponsors_over.gif);
}

#linkbar a.media {
    background-image: url(images/media-acc.gif);text-indent:-9999px;
}
#linkbar a.media:hover {
    background-image: url(images/media-acc_over.gif);
}
/********************************************CSS for submenu ended here**************************************/

/***********************CSS for image links at the right hand side of the browser****************************/

#indexContent{padding-top:40px;  padding-bottom:0px;height:320px; min-width:380px;width:100%;}
img#mainImage {padding:0 0 0 0px;position:relative; }

#mainImageDiv {float:left;position:relative;top:-1px;}
#subnav a {display:block;height:122px;width:145px;margin:2px}

a#galaDinner {
    background-image: url(images/bcrhof_galadinner.jpg);
}
a#galaDinner:hover {
    background-image: url(images/bcrhof_galadinner_over.jpg);
}
a#currentInductees {
    background-image: url(images/bcrhof_currentinductees.jpg);
}
a#currentInductees:hover {
    background-image: url(images/bcrhof_currentinductees_over.jpg);
}
a#comingEvents {
    background-image: url(images/bcrhof_upcomingevents.jpg);
}
a#comingEvents:hover {
    background-image: url(images/bcrhof_upcomingevents_over.jpg);
}
a#news {
    background-image: url(images/bcrhof_news.jpg);
}
a#news:hover {
    background-image: url(images/bcrhof_news_over.jpg);
}

a#nominationForm {
    background-image: url(images/bcrhof_nominationform.jpg);
}
a#nominationForm:hover {
    background-image: url(images/bcrhof_nominationform_over.jpg);
}

/****div area for putting supporting partners logos****/
#partners {position:absolute; top:630px; left:150px}
#logoDiv{float:left;width:150px;height:73px}
#logo
{
    width:150px;
    height:73px;
    position:relative;
    margin-top:10px;
    top: 0px;
    border: none;
    float:left;
    padding-bottom:50px;
    padding-top:0px;
}


html + table.privacy{width:100%;} /*this is for fixing the problem of firefox failing to recognise width:100% declare in privacy.php*/
html + table.bios{width:100%;} /*this is for fixing the problem of firefox failing to recognise width:100% declare in privacy.php*/

ol.spaced li, ul.spaced li {padding-top:.5em;padding-bottom:.5em}
ol.spaced li li, ul.spaced li li {padding-top:0;padding-bottom:0}

/*for hide/show the past Gala dinner menus*/
.hidden {display:none}
.glyph {font-family:Webdings}

h1,h2 {margin:1em 0 3px 0}

table.enhancedtable {border-collapse:collapse;font-size:.9em;width:100%}
table.enhancedtable img {border:none}
table.enhancedtable td {padding:2px 4px;vertical-align:top}
td.bar {width:315px}
.row1 {background:#f6f6f6}
table.enhancedtable th {text-align:left;color:#DBA946}
table.enhancedtable td div {font-size:90%;font-style:italic}

div.alert {
    color: #A00;
    font-weight: bold;
}
div.box {
    border: 1px solid;
}
div.box p {
    margin: 1em;
}

/* FORMS
**/
form dl dd,
form dl dt {
    margin: 0;
    padding: 5px 0;
}
form dl dt {
    float: left;
    clear: left;
    width: 140px;
}
form dl dd {
    padding-left: 150px;
    border-top: 1px solid #EEE;
}
form label {
    font-weight: bold;
}
form .alert {
    display: none;
}
.mandatory {
    border: 0;
    color: #900;
    font-weight: bold;
}

form dl dd input,
form dl dd select {
    width: 200px;
    margin-right: 15px;
}
form dl dd textarea {
    width: 400px;
}
form dl dd:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
form .error {
    border: 1px solid #900;
}
form input,
form textarea {
    border: 1px solid #999;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 3px;
}
form .btn {
    width: auto;
    background-color: #DBA946;
}