/* Key styles for: TBWN Awards*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 27 July 2010*/

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

sup{font-size:xx-small; vertical-align:top;} 
sub{font-size:xx-small; vertical-align:bottom;}

body{font-size: 62.5%; font-family: "Trebuchet MS", Verdana,Arial,Helvetica,sans-serif; color: #848484; background: url(images/bg.jpg) repeat;}
img, div {behavior: url(iepngfix.htc);}

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 760px;}
#nav{font-family: "Swiss"; text-align: center; width: 550px; margin-left: auto; margin-right: auto; padding-bottom: 35px;}
#subnav {width: 200px; background: #dfdfdf;}

#maincon {width: 760px; overflow: hidden;}
#content { padding: 10px 20px 10px 20px;}
#content .col {position: relative; float: left;}
#homemain {width: 450px; padding-right: 18px; }
#homeside {width: 250px; padding-left: 2px;}
#side {width: 200px; padding-right: 2px;}
#main {width: 500px; padding-left: 18px;}

#footer {text-align: center; padding: 15px 0;}

/*Navigation Styles*/

#nav li {margin: 0; display: block; float: left; list-style: none; border-right: 1px solid #939598; padding: 0 15px 0px 15px;  }
#nav li a{text-decoration: none; color: #939598; font-size: 15px;}
#nav li a:hover {color: #800023; border-bottom: none; }
#nav li.current a {color: #800023; border-bottom: none;}
#nav li.last {border-right: none;}

#subnav ul {padding: 10px; margin-left: 0 !important;}
#subnav li {margin: 0; list-style: none; }
#subnav li a{text-decoration: none; color: #800023; font-size: 15px; width: 180px; display: block;}
#subnav li a:hover {color: #222;}
#subnav li.current-page a {color: #222;}

/*Sub Sub Navigation Styles*/
#subnav ul ul{border-top: 1px solid #800023; padding: 5px 15px 0px 15px;}
#subnav ul ul li{border-bottom: none}
#subnav ul ul li a{color: #222 !important;}
#subnav ul ul li a:hover {color: #800023 !important;}

/*Link Styles*/
a {color: #800023;}
a:link{color: #800023;}
a:visited {color: #800023;}
a:hover {color: #b2526d;}

#footer a{color: #fff; text-decoration: none;}
#footer a:link {color: #fff;}
#footer a:visited {color: #fff;}
#footer a:hover {color: #f9eb93;}

a.imglink{border-bottom: none;}
a.imglink:hover{border-bottom: none;}

/*Paragraph Styles*/
h1 {font-size: 2.2em; color: #800023; padding-bottom: 5px; font-family: "Swiss"; font-weight: normal;}
h2 {font-size: 1.8em; color: #800023; padding-bottom: 5px; font-family: "Swiss"; font-weight: normal;}
h3 {font-size: 1.6em; color: #800023; padding-bottom: 5px; font-family: "Swiss"; font-weight: normal;} 
h4 {font-size: 1.4em; color: #800023; padding-bottom: 5px; font-family: "Swiss"; font-weight: normal;}
p {font-size: 1.2em; padding-bottom: 10px; line-height: 1.2em;}

#footer p {color: #fff; padding-bottom: 5px;}
#developers {font-size: 11px;}
#subnav h2 {background: #800023; color: #fff; padding: 5px 10px;}

/*Table Styles*/
table {background: none; border: none; margin-bottom: 10px;}
table td {padding: 5px; background: none; color: #333; border: none; font-size: 12px; vertical-align: middle !important;}
table th {text-align: left; font-size: 14px; color: #333; padding: 5px; border: none;}
table p{font-size: 12px; padding-bottom: 0;} /*Make sure you set the font size of this style to match the tabel td font size*/

table.tablefilled {background: #f2e48b; border: 1px solid #fff; margin-bottom: 10px;}
table.tablefilled td {padding: 5px; background: f2e48b; color: #800023; border: 1px solid #fff; font-size: 12px}
table.tablefilled th {text-align: left; font-size: 14px; color: #800023; padding: 5px; border: 1px solid #fff;}

/*List Styles*/
#content ul, #content ol {font-size: 12px; margin-left: 30px; padding-bottom: 10px;}
#content li {padding-bottom: 2px;}

ul.iconlist {margin-left: 0 !important; margin-top: 5px;}
ul.iconlist li{list-style: none; background: url(images/pdf-icon.gif) no-repeat 0 0px; padding-left: 30px; padding-bottom: 8px !important; padding-top: 4px;}

ul.liststylenone {margin-left: 0 !important;}
ul.liststylenone li {list-style: none;}
.listprefix {display: block; float: left; font-weight: bold; width: 90px;}

/*Image Styles*/
img {padding: 0px;}
#content img{padding: 5px;}
#content img.left{padding: 5px 15px 5px 0px;}
#content img.right{padding: 5px 0px 5px 15px;}
#footer img {padding-bottom: 10px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {clear: both; border-bottom: 1px solid #ccc; padding-top: 20px; margin-bottom: 20px;}
.highlight {color: #800023;}
.featurebox{padding: 10px 10px 5px 10px; margin-bottom: 20px; border: 1px solid #ccc; }
hr {background: #ccc; height: 1px; border: none; margin-top: 10px; margin-bottom: 20px;}

/*Shadow Container*/
#mainconwrapper{margin-left: auto; margin-right: auto; width: 760px;}
#mainconwrapper span.top{display: block; background: url(images/content-top.gif) no-repeat top; height: 19px; behavior: url(iepngfix.htc);}
#mainconwrapper span.bottom{display: block; background: url(images/content-bottom.gif) no-repeat; height: 19px; behavior: url(iepngfix.htc);}
#mainconwrapper span.middle{display: block; background: url(images/content-middle.gif) repeat-y;}

/*Maxigallery Styles*/
.thumbs li{height: 100px; width: 150px;}
.thumbnail {height: 99px; width: 150px;  margin: 0; padding: 0;}
.thumbs p {display: none;}
.thumbscontainer ul{margin-left: 0px !important;}

/*Link styles for the lightbox*/
#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}
#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}

/*Positioning the whole Gallery*/
.jdGallery { z-index: 0 !important;} /*This forces the maxigallery to the back of any other elements, so if you have a drop down menu the drop down menu doesn't get stuck behind the maxigallery*/