body { margin:0; padding:0; font-family:trebuchet ms, verdana, arial, helvetica,sans-serif; background: url(images/bg-body.jpg) top left repeat-x #fff; }
body.home { background: url(images/bg-body-home.jpg) top left repeat-x; }


/* ----- MASTHEAD ------ */	
#masthead {background:url(images/bg-masthead-content.jpg) bottom center no-repeat; display:block; width:100%; height:243px;}
.home #masthead {background:url(images/bg-masthead-home.jpg) bottom center no-repeat; height:313px; }

#menu {display:block; width:950px; height:45px; margin:0 auto;}
	#menu ul, #menu li {margin:0; padding:0; list-style:none;}
	#menu li {display:block; float:left; background:url(images/bg-menu-li.jpg) top right no-repeat;}
	#menu li.last {background:none;}
	#menu a {color:#04386c; text-decoration:none; padding:12px 12px; display:block; }
	#menu a.selected {color:#fff; background:url(images/bg-selected.jpg) top left repeat-x; font-weight:bold; font-size:110%;}
	#menu a:hover {background:url(images/bg-hover.jpg) top left repeat-x;}

/* -----MAIN CONTENT WRAPS ------ */

#owrap { width:970px;  display:block; background: url(images/bg-owrap.jpg) top center no-repeat; margin:7px auto 0 auto;}
#iwrap { display:block; margin: 0 auto; background:url(images/bg-iwrap.jpg) top center repeat-y; width:950px;}


/* ----- COLUMNS ------ */

#sponsors {display:block; float:left; width: 265px; }
#sponsors .wrap { padding:20px 30px; background:url(images/bg-sponsor-wrap.gif) bottom right no-repeat; margin-right:2px; display:block; clear:both;}
#sponsors img {display:block; margin:0px auto 16px auto;}
#content {width:575px; display:block; margin:0 0 0 50px; float:left; padding-bottom:30px; }
	#content .callout {text-align:center; padding:1px 10px; margin-bottom:-35px;}



/* ----- GENERAL TEXT STYLES ------ */

h1 {color:#00529f; font-size:180%; margin-top:30px;}
.center h1 {text-align:left;}
h1 span { font-size:70%; color:#000;}
h2 {color:#035ab0; font-size:120%;}
	#sponsors h2 {color:#323232; line-height:100%;}
	
	h2 .platinum {color:#21568d; font-size:120%;}
	h2 .gold {color:#c66c08; font-size:120%;}
	h2 .silver {color:#8c8c8c; font-size:120%;}
	h2 .bronze {color:#925006; font-size:120%;}
	h2 .small {font-size:85%;}
	.agenda h2 {margin:0; padding:0; font-size: 100%; font-weight:normal;}
	
h3 {color:#a03a00; font-size:100%;}
h4 {color:#f99900; font-size:100%;}

p, li, blockquote {font-size:1.0em; color:#333;}
	.error {color:#cc0000;}
	#content .callout p {font-size:0.9em; color:#999; margin:0.75em 0;}
	#content .callout p strong {}
	
a { color: #284b72;}

.note {font-size:0.7em;}

.center { text-align:center;}
.center img {margin:10px 10px 20px 10px;}

.reminder {margin:0; padding:0;}
.reminder a {text-decoration:none;}
li.outlook {list-style:none; background:url(images/outlook.png) left center no-repeat; margin:0; padding:2px 20px; font-size:0.8em}
li.yahoo {list-style:none; background:url(images/yahoo.png) left center no-repeat;margin:0; padding:2px 20px; font-size:0.8em}
 
table.agenda {border-collapse: collapse; border-bottom:solid 1px #e8e8e8; }
table.agenda th {width:150px; background:#f9f9f9; color:#00529f; font-weight:normal; vertical-align:top; padding:10px; text-align:left; border-top:solid 1px #e8e8e8;}
table.agenda th.track {width:auto;}

.agenda td {padding: 10px; border-top:solid 1px #e8e8e8; vertical-align:top;}

blockquote {border-bottom: solid 1px #ccc; margin:10px 0; padding-bottom: 10px;}
cite {margin-left:20px; }

	
/* ----- FORMS & BUTTONS ------ */
.bluebutton {background:url(../images/common/bg-bluebutton.jpg) no-repeat; display:block; height:40px; width:168px; color:#fff; text-decoration:none; font-weight:normal; padding-top:10px; margin:auto; text-align:center; font-size:75%; display:block; line-height:85%;}
.bluebutton.twoline {padding-top:8px;}
.orangebutton {background:url(../images/common/bg-orangebutton.jpg) top center no-repeat; width:123px; height:31px; text-align:center; display:block;padding-top:8px; margin:0; float:right;}
	.orangebutton a {color:#ffffff; text-decoration:none; font-size:140%; }

input { height:19px; width:214px; font-size:80%; padding:2px 0 0 4px; border:#333 solid 1px;}
input[type="checkbox"], input[type="radio"] {width:19px; vertical-align:middle; border:none;}
textarea {width:400px; height:200px; font-size:90%; padding:2px 0 0 4px; border:#333 solid 1px;}

input.submit {background:#00529f; color:white; border:none; font-weight:bold; margin-top:10px; padding:4px 10px; width:auto; height:auto; cursor:pointer;}

form ul, form li {list-style:none; margin:0; padding:0;}
form li {padding:6px 0; clear:both;}
label {display:block; float:left; text-align:right; width:150px; margin-right:10px;}


/* ----- FOOTER ------ */


#footer {display:block; background: url(images/bg-footer.jpg) repeat-x top left #022253; text-align:left; width:100%;  margin:0px; color:#fff;  }
	#footer .wrap {padding:20px 0; display:block; width:970px; margin:auto; }
	
	#footer .colone {display:block; float:left; width:260px; height:100px; border-right:solid 1px #598cbf; padding:10px 16px 10px 20px;}
	#footer .coltwo {display:block; float:left; width:300px; height:100px; border-right:solid 1px #598cbf; border-left: solid 1px #05386b; padding:10px 16px;}
	#footer .colthree {display:block; float:left; width:320px; height:100px; border-left: solid 1px #05386b; padding:10px 0 10px 16px;}
	
	#footer a {color:#fff; text-decoration:none;}
	#footer p {color:#fff; font-size:0.75em; margin:10px 0; line-height:110%;}
	#footer .fcenter {clear:both; text-align:center; padding:20px 0;}
	#footer .name {display:block; float:left; color:#fff;}
	#footer .phone {display:block; float:right; color:#fff;}

/* ----- FLOAT DIVS ------ */
.fleft {float:left; margin-right:10px;}
	
.fright {float:right;padding:0 0 20px 20px; }
	
/* ----- CLEARING DIVS ------ */	
.cboth {clear:both;}
.cleft {clear:left;}
.cright {clear:right;}