/* San Diego CSS Master
   Copyright 2008 Camron Deen camron@camrondeen.com Used with Permission.                             
   May not be duplicated or reproduced.
   Please check for cross-browser compatibility prior to making changes
   MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* global elements
 * ------------------------------------------------------------------------- */

body { 
	background: #fff url(../images/bg-body.gif) left top repeat-x;
	text-align:left; 
	font:12px/16px Arial, Verdana, Helvetica, sans-serif; 
	color:#515151; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}


h1	{ font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#4483bc; }
h2	{ font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#7bb709; text-transform:lowercase; text-transform:uppercase; text-transform:capitalize;  }
h3	{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#4483bc; }

h1 span,h2 span,h3 span	{ display:none; }

/* global espeaker classes - these override bvisitor.css
 * ------------------------------------------------------------------------- */
p.large { color:#4483bc; }
span.med { padding-left:25px; }
form input.btn { background-color:#4483bc; } 

/* speakers search results page */
span.med { color:#215EAC; }
table.tableborder a:link, table.tableborder a:visited { color:#215EAC; }
table.tableborder a:hover, table.tableborder a:active { color:#215EAC; }
table tr.cellborder1 { background-color:#fff; cellpadding:10px; }
table tr.cellborder2 { background-color:#dddddd; padding:10px; }

/* big search box */
form#big-advanced { margin:0 0 0 341px; }
form .bigbox { background: transparent url("../images/bg-big-search.gif"); width:557px; height:87px; 
    font-size:40px; font-weight:bold; padding-top:18px; padding-left:10px; color:#cccccc }

form#big-advanced input { background-color:none; border:none; }

input.go-btn { 
	background: url("../images/go-btn.gif"); 
	width:69px; 
	height:64px;
	border:none; 
	cursor:pointer; 
	}

/* advanced search */
input.btn-search { 
	background-color:#215EAC; 
	border:1px solid #666666; 
	color:#fff;
	width:100px; 
	height:30px;
	cursor:pointer; 
	}
/* BIG SEARCH search.html */
table#big-search { background: url("../images/bg-main-search.gif") left top no-repeat; width:1018px; height:420px; }
	#speaker-search { padding:80px 0px 0 120px; }
	#topic-search { padding:110px 0 0 95px; }
	td.searchlabels { font-size:11px; }
	
/* end global espeakers overrides */

p a:link, p a:visited { color:#215EAC;  text-decoration:none; outline:none; }
p a:hover, p a:active { color:#215EAC;  text-decoration:none; outline:none; }

/* global classes
 * ------------------------------------------------------------------------- */

div.clear	{ clear:both; height:.01em; overflow:hidden; }

img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 0 12px 12px; }

/* Main framework
 * ------------------------------------------------------------------------- */

#wrap { width:1020px; margin:0 auto; text-align:left; }

#masthead { background:  url("../images/otellus-logo.gif") left top no-repeat; height:163px; width:1020px; margin-bottom:30px; }
#masthead-btn a { position:absolute; width:400px; height:134px; top:40px; left:90px;}/* home link within header */
#masthead span { display:none; }

	p.tagline { padding:15px 0 0 650px; color:#000; font-size:12px; }
	
#bg-search { background: url("../images/search-bar.jpg") left top no-repeat; height:156px; width:1020px; margin-bottom:10px; padding-top:35px;  }

#bg-search2 { background: url("../images/search-bar.jpg") left top no-repeat; height:156px; width:1020px; padding-top:35px;  }

#bg-search-box { background: url("../images/bg-greybox.gif") left top no-repeat; height:388px; width:1018px; float:left; margin-bottom:10px; }

	#flash-container { background: url("../images/otellus-main.jpg"); height:360px; width:990px; float:left; margin:15px 0 0 15px; }
	
#bg-search { background: url("../images/search-bar.jpg") left top no-repeat; height:156px; width:1020px; margin-bottom:30px;  }

#column-left { width:1020px; float:left; }

	#column-left h1, #column-left h2, #column-left h3 { padding:7px 0 7px 25px; }
	#column-left p { padding:5px 25px 7px 25px; }
	p.vision { font:22px/30px Arial, Verdana, Helvetica, sans-serif; }

	
	/* background image ul list items */
	#column-left ul { margin:5px 10px 5px 19px; }
	#column-left ul li { background:transparent url(../images/list-style-left.gif) 0px 6px no-repeat; padding-left:12px; color:#8f8e8e; }

/* #column-right { width:745px; float:left; } */


    /* rss ul list items 
    #column-right ul {  }
    #column-right ul li.rssItem { background:transparent url("../images/list-style-left.gif") 0px 6px no-repeat; padding-left:12px; color:#8f8e8e; }
    #column-right ul li.rssChannel { background:none; font-size:18px; }*/
	
	/* background image ul list items 
	#column-right ul { margin:5px 0px 5px 30px; }
	#column-right ul li { background:transparent url("../images/list-style-left.gif") 0px 6px no-repeat; padding-left:12px; color:#8f8e8e; }*/
	
	p.guides { padding:46px 0 0 420px; }

#page-footer { width:1020px; height:1px; clear:both; overflow:hidden; }

/* Sub Navigation
 * ------------------------------------------------------------------------- */
#sub-nav a:link, #sub-nav a:visited { text-decoration:none; color:#000; }
#sub-nav a:hover, #sub-nav a:active { text-decoration:none; color:#000; border-bottom:1px solid #000; }

ul#sub-nav  { background: url("../images/bg-sub-nav.gif") left top no-repeat; padding:18px 0 15px 10px; width:1018px; font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#sub-nav li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #000; }
#sub-nav li.first { border: none; }

/* Navigation
 * ------------------------------------------------------------------------- */
 
#nav a:link, #nav a:visited { text-decoration:none; color:#215EAC; }
#nav a:hover, #nav a:active { text-decoration:none; color:#215EAC; border-bottom:2px solid #215EAC; }

ul#nav  { margin:65px 0 0 670px; font-size:20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#nav li { padding: 0 5px 0 7px; display:inline; border-left: 2px solid #215EAC; }
#nav li.first { border: none; }


/* Footer
 * ------------------------------------------------------------------------- */
#bg-footer {  background: url("../images/page-footer.jpg") left top no-repeat; width:1020px; height:103px; float:left; }
#footer { width:1020px; text-align:left; margin:0 auto; padding:0 0 0 0; }
#footer a:link, #footer a:visited { text-decoration:none; color:#000; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#000; }
#footer p { text-decoration:none; color:#666666; font-size:0.9em; padding:20px 0 10px 130px; }

#footer ul.footer { margin-bottom:15px; font-size:1.0em; font-family:Arial, Helvetica, sans-serif; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #CCCCCC; }
#footer li.first { border: none; }

#footer-logo { background: url("../images/logo-footer.gif") left top no-repeat; margin:0 0 0 170px; }


/* Main Contact Form
 * ------------------------------------------------------------------------- */
#contact-left { width:600px; float:left; }
	#contact-left p, #contact-left h1, #contact-left h2, #contact-left h3 { padding:5px 15px 5px 25px; }
#contact-right { width:418px; float:left; }
	#contact-right h1 { padding:5px 0 0 0 }

#contact-main { padding:20px 0px 60px 0px; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
input.submit-contact-main { margin:100px 0 0 242px; }


#contact-main label textarea { height:100px; }