/* 
This is MEEI CSS Document
Created on 06.19.2008  | Modified 06.20.2008 Version 2.0
*/
body {
	text-align:center;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	line-height:14px;
	}
body.sec_home
{
	margin: 0px;
	padding: 0px;
	min-width: 1024px;
	color: #362F2D;
	background-color: #c0c0c0;
	background-image:none;
	text-align: center;
}
a:link, a:visited {
	text-decoration: none;
	color: #0066CC;
	
	}
a:hover, a:active {
	text-decoration: underline;
	}

p {
	font-size: 11px;	
	margin: 0px 0 14px 0;
	line-height: 18px;
	color:#333333;
	}

h1 {
	margin: 0 0 14px 0;
	padding:0;
	color:#003366;
	font-size:20px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:22px;
	}

h2 {
	margin: 0 0 6px 0;
	padding:0;
	color:#000000;
	font-size:18px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	}

h3 {
	font-size:14px;
	color:#003366;
	margin: 0 0 8px 0;
	padding:0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}

h4 {
	font-size:11px;
	color:#333333;
	margin: 0 0 0 0;
	padding:0;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}

h5 {
	font-size:14px;
	color:#000000;
	margin: 0 0 8px 0;
	padding:0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
h6 {
	font-size:14px;
	color:#000000;
	margin: 0 0 8px 0;
	padding:0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
/*
-----------------------------------------------------------------------------
MAIN CSS
-----------------------------------------------------------------------------
*/

#outwrapper {
    background: #c8dfd3 url(/images/meeitbc/html_bg.gif) 0 0 repeat-x;
    }
	
#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
	
	}
#header {
	height:100px;
	
	}
#home_header {
	height:106px;
	}
#logo {
	padding: 18px 0 0 11px;
	float:left;
	}

#search {
	text-align:right;
	padding: 30px 0 0 0;
	}
#container {
	clear:both;
	}
.containerhome {
	margin: 14px 0 0 0;
	background: #ffffff url(/images/meeitbc/home_body_bg.gif) 0 0 repeat-y;
	padding: 32px 0 0 42px;
	}
.container {
	margin: 0;	
	background: #ffffff url(/images/meeitbc/body_bg.gif) 0 0 repeat-y;
	}
.container2 {
	margin: 0;	
	background: #ffffff url(/images/meeitbc/body_bg2.gif) 0 0 repeat-y;
	}	
.incontainer {
	padding: 0 10px 0 11px;
	min-height:560px;
	_height:560px;/* for IE 6 underline hack*/
	}

/*
-----------------------------------------------------------------------------
News combined CSS
-----------------------------------------------------------------------------
*/
#container2
{
	position: relative;
	width: 1024px;
	background: #ffffff;
	border: 1px solid #000;
	margin: 0 auto; padding: 0;
	text-align: left;
}

/*
#header2
{
	background-image: url('/images/meeitbc/consortium-banner.jpg');
	height: 93px;
	overflow: hidden;
}

#header2 img {
	position: relative;
	top: 18px;
	left: 40px
}
*/
/*
#catblock
{
	position: relative;
	background-color: #63A380;
	border: 0px;
	width: 1024px;
	height: 294px;
	margin: 0px;
	padding: 0px;
}
*/
/*
#category
{
	position: relative;
	background-color: #B1D1C0;
	width: 451px;
	height: 114px;
	border: 1px solid #362F2D;
	display: inline; Fixes the IE margin-doubling bug 
	padding: 0px;

}
*/

/*
#catblock
{
    position: relative;
    background-color: #63A380;
    border: 0px;
    width: 1024px;
    min-height: 294px;
    height:auto !important;
    height: 294px;
    margin: 0px;
    padding: 0px;
}
*/

#header2
{
height: 93px;
overflow: hidden;
float:left;
width:250px;
}

#header2 img {
position: relative;
top: 18px;
left: 40px
}

#header3 {
height:93px;
float:right;
overflow:hidden;
width:600px;
text-align:right;
}

#catblock
{
position: relative;
background-color: #63A380;
border: 0px;
width: 1024px;
min-height: 294px;
height:auto !important;
height: 294px;
margin: 0px;
padding: 0px;
clear:left;
}

#category
{
    position: relative;
    background-color: #B1D1C0;
    width: 451px;
    min-height: 114px;
    height: auto !important;
    height: 114px;
    border: 1px solid #362F2D;
    display: inline; /* Fixes the IE margin-doubling bug */
    padding: 0px;

}


.topleft
{
	float: left;
	margin-left: 40px;
	margin-top: 22px;
}

.topright
{
	float: right;
	margin-right: 45px;
	margin-top: 22px;
}

.bottomleft
{
	float: left;
	margin-left: 40px;
	margin-top: 18px;
}

.bottomright
{
	float: right;
	margin-right: 45px;
	margin-top: 18px;
}

.catimg
{
	position: relative;
	float: left;
	border-right: 1px solid #362F2D;

}

#catmain
{
	float: left;
	padding: 9px 0px 0px 11px;
}

.cattext
{
	position: relative;
	top: 2px;
	letter-spacing: -1px;
	word-spacing: 2px;
	font-size: 12px;
	font-family: verdana;
}

.cattitle
{
	font-family: arial, helvetica, sans-serif;
	font-size: 17px;
}

.noborder
{
	border: 0;
}

.redborder
{
	
}

#lowersection
{
	height: 337px;
	background-image: url('/images/meeitbc/main-border.jpg');
}

#leftbox
{
	position: relative;
	float: left;
	width: 348px;
	left: 56px;
	top: 33px;
}

#biglinks
{
	width: 271px;
	height: 156px;
	font-family: arial, helvetica, sans-serif;
	color: #003366;
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: 1px;
}

div.horRule
{
	height: 1px;
	width: 271px;
	border-top: 1px solid #D7D7D7;
	margin-top: 6px;
	margin-bottom: 13px;
}

div.horRule hr
{
	display: none;
}

#funding
{
	width: 271px;
	height: 112px;
	background-color: #E5E5E5;
}

.fundtext
{
	position: relative;
	left: 15px;
	top: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
}

#middlebox
{
	float: left;
	position: relative;
	top: 19px;
	width: 299px;
	height: 278px;
	border: 2px solid #3D644F;
	background-color: #E5E5E5;
	font-family: verdana;
	font-size: 12px;
	line-height: 133%;
}

* html #middlebox
{
    \width: 303px;	/* for IE5 and IE6 in quirks mode */
    w\idth: 303px;	/* for IE6 in standards mode */
	\height: 278px;	/* for IE5 and IE6 in quirks mode */
	h\eight: 278px; /* for IE6 in standards mode */
}

.quote
{
	position: relative;
	top: 6px;
	display: block;
	text-align: center;
	word-spacing: -2px;
	color: #232323;

}

.attribution
{
	position: relative;
	top: 13px;
	right: 5px;
	display: block;
	text-align: right;
	color: #6E6E6E;
}

#middlebox img
{
	position: relative;
	margin-top: 19px
}

.leftimg
{
	float: left;
	margin-left: 14px;
}

.rightimg
{
	float: right;
	margin-right: 14px;
}

#rightbox
{
	float: left;
	position: relative;
	left: 17px;
	top: 19px;
	width: 292px;
	height: 272px;
	border-top: 8px solid #63A380;
	background-color: #E5E5E5;
}

* html #rightbox
{
	\height: 273px;	/* for IE5 and IE6 in quirks mode */
	h\eight: 268px;	/* for IE6 in standards mode */
}

#rightbox .title
{
	position: relative;
	top: 10px;
	left: 15px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #003366;
	letter-spacing: 1px;
}

#rightbox .movie
{
	position: relative;
	left: 18px;
	top: 20px;
}

#rightbox .line
{
	position: relative;
	left: 18px;
	margin-top: 25px;
}

#footer2
{
	height: 149px;
	text-align: center;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}

#footer2 img
{
	display: inline;
	margin-right: 18px;
}

#footer2 .bull
{
	color: #000000;
}

/*
-----------------------------------------------------------------------------
CONTENT CSS
-----------------------------------------------------------------------------
*/
#content {	
	margin: 30px 0 0 28px;
	_margin: 30px 0 0 14px;
	float:left;	
	}
.content2 {
	width:608px;
	}
.content3 {
	width:640px;
	}
.content4 {
	width:620px;
	}

.loc_left {
	float:left;
	width:310px;
	}
.loc_right {
	float:right;
	width:302px;
	}




/*
-----------------------------------------------------------------------------
SIDEBAR CSS
-----------------------------------------------------------------------------
*/
#sidebar {
	width:233px;
	float:right;
	}
.sidecontent {
	padding: 2px 0 10px 13px;
	}
.sidecontent2 {
	padding: 2px 10px 10px 13px;
	}
.sidebox {
	border-top:7px solid #63a380;
	background:#e5e5e5;
	padding: 20px 10px 15px 13px;
	}
.sidebox h4 {
	margin: 0 0 10px 0;
	}
.sidebox h5 {
	margin: 0 0 0 0;
	padding:0;
	font-size: 11px;
	font-weight:bold;
	}
.sideimg {
	border:1px solid #000000;
	float:left;
	margin: 0 10px 22px 0;
	}
.inbox {
	float:left;
	width: 265px;
	line-height:16px;
	padding: 10px 15px 0 0;
	}

.sidelinks {
	padding: 12px 0 10px 0;
	}
.sidelinks a:link, .sidelinks a:visited {
	display:block;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	color: #0066CC;
	font-size:10px;
	}
.sidelinks a:hover, .sidelinks a:active {
	text-decoration: underline;
	}
#sidebar a.sideactive {
	color:#000;
	}
#sizetext {
	padding: 2px 0 30px 13px;
	}
#sizetext a:link, #sizetext a:visited {
	margin: 0;
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	border:1px solid #ffffff;
	height: 16px;
	width: 16px;
	text-align:center;
	padding: 1px 2px 0 2px;
	}
#sizetext a:hover, #sizetext a:active {
	text-decoration: none;
	border:1px solid #839FB4;
	}
#sizetext .st1 {
	font-size:11px;
	}
#sizetext .st2 {
	font-size: 13px;
	}
#sizetext .st3 {
	font-size: 15px;
	}
#sizetext a.stactive {	
	border:1px solid #839FB4 !important;
	}
/*
-----------------------------------------------------------------------------
BREADCRUMBS CSS AND LOOKING FOR
-----------------------------------------------------------------------------
*/
#breadcrumbs {
	clear:both;
	height:44px;
	border-bottom:1px solid #D7D7D7;
	background:#ffffff;
	}
.bnav {
	float:left;
	padding: 19px 0 0 30px;
	font-size:10px;
	}
.bnav a:link, .bnav a:visited {
	text-decoration: none;
	color: #0066CC;
	font-size:11px;
	}
.bnav a:hover, .bnav a:active {
	text-decoration: none;
	}









/*
-----------------------------------------------------------------------------
SLOGAN CSS
-----------------------------------------------------------------------------
*/
#slogan {
	float:right;
	padding: 18px 20px 0 0;
	}


/*
-----------------------------------------------------------------------------
FOOTER CSS
-----------------------------------------------------------------------------
*/
#footer {
	clear:both;
	background: url(/images/meeitbc/footer_bg.gif) 0 0 no-repeat;
	padding:14px 0 14px 24px;
	color: #333;
	text-align:center;
	}
.ftxt {
	text-align:center;
	padding: 4px 0 0 0;
	}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #0066cc;
	font-size:11px;
	margin: 0 5px;
	}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	}


/*
-----------------------------------------------------------------------------
COMMON CSS
-----------------------------------------------------------------------------
*/
img {
	border: 0;
	}
.clear {
	clear:both;
	}
.right {
	float:right;
}
.left {
	float:left;
}
.imgRight {
	float:right;
	margin: 0px 0px 10px 15px;
}
.imgLeft {
	float:left;
	margin: 0px 15px 10px 0px;
}
.imgRight2 {
	float:right;
	margin: 0px 0px 10px 15px;
	border:6px solid #666666;
}
.imgLeft2 {
	float:left;
	margin: 0px 15px 10px 0px;
	border:6px solid #666666;
}
.txtRight {
	text-align:right;
}

.txtLeft {
	text-align: left;
}
.txtCenter {
	text-align: center;
}

.dark a:link
{
	color: #003366;
	text-decoration: none;
	border: none;
}

.dark a:visited
{
	color: #003366;
	text-decoration: none;
	border: none;
}

.dark a:hover
{
	color: #0066CC;
	text-decoration: none;
	border: none;
}

.light a:link
{
	color: #0066CC;
	text-decoration: none;
	border: none;
}

.light a:visited
{
	color: #003366;
	text-decoration: none;
	border: none;
}

.light a:hover
{
	color: #0066CC;
	text-decoration: none;
	border: none;
}

/*body.sec_educational-resources .container.incontainer {
    margin: 0;    
    background: #ffffff url(/images/meeitbc/body_bg2.gif) 0 0 repeat-y;
}
*/
#currentpage {
color:black;
font-weight:bold;
}
#children {
padding:0 10px 0 13px;
}

#tbcimagedesc {
padding: 0 0 10px 25px;
}

.tbhead {
color:black;
font-weight:bold;
}