/* Key styles for: NQ Tourism Awards - 2010 */
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 19 May 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: Arial, Helvetica, sans-serif; color: #555555; background: url(images/bg.jpg) repeat-x #fff;}
img, div {behavior: url(iepngfix.htc)}

/*Container Styles*/
#background{margin-bottom: -400px; overflow: hidden; z-index: -1;}
*html #background {display: none;}
#wrapper {margin-left: auto; margin-right: auto; width: 960px; position: relative;}
#logo {z-index: 90; width: 190px; z-index: 99; margin-top: 20px; }
#maincon {width: 940px; overflow: hidden; background: url(images/ta-logo-blue.jpg) no-repeat bottom left #fff; position: relative;}
#maincon .col {position: relative; float: left;  margin-top: 20px;}
#sidebar {width: 260px;}
#featurehome{width: 680px; height: 330px;}
#feature{width: 680px; height: 300px; overflow: hidden;}
#main {width: 660px; margin-left: 20px; background: #ffffff; overflow: hidden;}
#content {padding: 30px; clear: both; overflow: hidden;}
#contentmain {min-height: 100px; }
#websitedeveloper {margin-left: auto; margin-right: auto; width: 960px;}
#bannercon {float: right; margin-top: -130px;}


#sponsors {overflow: hidden; background: url(images/ta-logo.gif) no-repeat bottom right #ffffff; padding: 30px; height: 330px;}
#sponsorsgal { width: 545px; float: right; margin-right: -75px; margin-top: -40px;}
#sponsorsdivider {background: url(images/soft-divider.jpg) no-repeat #ffffff center; width: 620px; height: 10px;  padding: 0px 30px;}

/*Navigation Styles*/
#nav ul {margin-left: 0px !important; width: 250px; background: #1b75bc; }
#nav li {margin: 0; display: block; list-style: none; }
#nav li a{text-decoration: none; color: #ffffff; font-size: 1.2em; font-weight: bold; text-transform: uppercase; font-family: "Tahoma"; display: block; width: 230px; padding: 15px 0px 10px 20px; border-bottom: none; }
#nav li a:hover {color: #fff; border-bottom: none; background: #5cc9e0;}
#nav li.current a{color: #1b75bc; border-bottom: none; background: #5cc9e0;}

/*Sub-Navigation Styles*/
#nav ul ul {border-top: 2px solid #fff; background: #222222 !important;}
#nav ul ul li {border-bottom: 1px solid #fff;}
#nav ul ul li a{font-size: 1.1em; padding: 12px 0 12px 20px; color: #fff !important;}
#nav ul ul li a:hover {color: #fff !important; border-bottom: none; background: #1b75bc;}
#nav ul ul li.current a{color: #1b75bc !important; border-bottom: none; background: #5cc9e0;}


/*Link Styles*/
a {color: #1b75bc; text-decoration: none; border-bottom: none}
a:link{color: #1b75bc;}
a:visited {color: #1b75bc;}
a:hover {color: #5cc9e0; border-bottom: none;}

table.tablefilled a{color: #faa62c; border-bottom: none;}
table.tablefilled a:link{color: #faa62c; border-bottom: none;}
table.tablefilled a:visited{color: #faa62c; border-bottom: none;}
table.tablefilled a:hover {color: #ffffff; border-bottom: 1px dashed #faa62c;}

a.img-link{border-bottom: none;}
a.img-link:hover{border-bottom: none;}

#websitedeveloper a{color: #1b75bc; border-bottom: none;}
#websitedeveloper a:hover{color: #5cc9e0; border-bottom: none;}

/*Paragraph Styles*/
h1 {font-size: 2.4em; color: #1b75bc; padding-bottom: 20px; background: url(images/soft-divider.jpg) no-repeat bottom;  margin-bottom: 20px; font-weight: normal; width: 605px; min-height: 10px;}
h2 {font-size: 2.2em; color: #1b75bc; padding-bottom: 10px; font-weight: normal;}
h3 {font-size: 2em; color: #5cc9e0; padding-bottom: 5px; font-weight: normal;}
h4 {font-size: 1.8em; color: #5cc9e0; padding-bottom: 5px; font-weight: normal;}
p {font-size: 1.2em; padding-bottom: 15px;}

#contentmain h1 {font-family: "Alako-Bold"; margin-left: -5px;}
#contentmain h2 {font-family: "Alako-Bold"; margin-left: -5px;}
#contentmain h3 {font-family: "Alako-Bold"; margin-left: -5px;}
#contentmain h4 {font-family: "Alako-Bold"; margin-left: -5px;}

#bannercon h3 {font-family: "Alako-Bold"; color: #1b75bc; font-size: 2.6em; text-align: right; font-weight: normal;}
#bannercon h4 {font-family: "Alako-Bold"; color: #5cc9e0; font-size: 2.2em; text-align: right; font-weight: normal;}
#sponsorsgal h3 {margin-top: -20px;}
#websitedeveloper p {color: #bbb; font-size: 1.1em; text-align: right; padding: 10px 0}

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

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

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

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

ul.list-style-none li {list-style: none;}
.list-prefix {display: block; float: left; font-weight: bold; width: 50px;}

/*Image Styles*/
img {padding: 0px;}
#content img{padding: 5px;}
#content img.left{padding: 5px 10px 5px 0px;}
#content img.right{padding: 5px 0px 5px 10px;}
#sponsors img{padding: 8px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {clear: both; background: url(images/soft-divider.jpg) no-repeat; width: 620px; height: 10px; margin-top: 15px; padding-bottom: 15px;}
.highlight {color: #604a37; font-weight: bold} 


/*Maxigallery Styles*/
/*Sizing the thumbnails*/
.thumbs li {clear: both;  width: 590px;}
.thumbs .thumbinfo {position: relative; padding-left: 180px; padding-top: 20px;}
.thumbnail {height: 99px; width: 150px;  margin: 0; padding: 0; float: left; z-index: 99; position: relative;}

.thumbscontainer ul{margin-left: 0px !important;}
.managecontainer {background: #fff; padding: 10px;}

/*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*/
*html .jdGallery { z-index: -1 !important;}/* IE6*/