/* Key styles for: TBWN Awards- Townsville Business Women Network*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 13 June 2011*/

/*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: #939598; background: #fff;}
img, div {behavior: url(iepngfix.htc)}
.wrapper {margin-left: auto; margin-right: auto; width: 960px;}
.col {position: relative; float: left;}

/*Container Styles*/
#banner {background: #800023; border-bottom: 5px solid #fff; overflow: hidden; min-width: 1100px; }
#logo {float: left;}
#tbwnbtn {float: right; position: absolute; top: 0; height: 121px;}

#nav {background: #000; height: 32px; clear: both; min-width: 1100px;}


#homemaincon {clear: both; background: url(images/homemaincon-bg.jpg) repeat-y #fff; padding: 20px; overflow: hidden; width: 920px;}
#homemain{width: 620px; padding-right: 20px; }
#homeside{width: 280px;}
#homegallery {padding-bottom: 20px;}
#homebase {clear: both;}

#sponsorcon {padding: 50px; border-top: 2px solid #e5e5e5; background: #fff; clear: both;}
#sponsorcon img {padding: 2px 10px;}

#sociallinks { margin-top: -40px; float: right; margin-bottom: 20px; margin-right: -40px; }
*html #sociallinks {margin-right: -20px;}
#sociallinks a:hover { background: none; border: none;}

#maincon {clear: both; width: 960px; background: #fff; overflow: hidden;} 
#contentcon {width: 685px; padding: 20px;  margin-bottom: -20px; overflow: hidden;}
*html #contentcon {width: 680px;}
#sidebar {width: 232px; background: #ebebeb; border-right: 3px solid #d6d6d6; }
#content {clear: both; overflow: hidden;}

#actioncallcon {width: 210px; float: right; margin-left: 20px;}

.actioncontent {padding: 0px 15px;}

#websitedeveloper {margin-left: auto; margin-right: auto; width: 960px;}



/*Sub-Navigation Styles*/
#subnav ul {margin-left: 0 !important; width: 232px; margin-bottom: 50px;}
#subnav li {margin: 0; display: block; list-style: none;  border-bottom: 2px solid #fff;}
#subnav li a{text-decoration: none; color: #000; font-size: 1.6em; width: 212px; display: block; padding: 5px 5px 5px 15px;}
#subnav li a:hover {background: #fff;}
#subnav li.current-page a{background: #fff;}

/*Sub Sub Navigation Styles*/
#subnav ul ul{margin-left: 0px !important; margin-bottom: 0px;}
#subnav ul ul li{border-bottom: 2px solid #fff;}
#subnav ul ul li a{color: #000; padding: 5px 5px 5px 30px; width: 197px;}
#subnav ul ul li a:hover {color: #6d0027;}
#subnav ul ul li.last {border-bottom: none;}

/*Link Styles*/
a {color: #6d0027; text-decoration: none;}
a:link{color: #6d0027;}
a:visited {color: #6d0027;}
a:hover {color: #fff; background: #6d0027;}

#banner a:hover{background: none !important;}

table.tablefilled a{color: #eac3ce}
table.tablefilled a:hover {background: #fff; color: #800023;}

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

#setgallery a:hover {border-bottom: none!important; background: none !important;}
#gallery a:hover {border-bottom: none !important; background: none !important;}
.chighlightcontent a{color: #eac3ce;}
.chighlightcontent a:hover {background: #fff; color: #800023;}

/*Paragraph Styles*/
h1 {font-size: 2.4em; color: #424242; padding-bottom: 5px; font-weight: normal; line-height: 1.1em}
h2 {font-size: 2.0em; color: #800023; padding-bottom: 10px; font-weight: normal;}
h3 {font-size: 1.8em; color: #800023; padding-bottom: 2px; font-weight: normal;}
h4 {font-size: 1.6em; color: #800023; padding-bottom: 2px; font-weight: normal;}
p {font-size: 1.4em; padding-bottom: 20px; line-height: 1.3em;}

#websitedeveloper p {font-size: 12px;}
#content p{font-size: 1.4em;}
#subnav h2 {font-family: "Century Gothic"; color: #000; font-size: 2.4em; text-transform: uppercase; padding: 15px 15px 10px 15px;}
#homemain p {font-size: 1.2em; color: #424242;}
p.blurb {font-size: 1.8em !important; line-height: 1.2em;}
.actioncontent h3 {font-size: 1.8em; color: #fff; font-weight: normal;}
.actioncontent p {font-size: 1.4em; color: #fff; padding-bottom: 0;}
.featurecontent p {padding-bottom: 10px;}
.indentedcon h2 {padding-bottom: 2px;}
.indentedcon p {padding-bottom: 25px;}
.eventcon .actioncontent {text-align: center;}
.eventcon .actioncontent h3 {font-size: 2em;}

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

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

table.tableborders {border: 1px solid #ccc;}
table.tableborders td {border: 1px solid #ccc; padding: 10px;}

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

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; padding-top: 4px;}

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

/*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;}

img#ad1 {padding: 0 0 20px 0;}
img#ad2 {padding: 0 0 20px 0;}
img#ad3 {padding: 0 0 20px 0;}
img#ad4 {padding: 0 37px 0px 0px;}
img#ad5 {padding: 0 37px 0px 0px;}
img#ad6 {padding: 0 0 0px 0;}

img.pageheading {padding: 0;}
.pageheading {padding-bottom: 20px !important;}
#sidebar img {border: 2px solid #fff; }

/*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;} /*This is the just a style that can be used to highlight text within a paragraph*/
.indentedcon {padding: 0 30px;}
.smallerfont {font-size: 12px;}

/*Shadow Container*/
#shadow{margin-left: auto; margin-right: auto; width: 1024px;}
#shadow span.top{display: block; background: url(images/shadow-top.png) no-repeat top; height: 10px; behavior: url(iepngfix.htc)}
#shadow span.bottom{display: block; background: url(images/shadow-bottom.png) no-repeat; height: 10px; behavior: url(iepngfix.htc)}
#shadow span.middle{display: block; background: url(images/shadow-middle.png) repeat-y; behavior: url(iepngfix.htc)}

/*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*/

/*background image*/
#backgroundImage, #backgroundImage table, #backgroundImage td {height: 100%; overflow: hidden; min-width: 1100px;}

#backgroundImage div { left: 0%; position: absolute; top: 0%; overflow: hidden; min-width: 1100px; z-index: -200;}
#backgroundImage td {text-align: center;  vertical-align: middle; padding: 0;}
#backgroundImage img {margin: 0 auto;  min-height: 50%;  min-width: 1100px;}


/*Action Container*/
.actioncon {margin-left: auto; margin-right: auto; width: 207px; margin-bottom: 20px;}
.actioncon span.actiontop{display: block; background: url(images/action-top.jpg) no-repeat top; height: 12px;}
.actioncon span.actionbottom{display: block; background: url(images/action-bottom.jpg) no-repeat; height: 13px;}
.actioncon span.actionmiddle{display: block; background: url(images/action-middle.jpg) repeat-y;}
*html .actioncon span.actionmiddle{margin-top: -3px;}

/*Feature Container*/
.featurecon {margin-bottom: 20px; overflow: hidden;}
.featureimage {width: 160px;}
.featurecontent {width: 515px; padding-left: 10px;}

/*Coloured Highlight Box Container*/
.chighlightcon {margin-left: auto; margin-right: auto; width: 331px; margin-bottom: 20px; float: left;}
.chighlightcon span.chighlighttop{display: block; background: url(images/coloured-highlight-top.gif) no-repeat top; height: 24px;}
.chighlightcon span.chighlightbottom{display: block; background: url(images/coloured-highlight-bottom.gif) no-repeat; height: 22px;}
.chighlightcon span.chighlightmiddle{display: block; background: url(images/coloured-highlight-middle.gif) repeat-y; height: 600px;}
.chighlightcontent {padding: 0 20px; color: #fff;}
.chighlightcontent h3 {text-transform: uppercase; color: #fff; font-weight: normal; padding-bottom: 10px; font-size: 2.4em;}
.chighlightcontent h4 {font-size: 1.6em; color: #fff; padding-bottom: 20px;}


/*Grey Highlight Box Container*/
.highlightcon {margin-left: auto; margin-right: auto; width: 331px; margin-bottom: 20px; float: left; padding-right: 20px;}
.highlightcon span.highlighttop{display: block; background: url(images/highlight-top.gif) no-repeat top; height: 24px;}
.highlightcon span.highlightbottom{display: block; background: url(images/highlight-bottom.gif) no-repeat; height: 22px;}
.highlightcon span.highlightmiddle{display: block; background: url(images/highlight-middle.gif) repeat-y; height: 600px;}
.highlightcontent {padding: 0 20px; color: #fff;}
.highlightcontent h3 {text-transform: uppercase; color: #fff; font-weight: normal; padding-bottom: 10px; font-size: 2.4em;}
.highlightcontent h4 {font-size: 1.6em; color: #fff; padding-bottom: 20px;}


/*Event Container*/
.eventcon {border-bottom: 1px solid #e5e5e5; overflow: hidden; margin-bottom: 30px;}
*html .eventcon {border-bottom: none;}
.eventheading {margin-bottom: 10px;}
.eventinfo {width: 210px;}
.eventcontent {width: 465px; padding-left: 10px;}


/*Navigation*/
/*Top Level Navigation Styles*/
.menu {position:relative; z-index: 100; padding: 0 !important;}
.menu ul {padding:0 !important; margin:0; list-style-type: none;   background: #000;}
*html .menu ul {float: left; position: relative;}

*html .menu {background: #000; width: 960px; height: 100%;}
*html .menu ul {background: none;}

.menu ul li {float:left; position:relative; padding: 0 !important}
.menu ul li .last {}
*html .menu ul li .last {}
.menu ul li a, .menu ul li a:visited {text-decoration: none; color: #fff; padding: 8px 10px !important; display: block; border-right: 1px solid #3f3f3f; text-align: center; font-size: 1.4em;}
.menu ul li ul {display: none;}
.menu table {margin: 0px; border-collapse: collapse; border: 0 !important;}

/*Font Size of the list items in the drop down menu*/
.menu table td{padding: 0px; border: 0 !important; font-size: 12px}

/*Styles for the last list item and the current list item*/
.menu ul li.last a{}
.menu ul li.current a, .menu ul li a.current{background: #6d0027 !important;}
.menu ul ul li.current a, .menu ul ul li a.current{color: #fff !important; }
.menu ul li table ul li.current a{background: #6d0027;}


/*Hover effect for the top level navigation*/
.menu ul li:hover a,.menu ul li a:hover {color: #fff; border-bottom: none; background: #6d0027;}
.menu ul li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; left:0; top: auto; margin-top: 0px;}
*html .menu ul li:hover ul, *html .menu ul li a:hover ul {margin-top: 9px;}
.ie9 .menu ul li:hover ul, .ie9 .menu ul li a:hover ul {margin-top: 8px;}

html>body .menu ul li:hover ul, html>body.menu ul li a:hover ul {*margin-top: 1px;}

.menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}

 /*Background colour of the drop down list*/
.menu ul li:hover ul, .menu ul li a:hover ul {background: #d2a09c; text-align: left;}
.menu ul li:hover ul li a,.menu ul li a:hover ul li a {display:block; background: none; color: #56011f; height:auto;  padding:10px 10px; width:160px; border-right: none; font-size: 12px; text-align: left;}

/*Styles for the hover effect of the drop down item*/
.menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover {background:#6d0027; color: #fff; width: 160px;}

/*Login Box*/
#loginformcon{float: right; padding-top: 20px;}
#login{width: 710px;}
#login h2 {font-family: "Century Gothic"; color: #fff; font-size: 16px; text-transform: uppercase; padding-bottom: 0px;}
html>body #login h2 {*text-align: right;}
#login td{font-family: "Century Gothic"; font-size: 16px !important; color: #fff; padding: 2px 5px 2px 0;}
#login td p {font-size: 12px !important;}

#login label {font-size: 12px;}
#login input#chkbox {margin-left: -5px;}
#login a {font-size: 12px; color: #fff; }
#login a:hover {background: none; color: #000;}

#login input#submit {background: url(images/login-btn.jpg) no-repeat; width: 77px; height: 23px; border: none;}
#login input#forgotsubmit {background: url(images/submit-btn.jpg) no-repeat; width: 78px; height: 23px; border: none;}
#login input#forgotcancel {background: url(images/cancel-btn.jpg) no-repeat; width: 78px; height: 23px; border: none;}

/*Contact Card Styles */
.vcard p{padding-bottom: 0px !important; clear: both; }
.vcard .c-label { font-weight: bold; width: 180px; display: block; float: left;  }

#bg { min-width: 1100px;}