/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */


/* - - - - - - - - - - - - - - - - - - - - -

Title : Innovation Bay web site
Author : Brent Dayman
URL : 

Description : template stylesheet

Created : 20071126 14:10 
Modified : 

COLOURS
Background:	#000
Highlight:	#FFF
L grey:		#AEB7B8	  [BCBEC0]
grey:		#5F7274
bluegrey1:	#FF0085
bluegrey2:	#6B7A7D

magenta:	#EC008C
cyan:		#87B0B7

mN_nav		#B5BCBE


- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */


#pageBody{
	margin:0; 
	padding:23px;
}

/* ----- IDS ----- */

#container{}	
#header {
	display:block;
	float:left;
	width:100%;
	margin:0; padding:0 0 16px 0;
	background: transparent url(/images/background/dottedLine-top.gif) no-repeat bottom left;
}

#innovationBay-logo {
	display:block;
	float:left;
	margin: 2px 0 0 0;
}

#nav-container {
	display:block;
	float:left;
	width:100%;
	background: transparent url(/images/background/dottedLine-repeat.gif) repeat-x bottom left;
}

#navigation {
	font-family:  "Lucida Grande", Tahoma, Arial, sans-serif;
	display:block;
	float:left;
	width:100%;
	background: transparent url(/images/background/dottedLine-Sides.gif) no-repeat top left;
}

#search { 
	display:block;
	float:right;
	margin:0 1px 0 0 ; padding: 5px 0 0 0;
	width:245px;
	background: transparent url(/images/background/dottedLine-RHCorner.gif) no-repeat top right;
}

#headerImage { /* home page only */
	display:block;
	width:830px; height:119px;
	background: #000 url(/images/background/header_background.jpg) no-repeat top left;
}

#headerInsideImage { /* inside pages only */
	display:block;
	width:830px; height:67px;
	background: #000 url(/images/background/headerInside_background.jpg) no-repeat top left;
}

#defaultPage { margin:14px 40px 0 14px;}

#sidePanel-top {
	display:block;
	margin:0; padding:0;
	width:249px; height:10px;
	background: transparent url(/images/background/sidePanel_top.gif) no-repeat top left;
}

#sidePanel-container {
	background: transparent url(/images/background/sidePanel_back.gif) repeat-y top left;
}

#sidePanel, #sidePanelintro-container { padding:0 26px 0 9px; line-height:0.95em;}

#sidePanel-bottom {
	display:block;
	margin:0; padding:0;
	width:249px; height:10px;
	background: transparent url(/images/background/sidePanel_bottom.gif) no-repeat bottom left;
}

#latestArticle { 
	margin:0 28px 0 0;
	padding: 15px 12px 5px 14px; 
	background:transparent url(/images/background/dottedLine.gif) repeat-x top left;
}

#previousArticles { 
	margin:0 28px 0 0;
	padding: 15px 12px 5px 14px; 
	background:transparent url(/images/background/dottedLine.gif) repeat-x top left;
}
	
#footerNavigation{
	font-family:  "Lucida Grande", Tahoma, Arial, sans-serif;
	width: 516px;
	margin:0; padding: 5px 12px 5px 9px; 
	background:transparent url(/images/background/dottedLine-Light.gif) repeat-x top left;
	font-size:65%;
}

/* ----- CLASSES ----- */

td.intro { padding:20px 0 0 0;}

/* ----- HEADINGS ----- */

/* h2 */
#heading-header {
	color:#EC008C;
	text-indent:-5000px;
}

/* h3 */
#headSection-previousA, #headSection-latestA, #headSection-upcomingE, #headSection-newsA {
	position:relative;
	width: 160px; height:12px;
	margin: 0; padding:0;
	font-weight:normal;
	text-transform:uppercase;
	color:#EC008C;
	font-size:65%;
	letter-spacing:3px;
}

#headSection-upcomingE, #headSection-newsA {
	color:#87B0B7;
	margin:15px 0 13px 0;
}

#headSection-upcomingE { margin-top:5px; line-height:0.8em; }

#headSection-previousA span{ 
	position:absolute;
	width:100%; height:100%;
	background:transparent url(/images/headings/previousA.gif) top left no-repeat;
}
#headSection-latestA span{ 
	position:absolute;
	width:100%; height:100%;
	background:transparent url(/images/headings/latestA.gif) top left no-repeat;
}
#headSection-upcomingE span{ 
	position:absolute;
	width:100%; height:100%;
	background:transparent url(/images/headings/upcomingE.gif) top left no-repeat;
}
#headSection-newsA span{ 
	position:absolute;
	width:100%; height:100%;
	background:transparent url(/images/headings/newsA.gif) top left no-repeat;
}

/* ----- PARAGRAPHS ----- */

#header p{
	display:block;
	float:left;
	width:280px;
	margin:0 0 0 20px; padding:0;
	font-size:65%;
	color:#6B7A7D;
	line-height:1.15em; /* if removed make margin-top:5px; to #innovationBay-logo */ 
}

#breadcrumbs {
	margin: 5px 0 2em 14px;
	color:#FFF;
	font-size:65%;
	font-family:  "Lucida Grande", Tahoma, Arial, sans-serif;
}

#applyButton { 
	margin:2em 0 0 -9px; 
	padding: 0 0 1.2em 0;
}

#footerNavigation p{
	margin:2px 0 0 0; padding:0 0 0 5px;
	color:#6B7A7D;
	float:left;
}

/* ----- QUOTES ----- */

blockquote{
	margin:0; padding:0;
}



/* ----- LISTS ----- */

#navigation ul{
	display: block;
	float:left;
	width:559px;
	margin:0; padding:0 0 0 1px;
	list-style-type:none;
	/*background: transparent url(/images/background/navigation_UL.gif) repeat-y top left;*/
}

#navigation li{
	display:inline;
	margin:0; padding:0;
}

#sidePanel ul, #footerNavigation ul {
	margin:0; padding:0;
	list-style-type:none;
}

#sidePanel ul {
	width:153px;
	background:transparent url(/images/background/dottedLine.gif) repeat-x top left;
}

#sidePanel li { margin:0; padding:0; }

#footerNavigation li {
	display:inline;
	margin:0; padding:0;
}

/* ----- LINKS ----- */

#breadcrumbs a { color: #6B7A7D; text-decoration:none;}
#breadcrumbs a:hover { color: #FFF;}

#mN_Home_on a, #mN_Even_on a, #mN_Abou_on a, 
#mN_Arch_on a, #mN_Memb_on a,
#mN_Home a, #mN_Even a, #mN_Abou a, 
#mN_Arch a, #mN_Memb a, #mN_Emai a {
	display:block;
	float:left;
	padding: 7px 14px 8px 14px;
	color: #B5BCBE;
	text-decoration:none;
	font-size:65%;
	background: transparent url(/images/background/dottedLine-Vertical.gif) repeat-y top left;
}

#mN_Home_on a, #mN_Even_on a, #mN_Abou_on a, 
#mN_Arch_on a, #mN_Memb_on a, 
#mN_Home a:hover, #mN_Even a:hover, #mN_Abou a:hover, 
#mN_Arch a:hover, #mN_Memb a:hover {
	color: #FFF;
}

#mN_Home_on a, #mN_Even_on a, #mN_Abou_on a, 
#mN_Arch_on a, #mN_Memb_on a {
	border-bottom: 1px solid #000;
}

#mN_Home_on a, #mN_Home a, #mN_Home a:hover {
	background: transparent url(/images/background/dottedLine-LHCorner.gif) no-repeat top left;
}

#mN_Emai a {
	padding-left: 24px;
	color:#6B7A7D;
	background: transparent url(/images/icons/email-nav_off.gif) no-repeat center left;
}

#mN_Emai a:hover {
	color:#FFF;
	background: transparent url(/images/icons/email-nav_on.gif) no-repeat center left;
}

#applyButton a {
	display:block;
	width: 163px; height:22px;
	text-indent:-5000px;
	background: #000 url(/images/applyForMembership.gif) no-repeat top left;
}

#applyButton a:hover {
	background-position:left -22px
}

#sidePanel li a {
	display:block;
	margin:0; padding:8px 0 9px 0;
	text-decoration:none;
	font-size:65%; color:#6B7A7D;
	background:transparent url(/images/background/dottedLine.gif) repeat-x bottom left;
}

#sidePanel li a:hover { color:#FFF;}

#footerNavigation li a {
	border: 1px solid #6B7A7D;
	border-width: 0 1px 0 0;
	color: #6B7A7D;
	margin:0; padding:0 5px 0 5px;
	text-decoration:none; 
}

#footerNavigation li a:hover { color:#FFF;}
#footerNavigation li.last a { border-width: 0; }

a.poweredby  {
	display:block; float:none;
	background: url(/images/poweredByKomodoCMS.gif) no-repeat;
	width:115px; height:13px;
	margin: 2px 0 0 0; 	padding:0;
	border-width:0;
	text-indent:-5000px;
}

/* ----- HR ----- */

.hrDivider { 
	height:2px;
	background:transparent url(/images/background/dottedLine.gif) repeat-x top left;
}

.hrDivider hr {display:none;}

/* ----- Forms ----- */
input.searchInput {
	margin:0; padding:1px 0 1px 4px;
	height:13px; width:216px;
	border-left: 1px solid #1D2A25;
	border-top: 1px solid #1D2A25;
	border-right: 1px solid #5B605F;
	border-bottom: 1px solid #5B605F;
	font-family:  "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:65%;
	background-color:#253430;
	color:#B5BCBE;
}

fieldset { margin:0; padding:0; border:0;}

form.defaultForm input {
	display:block;
	margin-top: 3px;
	border-width:1px;
	font-family:  "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#6B7A7D;
}

form.defaultForm input.inputbutton {
	color:#1B2A2D;
}

form.defaultForm label {
	display: block;
	width: 260px;
	line-height: 14px;
	padding: 0 0px 12px 0;
	font-size: 12px;
	color:#6B7A7D;
}

form.defaultForm label em { color: #EC008C; font-style:normal;}

form.defaultForm textarea {
	display: block;
	width: 380px;
}

form.defaultForm  input.inputText {}

form label.field-first,
form label.field-email,
form label.field-jobtitle {
	clear: left;
}

form label.field-first,
form label.field-surname,
form label.field-email,
form label.field-mobile,
form label.field-jobtitle,
form label.field-company,
form label.field-compWebsite {
	float: left;
	margin: 0 20px 0 0;
	width: 180px;
}

form label.field-first input,
form label.field-surname input,
form label.field-email input,
form label.field-mobile input,
form label.field-jobtitle input,
form label.field-company input,
form label.field-compWebsite input {
	float: left;
	padding: 0;
	width: 180px;
}

form textarea.inputTextArea {
	margin-top: 3px;
	border-width:1px;
	font-family:  "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#6B7A7D;
}


/* ----- IMG ----- */
.eventImage { margin: 17px 0 0 14px;}

#mainHeading { margin:14px 0 0 14px;}

#mainContent { 
	margin:0 28px 0 0;
	padding: 15px 12px 5px 14px; 
	background:transparent url(/images/background/dottedLine.gif) repeat-x top left;
}
.homeIntro {
	margin:0pt 40px 1em 14px;
}

.portalDate {
	color:#FFFFFF;
	font-size:92%;
	text-decoration:none;
}
.portalText {
	color:#6B7A7D;
	font-size:92%;
	text-decoration:none;
}	
a.portalLink {
	color:#87B0B7;
	font-size:92%;
	text-decoration:underline;
}
a.portalLink:hover {
	color:#ffffff;
}