#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 3px solid #008000;
line-height: 130%;
}

#top
{
padding: 0.5em;
background: url("images/balloonsFest.jpg") no-repeat right;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#rightnav
{
float: right;
width: 20%;
margin: 0;
padding: 1em;
}

#content
{


padding: 1em;

}
h2{padding-top:7px;line-height:120%;}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
text-align:center;
vertical-align:middle;
}
#footer a{margin:auto;}
#footer a img{margin:auto;
        vertical-align:middle;}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: .5em .5em .5em .5em; }
#content h3 { margin: .5em .5em .5em .5em; }

/* For information about what browsers this CSS was tested on
   and how to interpret the shorthand I use for the browsers' names,
   see: http://albin.net/styles/css-notes.txt */

/* ************************
 * general xhtml elements *
 ************************ */
html, body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}
body {
	padding-bottom: 10px;
	color: #000000;
        font-size: 80%;
	font-family: arial,helvetica,sans-serif;
}
a:link {
	color: #000000;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #ffffff;
	background-color: #336699;
}
/* spacers are sometimes needed so that the containing box doesn't end before the end of the floats */
div.spacer {
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
}
.accessibilityItems {
	display: none;
}
.centered {
	text-align: center; /* 1st part of IE5-5.5 centering hack */
}

/* *****************
 * the content box *
 ***************** */

.contentWrapper5 {
	float: left;
        background-color:#b3b3b3;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 10px; margin-right: 10px;
        width:100%;
        padding: 0px;
	border: 0px;
}
.contentWrapper6 {
	float: left;
        background-color:#b3b3b3;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 10px; margin-right: 10px;
	padding: 0px;
	border: 0px;
	width:73%;
}


.content, .content1, .content2, .content3, .content4, .content5, .content6, .content7
{
	margin: -6px 6px 6px -6px;
	padding: 0px;
	border: 1px solid #000000;
	background-color: #ffffff;
	color: #000000;
}
.content p {
	margin-top: 4px;
	margin-bottom: 4px;
}
.content1 h1, .content1 h2, .content1 p,
.content2 h1, .content2 h2, .content2 p, .content3 h1, .content3 h2, .content3 p,
.content4 h1, .content4 h2, .content4 p, .content5 h1, .content5 h2, .content5 p,
.content6 h1, .content6 h2, .content6 p, .content7 h1, .content7 h2, .content7 p
{
	margin-left: 10px; margin-right: 10px;
}


/* ************************************
 * classes needed for rounded corners *
 ************************************ */
.roundedCornerSpacer {
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
}
.borderTL, .borderTR, .borderBL, .borderBR {
	width: 14px; height: 14px;
	padding: 0px; border: 0px;
	z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -14px  0px  0px  0px; }
.borderBR { margin: -14px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
	margin-left: -4px;
	ma\rgin-left: -1px;
}
html>body .borderTL  {
	margin-left: -1px;
}
.borderTR {
	margin-right: -4px;
	ma\rgin-right: -1px;
}
html>body .borderTR  {
	margin-right: -1px;
}
.borderBL {
	margin-left: -3px;
	ma\rgin-left: 0px;
}
html>body .borderBL {
	margin-left: 0px;
}
.borderBR {
	margin-right: -3px;
	ma\rgin-right: 0px;
}
html>body .borderBR {
	margin-right: 0px;
}



div.menuItem{
             background-image:url("images/greenBGMenu.jpg");
             border: solid white 3px;
             padding:2px;
             }
div.menuItem:hover{
             background-image:url("images/greenBGMenu.jpg");
             border-left:10px solid white;
             padding:2px;
             }
img{

    border:0;
}

#contentImage{
    position:relative;
    float:right;
    padding:10px;
}

.contentImage{
    position:relative;
    float:right;
    padding-left:10px;
    padding-bottom:10px;
}

h1{
  line-height:100%;
}
table{
      font-size: 100%;
	font-family: arial,helvetica,sans-serif;
}

.sponsorheader{
  margin-top:10px;
               text-align:center;
               font-family:georgia;
               font-style: italic;
               font-weight: bold;
               border-top:1px dashed #e3e3e3;
               border-bottom:1px dashed #e3e3e3;
               padding-top:5px;
               padding-bottom:5px;
               margin-left:5px;
               margin-right:5px;
               }
#sponsorThumbs{
               list-style-type:none;
               margin-left:-40px;
               }
#sponsorThumbs li{

               margin-top:10px;
               }
#content h3.sponsorheader{margin-top:40px;
         margin-bottom:20px;}
#associates img{
            margin:5px;
            }
#marketingpartners img{

                   margin:auto;
                   margin-right:20px;
                   margin-left:20px;
                   vertical-align:middle;}
                   
h2#menu {
        margin:auto;
        padding-bottom:5px;
        text-decoration:none;
        text-align:center;
        background:#e3e3e3;
        border:1px solid #c1c1c1;
        }
h2#menu span{margin:0px 10px 0px 10px;}

#contents a{text-decoration:none;}
a:hover {background:#c1c1c1;}
#marketingpartners a:hover {background:#ffffff;}

#agenda{
        border:1px white solid;
        width:100%;
        }
#agenda td{
        padding:4px;
        }
#agenda td.darkGreen {
               color:#ffffff;
               font-weight:bold;
               background:#73c4c8;}
#agenda td div{padding:4px;}
#agenda td div.speaker{font-weight:bold;}

.shoutbox{
           border: 1px solid red;
          background:#e3e3e3;
          margin:10px;
          margin-top:20px;
          }
.shoutbox p{margin:5px;
          padding:0;}
.shoutbox div{margin:15px;}
.redButton{

border-bottom:3px solid #a92e2e;
border-right:3px solid #a92e2e;
border-left:3px solid #f4afaf;
border-top:3px solid #f4afaf;
padding:3px;
background:#f32020;
font-size:1.5em;
}
p.paymentexplaination{
                      font-size:.8em;}

span.redButton a:visited{color:#ffffff;}
span.redButton a{color:#ffffff;}

/*Fi conference 2010 colours*/
.lightGreenBG{ background-color:#c8d9b4;}
.palerGreenBG{background-color:#f2f8e8;}
.greyGreenBG{background-color:#f3f8f1;}
.biliousGreenBG{background-color:#a3cf62;}
.darkGreen{color:#669730;}
.darkGreenBG{background-color:#669730;color:#ffffff;}

h2.palerGreenBG, h1.darkGreenBG, h2.darkGreenBG{padding:5px;}

table#contents{
               margin:10px;
               }