/* ===================================================
CSS for MITA - v1.0

Author: 		whitespacedesign
Contact: 		emily@whitespacedesign.co.uk
Website: 		http://www.whitespacedesign.co.uk
created: 		07.07.08
=================================================== */




/******************{ universals }*********************/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,td,tr,th
	{margin:0; padding:0 }
	
body {
	font: 75% arial, helvetica, sans-serif; /* reset font size to 12px; */
	text-align: center;
	color: #353535;
	}

h1,h2,h3,h4,h5,h6,pre,code,input,textarea {font-size:1em;font-weight: normal;}

a img,:link img,:visited img {border:none;}

:link,:visited {text-decoration:none;}

ul,ol {list-style:none;}

address {font-style: normal;}

.screenreader {
	position: absolute;
	left: -9000px;
	top: -9000px;
	}
	
.imageReplace,
.actionButton a,
.promos h2,
#aboutNav li a {text-indent: -9000px;}

.clearfix:after,
.index .item li:after { /* makes float container block clear floated blocks inside it */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix,
* html .index .item li {height: 1%;} /* fix for about clearfix for IE PC */
/* End hide from IE-mac */


a:active {outline: none;}
:focus {-moz-outline-style: none;}




/******************{ structure }*********************/
	
#global {
	width: 830px;
	margin: 15px auto;
    padding-left: 10px; /* this is to create scroller for lists that use outdented bullets */
	text-align: left; /* reset */
	}

#header {
	float: left;
	width: 830px;
	}
	
p.login {float: right;}
p.login a {color: #F4791F;}
p.login a:hover {color: #9F1D20;}
	
#logo {
	height: 115px;
	}

#mainNav ul {
	width: 830px;
	padding-bottom: 9px;
	background: transparent url(../graphics/hrule.gif) 0 bottom no-repeat;
	float: left;
	}
	
#mainNav ul li {float: left;}
#mainNav ul li a {
	display: block;
	height: 19px;
	text-indent: -5000px
	}



#mainNav ul li.nav1 a {
	width: 70px;
	background: transparent url(../graphics/nav_home.gif) 0 -19px no-repeat;
	}
#mainNav ul li.nav2 a {
	width: 111px;
	background: transparent url(../graphics/nav_aboutus.gif) center -19px no-repeat;
	}
#mainNav ul li.nav3 a {
	width: 113px;
	background: transparent url(../graphics/nav_directory.gif) center -19px no-repeat;
	}
#mainNav ul li.nav4 a {
	width: 91px;
	background: transparent url(../graphics/nav_news.gif) center -19px no-repeat;
	}
#mainNav ul li.nav5 a {
	width: 99px;
	background: transparent url(../graphics/nav_events.gif) center -19px no-repeat;
	}
#mainNav ul li.nav6 a {
	width: 149px;
	background: transparent url(../graphics/nav_opportunities.gif) center -19px no-repeat;
	}
#mainNav ul li.nav7 a {
	width: 119px;
	background: transparent url(../graphics/nav_resources.gif) center -19px no-repeat;
	}
#mainNav ul li.nav8 a {
	width: 78px;
	background: transparent url(../graphics/nav_contact.gif) right -19px no-repeat;
	}

#mainNav ul li a:hover {
	background-position: center -38px;
	}
	
#mainNav ul li.nav1 a:hover {
	background-position: 0 -38px;
	}
	
#mainNav ul li.nav8 a:hover {
	background-position: right -38px}
	
	
#bodyHome #mainNav ul li.nav1 a { background-position: 0 0; }

#bodyAbout #mainNav ul li.nav2 a,
#bodyDirectory #mainNav ul li.nav3 a,
#bodyNews #mainNav ul li.nav4 a,
#bodyEvents #mainNav ul li.nav5 a,
#bodyOpportunities #mainNav ul li.nav6 a,
#bodyResources #mainNav ul li.nav7 a {
	background-position:  center 0;
	}

#bodyContact #mainNav ul li.nav8 a { background-position:  right 0;}
	





/**************************{ c o n t e n t }************************/
	
div#mainContent,
div#wideCol {
	width: 560px;
	float: left;
	}
	
div#tableCol {
	width: 100%;
	float: left;
	}
	
h1 {
	width: 540px;
    height: 21px;
    margin: 0 0 20px 0;
   	background: #FFF no-repeat 0 0;
	text-indent: -5000px;
	}

#bodyHome h1 {height: 47px;background-image: url(../graphics/h1_home.gif);}
#bodyAbout h1 {height: 0;margin: 0;}
#bodyDirectory h1 {background-image: url(../graphics/h1_directory.gif);}
#bodyNews h1 {background-image: url(../graphics/h1_news.gif);}
#bodyEvents h1 {background-image: url(../graphics/h1_events.gif);}
#bodyOpportunities h1 {background-image: url(../graphics/h1_opportunities.gif);}
#bodyResources h1 {background-image: url(../graphics/h1_resources.gif);}
#bodyContact h1 {background-image: url(../graphics/h1_contact.gif);}
#bodyNewsletter h1 {background-image: url(../graphics/h1_newsletter.gif);}
#bodyJoin h1 {background-image: url(../graphics/h1_joinus.gif);}
#bodyMembers h1 {background-image: url(../graphics/h1_membersarea.gif);}
#bodyMembers.forgotten h1 {background-image: url(../graphics/h1_forgotten.gif);}
#bodyMembers.invite h1 {background-image: url(../graphics/h1_invite.gif);}
#bodyMembers.thankyou h1 {background-image: url(../graphics/h1_thanks.gif);}
#bodyMembers.register h1 {background-image: url(../graphics/h1_register.gif);}
#bodyMembers.yourprofile h1 {background-image: url(../graphics/h1_yourdetails.gif);}
#bodyMembers.login h1 {background-image: url(../graphics/h1_login.gif);}
#bodyMembers.membersList h1 {background-image: url(../graphics/h1_memberslist.gif);}
	
div#wideCol {
	margin-top: 16px;
	}
#wideCol p,
p.pagination {
	line-height: 1.5em; /* 18px */
	color: #353535;
	margin: 0 50px 10px 0;
	width: 510px;
    float: left;
    display:inline;
	}

p.pagination {
	text-align:right;
	width:550px;
	margin: 0 10px 0px 0;
	}
	
p.pagination a,
p.pagination b {
	padding-right: 5px;
	}
	
#wideCol p.firstP,
#wideCol div.firstP p:first-child,
#wideCol div.firstP ul {
	font-size: 1.17em; /*14px*/
	line-height: 1.3em; 
	color: #727272;
	margin: 0 20px 20px 0;
	width: 540px;
	}
#wideCol p a,
p.links a,
#wideCol li a {color: #F4791F;}
#wideCol p a:hover,
p.links a:hover,
#wideCol li a:hover {color: #9F1D20;}

#wideCol p.date,
#wideCol p.venue { color: #727272; }

#bodyEvents #wideCol p.date { margin-bottom: 0px; }

#wideCol ul {
	line-height: 1.3em;
	color: #353535;
	margin: 0 50px 10px 0;
	width: 510px;
	list-style-type: disc;
	list-style-image: url(../graphics/bullet_small.gif);
	clear: both;
	}
	
#wideCol h2 {
	font-size: 1.333em; /*16px*/
	color: #9F1D20;
	margin: 1em 0 1em 0;
	}
	
#wideCol h3 {
	font-size: 1.333em; /*16px*/
	margin: 1em 0 .75em 0;
	color: #353535;
	}
	
#bodyEvents #wideCol h3,
#bodyOpportunities #wideCol h3 {
	margin-bottom: 0px;
	}
	
#wideCol ul.logoList {list-style: none;}
ul.logoList li {float: left;padding-right: 4px; height: 30px; }
ul.logoList li a {display: block; position: relative; height: 40px; width: 70px;}
ul.logoList li a img {position: absolute; bottom: 0px; }
	
	
div#leftCol,
div#rightCol {
	width: 270px;
	margin: 0 10px 0 0;
	float: left;
    display:inline;
	}
	
.promos {
	padding-bottom: 3px;
	background: #F9F9F9 url(../graphics/col_bottom.gif) 0 bottom no-repeat;
	}
	
.promos h2 {
	width: 270px;
	height: 40px;
	}
.newsBox h2 {
	background: #E4E4E4 url(../graphics/h2_news.gif) 0 top no-repeat;
	}
.eventsBox h2 {
	background: #E4E4E4 url(../graphics/h2_events.gif) 0 top no-repeat;
	}
	
.promos li {
	float: left;
    display:inline;
	width:250px;
	margin-left: 10px;
	padding: 12px 0;
	border-bottom: 1px solid #C7C7C7;
	}
	
.newsBox li span {
	float: right;
	font-size: .83em; /*10px*/
	color: #727272;
	padding-left: 6px;
	}

.promos li h3 {
	font-size: 1.17em; /*14px*/
	padding-bottom: 10px;
	}
	
.promos li h3 a {color: #4E4E4E;}
.promos li h3 a:hover {color: #F4791F;}
.promos li p {
	color: #727272;
	}

div#newsletter p.moreLink,
p.moreLink {
	float: left;
	width: 250px;
	margin: 4px 0 8px 10px;
	text-align: right;
	color: #F4791F;
	}
	
p.moreLink a {color: #F4791F;}
p.moreLink a:hover {color: #9F1D20;}
	
.paginate {
	float: left;
	clear: left;
	}
	
.previousPage {
	float: left;
	}

.nextPage {
	float: right;
	}	
	
.extension {	
	text-transform: uppercase;
	}
	
	

/************************|   s i d e   b a r   |******************/
	
	
div#sidebar {
	float: left;
	width: 270px;
	margin: 16px 0 0 0;
	}
	
div#imageSquares {
	float: left;
	width: 270px;
	height: 60px;
	}

div.sideBox {
	float: left;
	width: 270px;
	margin-top: 10px;
	background: #E4E4E4 url(../graphics/sidebar_bottom.gif) 0 bottom no-repeat;
	padding-bottom: 3px;
	}
	
div.sideBox p a {
	dispay: block;
    float: left;
	width: 250px;
	padding: 48px 10px 10px 10px;
	color: #727272;
	}
div.sideBox p a:hover {
	color: #F4791F;
	}
div#newsletter p a {background: #E4E4E4 url(../graphics/h2_newsletter.gif) 0 top no-repeat;}
div#joinUs p a {background: #E4E4E4 url(../graphics/h2_joinUs.gif) 0 top no-repeat;}
div#newsletter p a:hover {background-position: -270px top;}
div#joinUs p a:hover {background-position: -270px top;}
   
   
   
   
	
p.actionButton {
	float: left;
	margin: 10px 0 0 0;
	width: 270px;
	height: 57px;
	background: #E4E4E4 url(../graphics/actionbutton_bg.gif) no-repeat 0 0;
	}
p.actionButton a {
	display:block;
	margin: 18px 0 0 50px;
	width: 165px;
	height: 19px;
	background: #E4E4E4 url(../graphics/actionbutton_a.gif) no-repeat 0 0;
	}
p.actionButton a:hover {
	background: #E4E4E4 url(../graphics/actionbutton_a.gif) no-repeat 0 -19px;
	}
#bodyEvents p.actionButton a {
	margin: 18px 0 0 45px;
	width: 175px;
    background-image: url(../graphics/actionbutton_a_event.gif);
    }
#bodyEvents p.actionButton a:hover {
	background-image: url(../graphics/actionbutton_a_event.gif);
    }

#bodyOpportunities p.actionButton a {
	margin: 18px 0 0 20px;
	width: 230px;
    background-image: url(../graphics/actionbutton_a_opp.gif);
    }
#bodyOpportunities p.actionButton a:hover {
	background-image: url(../graphics/actionbutton_a_opp.gif);
    }



/************************|   a b o u t   u s   n a v   |******************/

#wideCol ul#aboutNav {
	float: left;
	width: 550px;
	margin: 0 0 20px 0;
	list-style: none;
    display:inline;
	}

#wideCol ul#aboutNav li {
    display:inline;
	}

#aboutNav li a,
#aboutNav li span {
	display: block;
	height: 15px;
	float: left;
    display:inline;
	}
	
#aboutNav li a { background: transparent url(../graphics/about_header.gif) 0 0 no-repeat;}
	
#aboutNav li.nav1 a {
	width: 97px;
	background-position: 0 -15px ;}

.aboutWho_we_are #aboutNav li.nav1 a,
.about #aboutNav li.nav1 a { background: transparent url(../graphics/about_header.gif) 0 0 no-repeat;}

#aboutNav li.nav1 a:hover { background-position: 0 -30px ;}

#aboutNav li.nav1 span {
	width: 16px;
	background: transparent url(../graphics/about_header.gif) -97px -15px no-repeat;
	}
#aboutNav li.nav2 a {
	width: 98px;
	background-position: -113px -15px ;
	}
#aboutNav li.nav2 a:hover { background-position: -113px -30px ; }	
.aboutWhat_we_do #aboutNav li.nav2 a { background-position: -113px 0 ;}






/************************{   d i r e c t o r y   }******************/



#bodyDirectory .item {
	float:left;
	width: 550px;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	background: #F4F4F4 url(../graphics/directory_bottom.gif) 0 bottom no-repeat;
	}
	
.accordion_content {
	width: 530px;
	padding: 0 10px 0px 10px;
	overflow: hidden;
	}
		
#bodyDirectory .item h2.accordion_toggle {
	display: block;
	width: 540px;
	color: #4E4E4E;
	padding: 6px 0 10px 10px;
	font-size: 1.33em; /*16px*/
	background: #F4F4F4 url(../graphics/directory_top.gif) 0 0 no-repeat;
	cursor: pointer;
	}

#bodyDirectory .item h2 a.accordion_toggle_active,
#bodyDirectory .item h2.accordion_toggle:hover {
	color: orange;
	}

a:active {outline: none;}
:focus {-moz-outline-style: none;}
	
#bodyDirectory .item p,
#bodyDirectory .item ul,
#bodyDirectory .item address {
	font-size: 1em;
	margin: 0px 0 10px 0;
	}
	
#bodyDirectory .item ul {

	}
#bodyDirectory .item ul li {
	
	}

#bodyDirectory .item p a {color: #F4791F;}
#bodyDirectory .item p a:hover {color: #9F1D20;}

#bodyDirectory .item img {
	float: right;
	margin: 10px 0 10px 10px;
	}
	
#bodyDirectory .item h3 {
	display: block;
	width: 540px;
	padding: 0px 0 12px 0;
	font-size: 1.17em; /*14px*/
	font-weight: bold;
	}

.filterNav {
	float: left;
	width: 270px;
	margin-top: 10px;
	background: #E4E4E4 url(../graphics/sidebar_bottom.gif) 0 bottom no-repeat;
	padding-bottom: 3px;
	}

.filterNav h2 {
	width: 246px;
	color: #727272;
	padding: 12px 12px 0 12px;
	background: #E4E4E4 url(../graphics/sidebar_top.gif) 0 top no-repeat;
	}

.filterNav ul {
	margin: 10px 0 10px 0;
	}
.filterNav ul li a {
	display: block;
	width: 245px;
	margin: 0 10px 4px 15px;
	color: #4E4E4E;
	font-size: 1em; /*12px*/
	}
.filterNav ul li a:hover {
	color: #F4791F;
	}






/**********************{   c o n t a c t   f o r m   }*****************/

#contactForm {
	float: left;
	width: 550px;
	margin: 0px 0px 1em 0;
	padding-top: 4px;
	background: #F4F4F4 url(../graphics/directory_top.gif) 0 top no-repeat;
	}

#contactForm h2 {
	margin: 10px 0 0 10px;
	}

#contactForm form {
	float: left;
	width: 540px;
	padding: 15px 0 0 10px;
	background: #F4F4F4 url(../graphics/directory_bottom.gif) 0 bottom no-repeat;
	}

#contactForm p,
#contactForm fieldset {
	float: left;
	clear: left;
	width: 510px;
	}

#wideCol p#formNotice {margin-bottom: 0px;}

#contactForm label {
	float: left;
	display: block;
	width: 130px;
	padding-top: 6px;
	color: #353535;
	}
	
#contactForm p#captcha label {
	width: 510px;
	}
	
span.notes {
	margin-left: 134px;
	width: 270px;
    float: left;
	clear: both;
    color: #666;
    font-style: italic;
	}
	
#wideCol p span.required,
#wideCol #contactForm label span.required {color: #9F1D20;}

#contactForm p input,
#contactForm p textarea {
	float: left;
	display: block;
	width: 270px;
	border: 0;
	margin: 4px 0 4px 0;
	padding: 4px;
	font-family: arial, sans-serif;
	}

#contactForm p#captcha input {
	width: 140px;
	margin-left: 134px;
	}
	
#contactForm p#submitbutton input {
	float: left;
	clear: left;
	display: block;
	width: 135px;
	border: 2px solid #cfcfcf;
	background-color: #fff;
	margin: 4px 0 4px 134px;
	padding: 4px;
	font-family: arial, sans-serif;
	color: #F4791F;
	font-weight: bold;
	}

#contactForm p#submitbutton input:hover {
	color: #9F1D20;
	cursor: pointer;
	}
	
/***************************{   r e g i s t e r  &  m e m b e r s  }**********************/

	
div#tableCol table {
	float: left;
	}
	
#bodyMembers table td,
#bodyMembers table th {
	padding: 5px;
	}

#bodyMembers table tr.one {
	background-color: #F4F4F4;
	}



/***************************{   f o o t e r   }**********************/

#footer {
	float: left;
	width: 830px;
	margin-top: 16px;
	padding-top: 3px;
	background: transparent url(../graphics/hrule.gif) 0 top no-repeat;
	}
	
#footer ul,
#footer p {
	float: left;
	width: 830px;
	margin-top: 2px;
	}
	
#footer ul li {float: left;}
#footer ul li a {
	display: block;
	padding: 2px 20px 0 0;
	color: #9F9F9F;
	}
#footer ul li.nav1 a {width: 60px;}
#footer ul li.nav2 a {width: 65px;}
#footer ul li.nav3 a {width: 65px;}
#footer ul li.nav4 a {width: 60px;}
#footer ul li.nav5 a {width: 60px;}
#footer ul li.nav6 a {width: 85px;}
#footer ul li.nav7 a {width: 80px;}
#footer ul li.nav8 a {width: 75px;}
#footer ul li.nav9 a {width: 50px;}
#footer ul li.nav10 a {width: 50px;padding-right: 0;text-align: right;}
#footer ul li a:hover {color: #F4791F;}
	
#bodyHome #footer ul li.nav1 a,
#bodyAbout #footer ul li.nav2 a,
#bodyDirectory #footer ul li.nav3 a,
#bodyNews #footer ul li.nav4 a,
#bodyEvents #footer ul li.nav5 a,
#bodyOpportunities #footer ul li.nav6 a,
#bodyResources #footer ul li.nav7 a,
#bodyNewsletter #footer ul li.nav8 a,
#bodyJoin #footer ul li.nav9 a,
#bodyContact #footer ul li.nav10 a {color: #333333;}
	
#footer p {
	margin-top: 12px;
	font-size: .83em; /*10px*/
	}
#footer p, 
#footer p a { color: #9F9F9F;}
	
	
	
	
	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}

.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
	}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .blue {
	visibility: hidden;
	letter-spacing: 3px;	
	}

.sIFR-hasFlash .yellow {
	visibility: hidden;
	letter-spacing: 3px;
	}
	
.sIFR-hasFlash h2 span {
	visibility: hidden;
	color: #727272;
	font-size: 18px; /* pixels used here for cross-browser consistency */
	line-height: 18px;
	}