/*  
Theme Name: A TMI Elemental Program Theme
Theme URI: http://prothemedesign.com/
Description: A WordPress Theme Framework
Version: 1.2
Author: Ben Gillbanks
Author URI: http://www.binarymoon.co.uk/
*/


/* ---------- @ Bells and Whistles -----------*/

	
	a#testbutton, a#testbutton:visited {
display:block;
background: url(http://darrenhoyt.com/imagedump/simple_button.png) repeat-x;
width: 200px;
padding:10px 0;
text-align:center;
border:1px solid #608925;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
font-weight:bold;
text-transform:uppercase;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#FFF;
text-decoration: none;
opacity:.85;
}

a#testbutton:hover {
border-color:#49671d;
}

a#testbutton:active {
background-position:  0 -200px;
padding:11px 0 9px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}


/* --------  Facilitators Hacks for Images to Sit right in list of Facilitators ----------- */

.facilitatorpictures img { margin:0 0 0em;}


#mugshots	{padding-left:20px;}
.mugshot:hover	{border:2px solid #9977ff;}
.mugshot	{display:inline;
		border:2px solid #39254B;
		float:left;
		margin: 2px;
		padding-bottom: 1px;
		background-color:#261429;
		width:124px;
		height:184px;}
.mugshot a:link	{color:#9977aa;}
.mugshot a:visited	{color:#9977aa;}
.mugshot a:hover	{color:#9977ff;}
.mugshot img {display:block; border:1px solid 9977ff; margin:auto; margin-top:10px;}
.mugshot .title {display:block; text-align:center;}


/* Program-list
-------------------------------------------------------------- */
.program
{padding:10px;margin-top:10px;margin-bottom:10px; background-color:#ddd;border:1px solid #ccc;}
.tmi-program-info
{padding:10px;margin:10px;background-color:#eee;border:1px solid #ddd;}

.tmi-program-info img {padding-right:6px;margin-bottom:6px;min-height:160px;}


/* Link To TMI
--------------------------------------------------------------- */
#link-to-us input, textarea {
background:#EEEEEE none repeat scroll 0 0;
border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA;
border-style:solid;
border-width:1px;
color:#444444;
font-size:1em;
margin-bottom:10px;
margin-top:10px;
}

#link-to-us {
-webkit-border-radius: 10px; 
-moz-border-radius: 10px;
background:#261429 none repeat scroll 0 0;
border:1px solid #442A51;
color:#9977AA;
float:left;
font-family:optima;
font-size:13px;
font-weight:lighter;
margin-bottom:10px;
margin-right:7px;
margin-top:10px;
padding:10px;
}


/* miscellaneous */

.none { display: none; }
fieldset {border:none;}
.fright { float: right; margin: 0 0 0.3em 0.7em; }
.fright img { border:1px solid #8E82BF;margin:10px;}
.programTitleInfo {color: #FFFFFF;}

.prerequisite {color: #ffddee;}

.prerequisiteText {color: #DDFFAA;}

.prerequisiteText a {color: #72EC4B; text-decoration:none;}
.prerequisiteText a:hover {color: #72EC4B; text-decoration:underline;}

/* Web Tools */

.web_tools {padding-bottom:4px; padding-top:4px;}

/* Crossbar */

#ProgramCrossbarQuickLInks {background-color:#331E43;border:1px solid #483471;margin-right:10px;padding:6px;}
#ProgramRegistrationProces {background-color:#271733;border:1px solid #483471;float:left;margin:auto 10px 20px;padding:10px;width:918px;}
#programselection {background-color:#134567;
border:1px solid #2071A5;
float:left;
height:100%;
margin-left:4px;
margin-right:4px;
padding:10px;
width:155px; }









/*Rollover Buttons Crossbar*/

span.img-rollover-tour-tmi{ width: 246px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-tour-tmi a:hover{ top: -125px; position: relative;}

span.img-rollover-about-tmi-programs{ width: 188px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-about-tmi-programs a:hover{ top: -125px; position: relative;}

span.img-rollover-about-area{ width: 314px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-about-area a:hover{ top: -125px; position: relative;}

span.img-rollover-graduate-groups{ width: 176px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-graduate-groups a:hover{ top: -125px; position: relative;}




/*Rollover Buttons*/
span.img-rollover-homeToolsBegin { width: 224px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin:3px;top:13px;}
span.img-rollover-homeToolsBegin a:hover{ top: -50px; position: relative;}

span.img-rollover-homeTools{ width: 224px; height: 20px; overflow: hidden; display: block; position: relative; float:left;margin:3px;}
span.img-rollover-homeTools a:hover{ top: -20px; position: relative;}

span.img-rollover-elsewhere { width: 50px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin:3px;}
span.img-rollover-elsewhere a:hover{ top: -50px; position: relative;}

span.img-rollover-support-tmi { width: 130px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin:3px;top:13px;}
span.img-rollover-support-tmi a:hover{ top: -100px; position: relative;}

span.img-rollover-join-community{ width: 230px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-join-community a:hover{ top: -50px; position: relative;}

span.img-rollover-join-discussion{ width: 230px; height: 50px; overflow: hidden; display: block; position: relative; float:right; margin-bottom:15px;}
span.img-rollover-join-discussion a:hover{ top: -50px; position: relative;}


span.img-rollover-come-to-program{ width: 200px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-come-to-program a:hover{ top: -50px; position: relative;}

span.img-rollover-shop-bookstore{ width: 250px; height: 50px; overflow: hidden; display: block; position: relative; float:right; padding-right:10px; margin-bottom:10px; }
span.img-rollover-shop-bookstore a:hover{ top: -50px; position: relative;}

span.img-rollover-register{ width: 192px; height: 66px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-register a:hover{ top: -66px; position: relative;}

span.img-rollover-calendar{ width: 104px; height: 66px; overflow: hidden; display: block; position: relative; }
span.img-rollover-calendar a:hover{ top: -66px; position: relative;}

span.img-rollover-email{ width: 22px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-email a:hover{ top: -16px; position: relative;}

span.img-rollover-facebook{ width: 17px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-facebook a:hover{ top: -16px; position: relative;}

span.img-rollover-youtube{ width: 24px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-youtube a:hover{ top: -16px; position: relative;}

span.img-rollover-twitter{ width: 15px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-twitter a:hover{ top: -16px; position: relative;}

span.img-rollover-directory{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory a:hover{ top: -47px; position: relative;}

span.img-rollover-directory-tag-cloud{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory-tag-cloud a:hover{ top: -47px; position: relative;}

span.img-rollover-directory-all-posts{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory-all-posts a:hover{ top: -47px; position: relative;}

span.img-rollover-program-dates { width: 260px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-program-dates a:hover{ top: -50px; position: relative;}

span.img-rollover-outreach-dates { width: 260px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-outreach-dates a:hover{ top: -50px; position: relative;}

span.img-rollover-home-study { width: 120px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-home-study a:hover{ top: -50px; position: relative;}


/* Social Buttons used in the Community Corssbar  */

span.img-rollover-social-river{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-river a:hover{ top: -100px; position: relative;}

span.img-rollover-social-wire{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-wire a:hover{ top: -100px; position: relative;}

span.img-rollover-social-people{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-people a:hover{ top: -100px; position: relative;}

span.img-rollover-social-blogs{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-blogs a:hover{ top: -100px; position: relative;}

span.img-rollover-social-groups{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-groups a:hover{ top: -100px; position: relative;}

span.img-rollover-social-files{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-files a:hover{ top: -100px; position: relative;}

span.img-rollover-social-pages{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-pages a:hover{ top: -100px; position: relative;}

span.img-rollover-social-bookmarks{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-bookmarks a:hover{ top: -100px; position: relative;}

span.img-rollover-social-wire_post{ width: 175px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-wire_post a:hover{ top: -50px; position: relative;}




/* ---------- Hacks -----------*/


.HomeCrossbarInfo {margin-left:20px;margin-right:20px;}

ul.MenuBarHorizontal {
cursor:default;
font-family:'Trebuchet MS','Verdana','Tahoma','Arial',sans-serif;
font-size:100%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
line-height:1.1em;
list-style-type:none;
margin-top:-40px !important;
margin-left:20px !important;
padding:0;
width:auto;
}






ul.MenuBarHorizontal ul li {}


ul.MenuBarHorizontal li {
cursor:pointer;
float:left;
font-size:100%;
list-style-type:none;
margin:0 1px 0 0;
padding-left:0px !important;
position:relative;
text-align:left;
width:8.5em;
font-size:1em;
}




ul.MenuBarHorizontal ul li a:hover {
-moz-border-radius:0px 0px 0px 0px !important;
border-bottom:0 none !important;
color:#FFFFFF !important;
cursor:pointer !important;
display:block !important;
list-style-type:none !important;
padding:4px;
text-decoration:none !important;
font-size:0.9em;
}

/*Hack for Sidebar */

.widget {line-height:20px;}

/* Crossbar */

#tmi-program-desc a {color:#B7B5DB;}
#tmi-program-desc a:hover {color:#fff;}

#tmi-program-desc {background-color:#291836;	
	border-radius: 7px;
    -webkit-border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    -moz-border-radius-bottomright:7px;
    -moz-border-radius-bottomleft:7px;
    border-top-left-radius:7px;
    border-top-left-radius:7px;
    border-bottom-right-radius:7px;
    border-bottom-left-radius:7px;
color:#C1C1C1;
float:left;
font-family:optima;
font-size:13px;
font-weight:lighter;
padding:10px;
text-align:left;
margin-left:-20px;
margin-right:-20px;
width:921px;
}

#ProgramCrossbarQuickLInks {float:left;width:300px;background-color:#331E43;border:1px solid #483471;margin-right:10px;padding:6px;}
#ProgramRegistrationProces {background-color:#271733;border:1px solid #483471;float:left;margin:auto 10px 20px;padding:10px;width:918px;}
#programselection {background-color:#134567;
border:1px solid #2071A5;
float:left;
height:100%;
margin-left:4px;
margin-right:4px;
padding:10px;
width:155px; }

#program-slideshow {float:right;}

#tmi-program-desc p {left:0px !important; position:relative !important;}

#tmi-program-desc th, td {padding:0px; !important;}
#tmi-program-desc td {border-top:0px !important;}
#tmi-program-desc table {border:none !important; border-spacing:0 !important;font-size:1em!important;margin-bottom:1.4em!important;width:100%!important;}
#tmi-program-desc h1 {!important;}


/* Rollover Images */

/*Rollover Buttons Crossbar*/

span.img-rollover-tour-tmi{ width: 246px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-tour-tmi a:hover{ top: -125px; position: relative;}

span.img-rollover-about-tmi-programs{ width: 188px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-about-tmi-programs a:hover{ top: -125px; position: relative;}

span.img-rollover-about-area{ width: 314px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-about-area a:hover{ top: -125px; position: relative;}

span.img-rollover-graduate-groups{ width: 176px; height: 125px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-graduate-groups a:hover{ top: -125px; position: relative;}




/*Rollover Buttons*/
span.img-rollover-homeToolsBegin { width: 224px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin:3px;top:13px;}
span.img-rollover-homeToolsBegin a:hover{ top: -50px; position: relative;}

span.img-rollover-homeTools{ width: 224px; height: 20px; overflow: hidden; display: block; position: relative; float:left;margin:3px;}
span.img-rollover-homeTools a:hover{ top: -20px; position: relative;}

span.img-rollover-elsewhere { width: 50px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin:3px;}
span.img-rollover-elsewhere a:hover{ top: -50px; position: relative;}

span.img-rollover-support-tmi { width: 130px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin:3px;top:13px;}
span.img-rollover-support-tmi a:hover{ top: -100px; position: relative;}

span.img-rollover-join-community{ width: 230px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-join-community a:hover{ top: -50px; position: relative;}

span.img-rollover-join-discussion{ width: 230px; height: 50px; overflow: hidden; display: block; position: relative; float:right; margin-bottom:15px;}
span.img-rollover-join-discussion a:hover{ top: -50px; position: relative;}


span.img-rollover-come-to-program{ width: 200px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-come-to-program a:hover{ top: -50px; position: relative;}

span.img-rollover-shop-bookstore{ width: 250px; height: 50px; overflow: hidden; display: block; position: relative; float:right; padding-right:10px; margin-bottom:10px; }
span.img-rollover-shop-bookstore a:hover{ top: -50px; position: relative;}

span.img-rollover-register{ width: 192px; height: 66px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-register a:hover{ top: -66px; position: relative;}

span.img-rollover-calendar{ width: 104px; height: 66px; overflow: hidden; display: block; position: relative; }
span.img-rollover-calendar a:hover{ top: -66px; position: relative;}

span.img-rollover-email{ width: 22px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-email a:hover{ top: -16px; position: relative;}

span.img-rollover-facebook{ width: 17px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-facebook a:hover{ top: -16px; position: relative;}

span.img-rollover-youtube{ width: 24px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-youtube a:hover{ top: -16px; position: relative;}

span.img-rollover-twitter{ width: 15px; height: 16px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-twitter a:hover{ top: -16px; position: relative;}

span.img-rollover-directory{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory a:hover{ top: -47px; position: relative;}

span.img-rollover-directory-tag-cloud{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory-tag-cloud a:hover{ top: -47px; position: relative;}

span.img-rollover-directory-all-posts{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory-all-posts a:hover{ top: -47px; position: relative;}

span.img-rollover-program-dates { width: 260px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-program-dates a:hover{ top: -50px; position: relative;}

span.img-rollover-outreach-dates { width: 260px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-outreach-dates a:hover{ top: -50px; position: relative;}

span.img-rollover-home-study { width: 120px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-home-study a:hover{ top: -50px; position: relative;}


/* Social Buttons used in the Community Corssbar  */

span.img-rollover-social-river{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-river a:hover{ top: -100px; position: relative;}

span.img-rollover-social-wire{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-wire a:hover{ top: -100px; position: relative;}

span.img-rollover-social-people{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-people a:hover{ top: -100px; position: relative;}

span.img-rollover-social-blogs{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-blogs a:hover{ top: -100px; position: relative;}

span.img-rollover-social-groups{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-groups a:hover{ top: -100px; position: relative;}

span.img-rollover-social-files{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-files a:hover{ top: -100px; position: relative;}

span.img-rollover-social-pages{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-pages a:hover{ top: -100px; position: relative;}

span.img-rollover-social-bookmarks{ width: 108px; height: 100px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-bookmarks a:hover{ top: -100px; position: relative;}

span.img-rollover-social-wire_post{ width: 175px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-social-wire_post a:hover{ top: -50px; position: relative;}

	
	

/*Rollover Buttons*/


span.img-rollover-join-community{ width: 230px; height: 50px; overflow: hidden; display: block; position: relative; float:left;margin-bottom:15px;}
span.img-rollover-join-community a:hover{ top: -50px; position: relative;}

span.img-rollover-join-discussion{ width: 230px; height: 50px; overflow: hidden; display: block; position: relative; float:right; margin-bottom:15px;}
span.img-rollover-join-discussion a:hover{ top: -50px; position: relative;}


span.img-rollover-come-to-program{ width: 200px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-come-to-program a:hover{ top: -50px; position: relative;}

span.img-rollover-shop-bookstore{ width: 250px; height: 50px; overflow: hidden; display: block; position: relative; float:right; padding-right:10px; margin-bottom:10px; }
span.img-rollover-shop-bookstore a:hover{ top: -50px; position: relative;}

span.img-rollover-register{ width: 192px; height: 66px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-register a:hover{ top: -66px; position: relative;}

span.img-rollover-calendar{ width: 104px; height: 66px; overflow: hidden; display: block; position: relative; }
span.img-rollover-calendar a:hover{ top: -66px; position: relative;}


span.img-rollover-directory{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory a:hover{ top: -47px; position: relative;}

span.img-rollover-directory-tag-cloud{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory-tag-cloud a:hover{ top: -47px; position: relative;}

span.img-rollover-directory-all-posts{ width: 180px; height: 47px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-directory-all-posts a:hover{ top: -47px; position: relative;}

span.img-rollover-program-dates { width: 260px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-program-dates a:hover{ top: -50px; position: relative;}

span.img-rollover-outreach-dates { width: 260px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-outreach-dates a:hover{ top: -50px; position: relative;}

span.img-rollover-home-study { width: 123px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-home-study a:hover{ top: -50px; position: relative;}
	
span.img-rollover-plan-visit { width: 214px; height: 50px; overflow: hidden; display: block; position: relative; float:left; }
span.img-rollover-plan-visit a:hover{ top: -50px; position: relative;}