/*

	Mix and Mingles main style sheet (non-colour)
	loosely based on Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

/* This controls the width of the fluid width layouts */

div.fluid
{
    width: 90% !important;
}

/* This controls the width of the fixed width layouts */

div.fixed
{
    width: 950px !important;
}

/* Basic Stuff */

*
{
    margin: 0em;
    padding: 0em;
}

body
{
    background-color: #FFFFFF;
    color: #000000;
    font-size: 10pt;
    font-family: "Trebuchet MS" ,Tahoma, Verdana, "Comic Sans MS" , Arial, Geneva, Helvetica, sans-serif;
}

h1, h2, h3, h4
{
    font-weight: bold;
    font-family: Georgia, Serif;
    font-style: italic;
}

h5
{
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}
h6
{
    font-weight: bold;
    font-style: normal;
    font-size: 1.0em;
}

h2, h3, h4, h5, h6
{
    color: #3A3A1F;
}

h1 span
{
    font-weight: bold;
}

h2 span
{
    font-weight: bold;
    letter-spacing: 0.05em;
}

h3 span
{
    font-weight: bold;
    letter-spacing: 0.05em;
}

h4 span
{
    font-weight: bold;
    letter-spacing: 0.05em;
}

br.clear
{
    clear: both;
}

img
{
    padding: 3px;
    border: solid 1px #e1e1e1;
}

img.floatTL
{
    float: left;
    margin-right: 1.5em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

img.floatTR
{
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
    margin-top: 0.5em;
}

a
{
    text-decoration: none;
    color: #6600FF;
}

a:hover
{
    text-decoration: underline;
}

p
{
    line-height: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
}

/* Header */

#header
{
    width: 100%;
    height: 145px;
    background: #F4B124 url('Graphics/NewTopBanner1.jpg') no-repeat;
}

#header_inner
{
    position: relative;
    height: 145px;
    margin: 0 auto;
}

/* Menu */

#menu
{
    position: absolute;
    right: 0em;
    bottom: 0em;
    font-family: "Comic Sans MS" , Arial, helvetica, sans-serif;
}

#menu a
{
    background: transparent;
    color: White;
    font-weight: bold;
    text-decoration: none;
}
#menu a:hover
{
    color: Black;
}

#menu a.active
{
    background: transparent;
    color: White;
}

/* Main */

#main
{
    background: transparent;
}

#main_inner
{
    position: relative;
    margin: 0 auto;
    padding-top: 2.0em;
}

#main_inner p
{
    margin-bottom: 0.2em;
}

#main_inner b
{
    font-size: 1.1em;
}

#main_inner blockquote
{
    margin-bottom: 1.0em;
    margin-left: 2.0em;
}

#main_inner ul
{
    margin-bottom: 1.0em;
}

#main_inner h2
{
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color: #F4B124;
    font-size: 2.4em;
    padding-bottom: 0.1em;
    margin-bottom: 0.4em;
    font-weight: bold;
}

#main_inner h3
{
    position: relative;
    border-bottom: solid 2px #F4B124;
    font-size: 1.6em;
    padding-bottom: 0.1em;
    margin-bottom: 0.4em;
    padding-top: 0.2em;
}

#main_inner h4
{
    position: relative;
    border-bottom: dotted 1px #F4B124;
    font-size: 1.4em;
    padding-bottom: 0.175em;
    margin-bottom: 0.4em;
    margin-top: 0.4em;
}
#main_inner h4.center
{
    border-style: none;
    text-align: center;
}

#main_inner .event
{
    position: relative;
    clear: both;
}
#main_inner .event h2
{
    border-style: none;
    position: relative;
    font-size: 1.6em;
    padding-bottom: 0.2em;
    font-weight: bold;
}
#main_inner .event h3
{
    border-style: none;
    position: relative;
    font-size: 1.2em;
    padding-bottom: 0.2em;
    font-weight: bold;
}
#main_inner .event h4
{
    border-style: none;
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
}

#main_inner .event img
{
    vertical-align: baseline;
    float: left;
    margin-right: 10px;
}
#main_inner .event p
{
    font-size: 1.0em;
}

#main_inner hr
{
    clear: both;
    border: 0;
    width: 100%;
    color: #F4B124;
    background-color: #F4B124;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#main_inner .testimonial-right
{
    margin: 5px;
    padding: 1em;
    background-color: rgb(153, 102, 51);
    width: 90%;
    float: right;
}


#main_inner .testimonial-left
{
    margin: 5px;
    padding: 1em;
    background-color: rgb(255, 255, 153);
    font-family: Arial;
    width: 90%;
    float: left;
}

#main_inner .link
{
    padding: 2px;
    margin: 5px;
    float: left;
    border: 2px solid #808080;
    width: 257px;
    height: 57px;
}
#main_inner .link img
{
    border-style: none;
    width: 250px;
    height: 50px;
}

#main_inner .linkbox
{
    border-style: none;
    width: 247px;
    height: 50px;
    margin-top: 5px;
    margin-left: 5px;
}
#main_inner .linkbox p
{
    margin-left: 10px;
}


/* Footer */

#footer
{
    width: 950px;
    margin: 0 auto;
    text-align: center;
    clear: both;
    border-top: dotted 1px #E1E1E1;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    padding-top: 1.0em;
}

/* Tail (i.e. bottom banner) */

#tail
{
    clear: both;
    width: 100%;
    height: 62px;
    background: #F4CB28 url('Graphics/BottomBanner1.png') no-repeat;
}


/* LAYOUT - 2 COLUMNS */

/* Primary content */

#primaryContent_2columns
{
    position: relative;
    margin-right: 250px;
    top: 1px;
    left: 5px;
}

#columnA_2columns
{
    position: relative;
    float: left;
    width: 100%;
    margin-right: -250px;
    padding-right: 20px;
    top: 0px;
    left: 2px;
    border-right: dotted 1px #919191;
}

/* Secondary Content */

#secondaryContent_2columns
{
    float: right;
}

#columnC_2columns
{
    width: 205px;
    float: left;
    padding: 0px 0px 5px 20px;
}

/* LAYOUT - COLUMNLESS */

/* Primary content */

#primaryContent_columnless
{
}

#columnA_columnless
{
    position: relative;
    width: 100%;
}

#sctable
{
    width: 730px;
}

#sctable td
{
    padding: 3px;
    vertical-align: top;
}