/* --
Theme Name: STEM
Theme URI: http://designforge.net
Description: STEM Theme.
Version: 1.0
Author: Chris Weller
Author URI: http://designforge.net

Copyright (c) 2010 Chris Weller

--


Color change of the text changed from #595b62 to #000000 on April 7, 2011
 */

/* hide stuff */
hr, .hide { display: none; }

/* scale images more smoothly in IE */
img { -ms-interpolation-mode: bicubic; }

/* force scrollbar 
html, body { 
	height: 100%; 
	margin: 0 0 1px; 
	padding: 0;
	}
*/	

/* == BLUEPRINT CSS - 36 COL == */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}body { line-height:1.5; }table { border-collapse:separate; border-spacing:0; }caption, th, td { text-align:left; font-weight:normal; }table, td, th { vertical-align:middle; }blockquote:before, blockquote:after, q:before, q:after { content:""; }blockquote, q { quotes:"" ""; }a img { border:none; }html { font-size:100.01%; }body { font-size:75%; color:#222; background:#fff; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#111; }h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }h2 { font-size:2em; margin-bottom:0.75em; }h3 { font-size:1.5em; line-height:1; margin-bottom:1em; }h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }h6 { font-size:1em; font-weight:bold; }h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0;}p { margin:0 0 1.5em; }p img.left { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }p img.right { float:right; margin:1.5em 0 1.5em 1.5em; }a:focus, a:hover { color:#000; }a { color:#009; text-decoration:underline; }blockquote { margin:1.5em; color:#666; font-style:italic; }strong { font-weight:bold; }em,dfn { font-style:italic; }dfn { font-weight:bold; }sup, sub { line-height:0; }abbr, acronym { border-bottom:1px dotted #666; }address { margin:0 0 1.5em; font-style:italic; }del { color:#666; }pre { margin:1.5em 0; white-space:pre; }pre,code,tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }li ul, li ol { margin:0 1.5em; }ul, ol { margin:0 1.5em 1.5em 1.5em; }ul { list-style-type:disc; }ol { list-style-type:decimal; }dl { margin:0 0 1.5em 0; }dl dt { font-weight:bold; }dd { margin-left:1.5em;}table { margin-bottom:1.4em; width:100%; }th { font-weight:bold; }thead th { background:#c3d9ff; }th,td,caption { padding:4px 10px 4px 5px; }tr.even td { background:#e5ecf9; }tfoot { font-style:italic; }caption { background:#eee; }.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }.hide { display:none; }.quiet { color:#666; }.loud { color:#000; }.highlight { background:#ff0; }.added { background:#060; color:#fff; }.removed { background:#900; color:#fff; }.first { margin-left:0; padding-left:0; }.last { margin-right:0; padding-right:0; }.top { margin-top:0; padding-top:0; }.bottom { margin-bottom:0; padding-bottom:0; }.container { width:960px; margin:0 auto;}.showgrid { background:url(grid.png); }.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27, div.span-28, div.span-29, div.span-30, div.span-31, div.span-32, div.span-33, div.span-34, div.span-35, div.span-36 { float:left; margin-right:12px;}.last, div.last { margin-right:0; }.span-1 { width:15px; }.span-2 { width:42px; }.span-3 { width:69px; }.span-4 { width:96px; }.span-5 { width:123px; }.span-6 { width:150px; }.span-7 { width:177px; }.span-8 { width:204px; }.span-9 { width:231px; }.span-10 { width:258px; }.span-11 { width:285px; }.span-12 { width:312px; }.span-13 { width:339px; }.span-14 { width:366px; }.span-15 { width:393px; }.span-16 { width:420px; }.span-17 { width:447px; }.span-18 { width:474px; }.span-19 { width:501px; }.span-20 { width:528px; }.span-21 { width:555px; }.span-22 { width:582px; }.span-23 { width:609px; }.span-24 { width:636px; }.span-25 { width:663px; }.span-26 { width:690px; }.span-27 { width:717px; }.span-28 { width:744px; }.span-29 { width:771px; }.span-30 { width:798px; }.span-31 { width:825px; }.span-32 { width:852px; }.span-33 { width:879px; }.span-34 { width:906px; }.span-35 { width:933px; }.span-36 { width:960px; margin-right:0; }input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24, input.span-25, textarea.span-25, input.span-26, textarea.span-26, input.span-27, textarea.span-27, input.span-28, textarea.span-28, input.span-29, textarea.span-29, input.span-30, textarea.span-30, input.span-31, textarea.span-31, input.span-32, textarea.span-32, input.span-33, textarea.span-33, input.span-34, textarea.span-34, input.span-35, textarea.span-35, input.span-36, textarea.span-36 { border-left-width:1px!important; border-right-width:1px!important; padding-left:5px!important; padding-right:5px!important;}input.span-1, textarea.span-1 { width:3px!important; }input.span-2, textarea.span-2 { width:30px!important; }input.span-3, textarea.span-3 { width:57px!important; }input.span-4, textarea.span-4 { width:84px!important; }input.span-5, textarea.span-5 { width:111px!important; }input.span-6, textarea.span-6 { width:138px!important; }input.span-7, textarea.span-7 { width:165px!important; }input.span-8, textarea.span-8 { width:192px!important; }input.span-9, textarea.span-9 { width:219px!important; }input.span-10, textarea.span-10 { width:246px!important; }input.span-11, textarea.span-11 { width:273px!important; }input.span-12, textarea.span-12 { width:300px!important; }input.span-13, textarea.span-13 { width:327px!important; }input.span-14, textarea.span-14 { width:354px!important; }input.span-15, textarea.span-15 { width:381px!important; }input.span-16, textarea.span-16 { width:408px!important; }input.span-17, textarea.span-17 { width:435px!important; }input.span-18, textarea.span-18 { width:462px!important; }input.span-19, textarea.span-19 { width:489px!important; }input.span-20, textarea.span-20 { width:516px!important; }input.span-21, textarea.span-21 { width:543px!important; }input.span-22, textarea.span-22 { width:570px!important; }input.span-23, textarea.span-23 { width:597px!important; }input.span-24, textarea.span-24 { width:624px!important; }input.span-25, textarea.span-25 { width:651px!important; }input.span-26, textarea.span-26 { width:678px!important; }input.span-27, textarea.span-27 { width:705px!important; }input.span-28, textarea.span-28 { width:732px!important; }input.span-29, textarea.span-29 { width:759px!important; }input.span-30, textarea.span-30 { width:786px!important; }input.span-31, textarea.span-31 { width:813px!important; }input.span-32, textarea.span-32 { width:840px!important; }input.span-33, textarea.span-33 { width:867px!important; }input.span-34, textarea.span-34 { width:894px!important; }input.span-35, textarea.span-35 { width:921px!important; }input.span-36, textarea.span-36 { width:948px!important; }.append-1 { padding-right:27px; } .append-2 { padding-right:54px; } .append-3 { padding-right:81px; } .append-4 { padding-right:108px; } .append-5 { padding-right:135px; } .append-6 { padding-right:162px; } .append-7 { padding-right:189px; } .append-8 { padding-right:216px; } .append-9 { padding-right:243px; } .append-10 { padding-right:270px; } .append-11 { padding-right:297px; } .append-12 { padding-right:324px; } .append-13 { padding-right:351px; } .append-14 { padding-right:378px; } .append-15 { padding-right:405px; } .append-16 { padding-right:432px; } .append-17 { padding-right:459px; } .append-18 { padding-right:486px; } .append-19 { padding-right:513px; } .append-20 { padding-right:540px; } .append-21 { padding-right:567px; } .append-22 { padding-right:594px; } .append-23 { padding-right:621px; } .append-24 { padding-right:648px; } .append-25 { padding-right:675px; } .append-26 { padding-right:702px; } .append-27 { padding-right:729px; } .append-28 { padding-right:756px; } .append-29 { padding-right:783px; } .append-30 { padding-right:810px; } .append-31 { padding-right:837px; } .append-32 { padding-right:864px; } .append-33 { padding-right:891px; } .append-34 { padding-right:918px; } .append-35 { padding-right:945px; } .prepend-1 { padding-left:27px; } .prepend-2 { padding-left:54px; } .prepend-3 { padding-left:81px; } .prepend-4 { padding-left:108px; } .prepend-5 { padding-left:135px; } .prepend-6 { padding-left:162px; } .prepend-7 { padding-left:189px; } .prepend-8 { padding-left:216px; } .prepend-9 { padding-left:243px; } .prepend-10 { padding-left:270px; } .prepend-11 { padding-left:297px; } .prepend-12 { padding-left:324px; } .prepend-13 { padding-left:351px; } .prepend-14 { padding-left:378px; } .prepend-15 { padding-left:405px; } .prepend-16 { padding-left:432px; } .prepend-17 { padding-left:459px; } .prepend-18 { padding-left:486px; } .prepend-19 { padding-left:513px; } .prepend-20 { padding-left:540px; } .prepend-21 { padding-left:567px; } .prepend-22 { padding-left:594px; } .prepend-23 { padding-left:621px; } .prepend-24 { padding-left:648px; } .prepend-25 { padding-left:675px; } .prepend-26 { padding-left:702px; } .prepend-27 { padding-left:729px; } .prepend-28 { padding-left:756px; } .prepend-29 { padding-left:783px; } .prepend-30 { padding-left:810px; } .prepend-31 { padding-left:837px; } .prepend-32 { padding-left:864px; } .prepend-33 { padding-left:891px; } .prepend-34 { padding-left:918px; } .prepend-35 { padding-left:945px; } div.border { padding-right:5px; margin-right:6px; border-right:1px solid #eee;}div.colborder { padding-right:18px; margin-right:20px; border-right:1px solid #eee;}.pull-1 { margin-left:-27px; }.pull-2 { margin-left:-54px; }.pull-3 { margin-left:-81px; }.pull-4 { margin-left:-108px; }.pull-5 { margin-left:-135px; }.pull-6 { margin-left:-162px; }.pull-7 { margin-left:-189px; }.pull-8 { margin-left:-216px; }.pull-9 { margin-left:-243px; }.pull-10 { margin-left:-270px; }.pull-11 { margin-left:-297px; }.pull-12 { margin-left:-324px; }.pull-13 { margin-left:-351px; }.pull-14 { margin-left:-378px; }.pull-15 { margin-left:-405px; }.pull-16 { margin-left:-432px; }.pull-17 { margin-left:-459px; }.pull-18 { margin-left:-486px; }.pull-19 { margin-left:-513px; }.pull-20 { margin-left:-540px; }.pull-21 { margin-left:-567px; }.pull-22 { margin-left:-594px; }.pull-23 { margin-left:-621px; }.pull-24 { margin-left:-648px; }.pull-25 { margin-left:-675px; }.pull-26 { margin-left:-702px; }.pull-27 { margin-left:-729px; }.pull-28 { margin-left:-756px; }.pull-29 { margin-left:-783px; }.pull-30 { margin-left:-810px; }.pull-31 { margin-left:-837px; }.pull-32 { margin-left:-864px; }.pull-33 { margin-left:-891px; }.pull-34 { margin-left:-918px; }.pull-35 { margin-left:-945px; }.pull-36 { margin-left:-972px; }.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25, .pull-26, .pull-27, .pull-28, .pull-29, .pull-30, .pull-31, .pull-32, .pull-33, .pull-34, .pull-35, .pull-36 {float:left; position:relative;}.push-1 { margin:0 -27px 1.5em 27px; }.push-2 { margin:0 -54px 1.5em 54px; }.push-3 { margin:0 -81px 1.5em 81px; }.push-4 { margin:0 -108px 1.5em 108px; }.push-5 { margin:0 -135px 1.5em 135px; }.push-6 { margin:0 -162px 1.5em 162px; }.push-7 { margin:0 -189px 1.5em 189px; }.push-8 { margin:0 -216px 1.5em 216px; }.push-9 { margin:0 -243px 1.5em 243px; }.push-10 { margin:0 -270px 1.5em 270px; }.push-11 { margin:0 -297px 1.5em 297px; }.push-12 { margin:0 -324px 1.5em 324px; }.push-13 { margin:0 -351px 1.5em 351px; }.push-14 { margin:0 -378px 1.5em 378px; }.push-15 { margin:0 -405px 1.5em 405px; }.push-16 { margin:0 -432px 1.5em 432px; }.push-17 { margin:0 -459px 1.5em 459px; }.push-18 { margin:0 -486px 1.5em 486px; }.push-19 { margin:0 -513px 1.5em 513px; }.push-20 { margin:0 -540px 1.5em 540px; }.push-21 { margin:0 -567px 1.5em 567px; }.push-22 { margin:0 -594px 1.5em 594px; }.push-23 { margin:0 -621px 1.5em 621px; }.push-24 { margin:0 -648px 1.5em 648px; }.push-25 { margin:0 -675px 1.5em 675px; }.push-26 { margin:0 -702px 1.5em 702px; }.push-27 { margin:0 -729px 1.5em 729px; }.push-28 { margin:0 -756px 1.5em 756px; }.push-29 { margin:0 -783px 1.5em 783px; }.push-30 { margin:0 -810px 1.5em 810px; }.push-31 { margin:0 -837px 1.5em 837px; }.push-32 { margin:0 -864px 1.5em 864px; }.push-33 { margin:0 -891px 1.5em 891px; }.push-34 { margin:0 -918px 1.5em 918px; }.push-35 { margin:0 -945px 1.5em 945px; }.push-36 { margin:0 -972px 1.5em 972px; }.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25, .push-26, .push-27, .push-28, .push-29, .push-30, .push-31, .push-32, .push-33, .push-34, .push-35, .push-36 {float:right; position:relative;}.prepend-top { margin-top:1.5em; }.append-bottom { margin-bottom:1.5em; } .box { padding:1.5em; margin-bottom:1.5em; background:#E5ECF9; }hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none; }hr.space { background:#fff; color:#fff;}.clearfix:after, .container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }.clearfix, .container {display:block;}.clear { clear:both; }label { font-weight:bold; }fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }legend { font-weight:bold; font-size:1.2em; }input[type=text], input[type=password],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; }input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; }input[type=text], input[type=password],input.text, input.title,textarea, select { margin:0.5em 0;}input.text, input.title { width:300px; padding:5px; }input.title { font-size:1.5em; }textarea { width:390px; height:250px; padding:5px; }input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em; }form.inline { line-height:3; }form.inline p { margin-bottom:0; }.error,.notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }.error a { color:#8a1f11; }.notice a { color:#514721; }.success a { color:#264409; }
/* == Font formatting == */
html {font:Arial, Helvetica, sans-serif;}
h1 {padding:4px 0px 0px 0px; margin:0px;}
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, body {color:#000000;}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px 10px 5px 5px;
}

/* == Visual Style == */
html{
    margin:0;
    padding:0;
	background:#C5E3EA url(_support/images/bg.png) repeat-x;
}
body{padding:0px; margin:0px; background:transparent url(_support/images/l-back.png) top center no-repeat; color:#000000;}
div.shadow {height:100%; width:100%; background:transparent url(_support/images/shadow.png) top center repeat-y;}
div.topBar {height:31px; width:100%; background:url(_support/images/topBar.png) repeat-x; position:relative; z-index:10;}
.topBar ul{display:block; width:980px; margin:0px auto; padding:0px; list-style-type:none;}
.topBar ul li {float:left; font-weight:bold; font-size:120%; padding:3px 8px 0px 0px}
.topBar ul li a{color:#e2eaee; text-decoration:none;}
.topBar ul li a:hover {color:#152232}
.topBar ul li ul {display:none;}

.outerContainer {width:960px; padding:0px 10px 0px 10px; background:#205068; margin:0px auto; min-height:250px; position:relative; z-index:3;}
#mainContent {overflow:hidden;}

div#sub-header {width:980px; margin:0px auto; background:#205068;}

div#header {height:107px; width:980px; position:relative; margin:0px auto; background:#205068; z-index:3; color:white;}

div#header .audiences {position:absolute; right:10px; top:35px; overflow:hidden}
div#header .audiences p {padding:0px 0px 3px 0px; margin:0px; color:white;}

div#header .audiences ul {padding:0px; margin:0px; display:block; width:532px; height:38px;}
div#header .audiences ul li {padding:0px; margin:0px; display:block;}
div#header .audiences ul li {padding:0px; margin:0px; display:block; float:left;}
div#header .audiences ul li a {text-indent:-9867em; display:block; height:38px; background:url(_support/images/audienceNav.png) no-repeat; overflow:hidden; }

div#header .audiences ul li.students a {width:130px; background-position:0px 100%}
div#header .audiences ul li.students a:hover {background-position:0px 0%}

div#header .audiences ul li.counselors a {width:151px; background-position:-130px 100%}
div#header .audiences ul li.counselors a:hover {background-position:-130px 0%}

div#header .audiences ul li.teachers a {width:131px; background-position:-281px 100%}
div#header .audiences ul li.teachers a:hover {background-position:-281px 0%}

div#header .audiences ul li.parents a {width:120px; background-position:-412px 100%}
div#header .audiences ul li.parents a:hover {background-position:-412px 0%}

.bodyContent {background:#f3f3f3 url(_support/images/cBack.png) repeat-x; border:1px solid #205068; margin-bottom:10px;}

.featureArea {min-height:288px; margin:0px 0px 12px 0px}
.tagCloud {margin-top:-9px;}
.tagCloud p {padding:3px 35px 2px 15px; margin:0px; color:white; font-size:90%; background:url(_support/images/tag-arrow.png) no-repeat bottom right; width:90px;}
.tagCloud div.cloud {background:#092939; text-align:center;height:52px;overflow-y:hidden; padding-bottom:5px;}
.tagCloud div.cloud a {color:white; text-decoration:none;}
.tagCloud div.cloud a:hover {color:#B1412A}

div.cloud a.nktagcloud-8, div.cloud a.nktagcloud-9 {color:#49616D;}
div.cloud a.nktagcloud-10, div.cloud a.nktagcloud-11 {color:#3F5865;}
div.cloud a.nktagcloud-12, div.cloud a.nktagcloud-13 {color:#72858E;}
div.cloud a.nktagcloud-14, div.cloud a.nktagcloud-15 {color:#72858E;}
div.cloud a.nktagcloud-16, div.cloud a.nktagcloud-17 {color:#909EA5;}
div.cloud a.nktagcloud-18, div.cloud a.nktagcloud-19 {color:#C9D0D4;}
div.cloud a.nktagcloud-20, div.cloud a.nktagcloud-21 {color:#C9D0D4;} 
div.cloud a.nktagcloud-22  {color:#FEFEFE;}


.tagCloud div.cloud p{width:auto; line-height:180%; background:none; text-align:center; padding:7px 0px 7px 0px}



a.tagsz-1 { font-size:  8px; }
a.tagsz-2 { font-size: 10px; }
a.tagsz-3 { font-size: 12px; }
a.tagsz-4 { font-size: 14px; }



div#header div#hNav {width:987px; background:#5d5d5d; height:40px; overflow:hidden; border:1px solid #666; border-left-width:0px; border-right-width:0px; }
div#header div#hNav ul {display:block; height:40px; background:#666; padding:0px; margin:0px 0px 0px 0px;}
div#header div#hNav ul li {height:40px; display:block; float:left; background:#dedede;}
div#header div#hNav ul li a {height:30px; display:block; padding:10px 10px 0px 10px; background:#dedede;}
div#header div#hNav ul li a:hover {background:#e8e8e8;}

div#header div#hNav div#subNav {padding-left:8px; display:none;}
div#header div#hNav div#subNav ul {width:100px; height:auto; background:yellow; float:left; margin:0px 0px 0px 10px; padding:0px;}
div#header div#hNav div#subNav ul li {float:none; height:auto; padding:0px 0px 0px 0px; background:yellow;}
div#header div#hNav div#subNav ul li a {padding:0px; height:auto;}

ul.header-menu {margin:0px; padding:0px 0px 0px 25px;}

div#footer {padding:0px 0px 0px 0px; clear:both; margin:15px 0px 0px 0px;}
div#footer div.fwrap {width:auto; background:#092939; margin:0px 0px 5px 0px;}
div#footer div.fwrap div.finner {width:980px; margin:0px auto; /*/background:red;/*/}
div#footer p {font-size:85%; color:#F3F3F3; padding:0px 0px 5px 0px; text-align:right;}
div#footer p.left {float:left;}
div#footer p.right {float:right;}

div#footer h4 {color:#F3F3F3; padding:7px 0px 2px 10px; margin:0px; font-weight:bold;}
div#footer ul {padding:6px 0px 0px 14px;}
div#footer ul, div#footer a{color:#9bd4f2;}
div#footer a:hover{color:white;}


h1.logo a {display:block; height:81px; width:398px; position:absolute; text-decoration:none; margin:0px; top:0px; left:0px;}
h1.logo {margin:0px; height:81px; width:398px; position:absolute; background-image:url(_support/images/logo.png); z-index:75; background-repeat:no-repeat; left:10px; top:15px; padding:0px; overflow:hidden;}

.title a, .logo a {text-indent:-917em; overflow:hidden; margin:0px;}
/*.title a, .logo a {background-color:red; opacity:.5; filter:alpha(opacity=50);}*/

div.search {position:absolute; top:13px; right:12px; z-index:100; width:275px; height:27px;}
#header form#searchform {display:block; margin:0px; padding:0px; position:relative;height:27px;}
#header div.search label.screen-reader-text {display:block; position:absolute; top:3px; right:185px;}
#header input#s {border:none; background:url(_support/images/search.png) no-repeat; width:146px; height:24px; margin:0px; padding:0px 29px 0px 3px; position:absolute; right:0px; top:0px; line-height:24px;}
#header input#searchsubmit {display:block; background:transparent; overflow:hidden; text-indent:-9876em; width:21px; height:21px; margin:0px; padding:0px; border:none; position:absolute; right:6px; top:1px;}
div.search p img { float:left;}


ul.fNav {list-style-type:none; margin:0px; padding:0px; display:block; line-height:normal}
ul.fNav li {padding:0px; margin:0px 0px 5px 0px; display:block; background:#F00; zoom:1;}
ul.fNav li a {display:block; background:#143c50; text-indent:-9876em; overflow:hidden; margin:0px; padding:0px;  zoom:1; margin-bottom:5px;}

ul.fNav li.fWhy a {background:#143c50 url(_support/images/why-stem.png) no-repeat 5px 7px; height:42px;}
ul.fNav li.fDev a {background:#143c50 url(_support/images/why-dev.png) no-repeat 5px 7px; height:54px;}
ul.fNav li.fTop a {background:#143c50 url(_support/images/top-stem.png) no-repeat 5px 7px; height:42px;}
	* html ul.fNav li.fTop a             {background:#143c50 url(_support/images/top-stem.png) no-repeat 5px 4px; height:34px; } /* IE6 */
	*:first-child+html ul.fNav li.fTop a {background:#143c50 url(_support/images/top-stem.png) no-repeat 5px 4px; height:34px; } /* IE7 */

ul.fNav li a:hover {background-position:17px 7px}

.fSlider {}

/*Slider additions*/
.sContainer ol#controls, .largeFeatureImage ol#controls, .mediumFeature ol#controls {margin:0px -12px 0px 0px; padding:0px; position:absolute; right:7px; bottom:7px; z-index:1000;}

.mediumFeature {position:relative; visibility:hidden; border:1px solid #246688 /*#123648*/; height:260px; background:#205068;}
.mediumFeature #slider {width:634px; height:260px; position:relative;}
.mediumFeature #slider .textwidget {margin:0px; padding:0px;}
.mediumFeature #slider li {width:634px; height:260px; overflow:hidden; position:relative;}
.mediumFeature #slider li div.sItem {width:634px; height:260px; position:relative;}
.mediumFeature a {color:#C0D757}
.mediumFeature a:hover {color:#B5985A;}

.subscribe {height:96px; background:#507F97; position:relative; margin-top:5px; text-align:center;background:url(_support/images/subscribe.png) no-repeat 0px 1px;}
.subscribe a.rss {position:absolute; top:10px; left:10px;}
/*.subscribe h3 {float:left; color:#91B4C6; position:absolute; top:10px; left:90px;}*/
.subscribe h3 {color:#91B4C6; size:8px;}
.subscribe ul {position:absolute; top:35px; left:100px; color:#91B4C6; list-style-type:none; padding:0px; margin:0px}
.subscribe ul li {padding:0px 0px 0px 21px; height:20px; display:block; margin-bottom:3px}
.subscribe ul li.help {background:url(_support/images/icons/silk/help.png) no-repeat 0px 1px;}
.subscribe ul li.twitter {background:url(_support/images/icons/social/twitter.png) no-repeat 0px 1px;}
.subscribe ul a {color:white; font-weight:bold; text-decoration:none;}
.subscribe ul a:hover {color:#f5e424;}

.contact2{height:20px; background:#507F97; position:relative; margin-top:-18px; text-align:center;background:url(_support/images/contact2.png) no-repeat 0px 1px; cursor:pointer; color:black;}
.contact2 h3{color:white; font-weight:bold; font-size:17px; padding-top:2px;}

.cdm{height:20px; background:#507F97; position:relative; margin-top:2px; text-align:center;background:url(_support/images/contact2.png) no-repeat 0px 1px; cursor:pointer;}
.cdm h3{color:white; font-weight:bold; font-size:17px; padding-top:3px;}


.mediaBox {background:#6B6B6B url(_support/images/mediaBox.png) repeat-x top; height:75px; border:1px solid #999; position:relative; margin:12px 0px 15px 0px;}
div.mediaBox ul, div.mediaBox ul a{color:#dbeffd;}
div.mediaBox ul a:hover{color:white;}
div.mediaBox ul {line-height:80%; font-size:100%; position:relative; z-index:2; margin:30px 0px 0px 0px; padding:0px 0px 0px 23px}
div.mediaBox h4 {display:block; background:url(_support/images/mediaBoxTitle.png) no-repeat 3px 0px; width:298px; height:100px; text-indent:-9876em; overflow:hidden; position:absolute; z-index:1;}


.left-col {width:145px; margin-right:10px; float:left;}
.right-col {width:145px; float:left;}
a.ad {margin:0px 0px 10px 0px; display:block;}
.widget .left-col h4, .widget .right-col h4 {background:none; padding:0px; margin:0px; color:#000000; font-weight:bold;}
.widget .right-col ul, .widget .left-col ul {line-height:120%; font-size:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
.widget .right-col ul li, .widget .left-col ul li {margin:7px 0px 7px 15px}
#sidebar-right .widget h4 {padding:4px 5px 4px 5px; font-weight:bold; color:#595B62;}

.postContent {clear:both; padding:10px 0px 0px 0px; position:relative; min-height:20px;}

.post .postComment p, .postComment p{background:transparent url(_support/images/icons/silk/comment.png) no-repeat 2px 2px; padding:0px 0px 0px 22px; position:absolute; right:10px; top:15px;}
.postComment p a {color:#b1412a;}

.postTags {clear:both; width:400px; padding:0px 0px 0px 0px; margin:0px 0px 5px 15px; background:#dcdcdc url(_support/images/icons/silk/tag_blue.png) no-repeat 7px 6px;}
.post .postTags p, .postTags p{margin:0px; padding:3px 5px 3px 32px;}
.postTags p span {font-style:italic; color:#5a5a5a; padding-right:4px;}

.entry img {border:10px solid white;}
.img-right {float:right; margin:3px 0px 10px 10px}
.img-left {float:left; margin:3px 10px 10px 0px}

.navigation {padding:0px 0px 10px 15px;}
/*.navigation .alignleft {padding:0px 0px 10px 15px;} unneeded because we don't nagigate with "older posts" and "newer posts"*/


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	/*
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		-/ 
		width:960px;
		height:325px;
		overflow:hidden;
		}	
	*/
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:960px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:15px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:13px;
		line-height:13px;
		}
	ol#controls li a{
		float:left;
		height:15px;
		line-height:13px;
		border:1px solid #ccc;
		background:#ced8e0;
		color:#fff;
		padding:1px 4px 0px 4px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#ffffff;
		color:#555;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* == PRIMARY STRUCTURE == */

		#posts {
			overflow: hidden;
			clear: none;
			}
			.post {
				margin: 0 0 50px 0;
				overflow: hidden;
				clear: both;
				width: auto;
				}
			#posts.posts_single-column {}
			#posts.posts_three-columns {}
			#posts.posts_left-sidebar  {}
			#posts.posts_right-sidebar {}

		#sidebar-left {
			}
			#sidebar-left.sidebar-left_single-column { display: none; }
			#sidebar-left.sidebar-left_three-columns {}
			#sidebar-left.sidebar-left_left-sidebar  {}
			#sidebar-left.sidebar-left_right-sidebar { display: none; }

	#sidebar-right {
		}
		#sidebar-right.sidebar-right_single-column { display: none; }
		#sidebar-right.sidebar-right_three-columns {}
		#sidebar-right.sidebar-right_left-sidebar  { display: none; }
		#sidebar-right.sidebar-right_right-sidebar {}

/* == POST CONTENT == */

.post, div.page {
	margin-bottom: 10px;
	}
	.post h1 {padding:0px 0px 0px 10px; margin:0px; font-weight:bold; font-size:225%}
		.post h1 a, .page h1 a {color:#000000; text-decoration:none;}
	.post p, .post h2 {padding-left:10px;}
	.post-wrap-1 {
		}
	.post-wrap-2 {
		margin: 10px auto;
		}

		.post h1, div.page h1 {
			}
		.post-meta {
			margin: 0px 0 0 12px; color:#7b7e86; font-style:italic;
			}
		.entry {
			margin: 0px 0 -10px 12px;
			}
			.entry p {line-height:190%; font-size:115%;}
			.entry h1 {padding-left:0px;}
		.post-cats {
			text-transform: lowercase;
			color: rgb(255, 255, 255);
			color: rgba(255, 255, 255, 0.5);
			margin: -14px -12px 0 0;
			text-align: right;
			}
		.read-more {
			margin-right: 10px;
			text-align: right;
			}
			#content .read-more a:link, #content .read-more a:visited { color: #878787;}
			#content .read-more a:hover, #content .read-more a:active { color: #111;}

		.edit-post {
			text-align: right;
			margin: 10px;
			}
		.post-tags {
			margin: 10px 0;
			}
		.post-metadata {
			overflow: hidden;
			height: 125px;
			width: 100%;
			}
			.post-metadata-caption {
				color: #ACABA3;
				color: rgba(0, 0, 0, 0.3);
				}
			.post-metadata-social {
				float: right;
				clear: none;
				width: 48%;
				}
			.post-metadata-info {
				float: left;
				clear: none;
				width: 48%;
				}
				.post-metadata ul {
					margin-left: 20px;
					}
					.post-metadata li {
						margin: 5px 0;
						}

			/* non-single views */
			.post[class] .post-wrap-1, div.page[class] .post-wrap-1 {}
			/* single post views */
			.single .post[class] .post-wrap-1, 
			/* single page views */
			div.page[class] .post-wrap-1 {}



/* POST NAVIGATION */
/*unneeded because we don't nagigate with "older posts" and "newer posts
.alignleft {
	float: left;
	clear: none;
	}
.alignright {
	float: right;
	clear: none;
	}
	#content .navigation .alignleft a {
		margin: 0 5px 10px 5px;
		text-align: center;
		padding: 5px 10px;
		display: block;
		float: left;
		}
	#content .navigation .alignright a {
		margin: 0 5px 10px 5px;
		text-align: center;
		padding: 5px 10px;
		display: block;
		float: right;
		}
		#content .navigation a:link, #content .navigation a:visited { 
			border: 1px solid #ccc;
			color: #777; 
			}
		#content .navigation a:hover, #content .navigation a:active { 
			border: 1px solid #777;
			color: #000;
			}
 unneeded because we don't nagigate with "older posts" and "newer posts"*/

/* == GENERAL STYLES == */

.entry p, .entry ol, .entry ul, dl {
	display: block;
	margin: 10px 0;
	}
.entry ul, .entry ol, .entry ul ul, .entry ol ol {
	margin-left: 30px;
	font-size: 13px;
	}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-family: Futurist, Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 10px 0;
	}
	.entry h3 {
		font-size: 18px;
		}
	.entry h4 {
		font-weight: bold;
		font-size: 16px;
		}
	.entry h5 {
		font-weight: bold;
		font-size: 14px;
		}
pre {

	border: 1px solid #999;
	margin: 10px auto;
	overflow: auto;
	display: block;
	padding: 10px;
	width: 97%
	}
acronym, abbr {
	border-bottom: 1px dotted #999;
	cursor: help;
	}

/* == WIDGETS == */

.widget-panel {
	margin:0px 12px 15px 0px;
	overflow: hidden;
	color: #555;
	}
	.widget {
		padding-bottom: 0px;
		margin-bottom: 0px;
		}
		/* new clearfix */
		.widget:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
			}
			* html .widget             { zoom: 1; } /* IE6 */
			*:first-child+html .widget { zoom: 1; } /* IE7 */

		#headerupperpanel .widget, 
		#headerlowerpanel .widget, 
		#headerleftpanel .widget {
			border: 0 none;
			}
		#sub-header .widget {
			background: #EFEFEF;
			margin: 10px 0;
			}
		.comments-heading .widget {
			background: transparent;
			margin: 20px auto 0 auto;
			border: 0 none;
			width: 95%;
			}
		.post-metadata-social .widget {
			background: transparent;
			border: 0 none;
			}
			.comments-heading .widget h4, 
			.post-metadata-social .widget h4 {
				background: transparent;
				padding: 0;
				margin: 0;
				}
			.comments-heading .widget p, 
			.post-metadata-social .widget p {
				font-size: 12px;
				margin: 5px 0;
				padding: 0;
				}
			.comments-heading .widget ul, 
			.post-metadata-social .widget ul {
				font-size: 12px;
				}
	.widget h4 {
		margin-bottom: 12px;
		background: #ddd;
		padding: 10px;
		}
	.widget p {
		line-height: 1.5;
		font-size: 13px;
		margin: 10px;
		}
	.widget ul {
		margin: 10px 10px 10px 25px;
		line-height: 1.5;
		font-size: 13px;
		}
		.widget ul li {
			margin: 7px 0;
			}
	.pre-widget {
		border: 1px solid #ddd;
		background: #fefefe;
		margin: 10px auto;
		padding: 5px 0;
		width: 92%;
		}
		.pre-widget p {
			line-height: 1.5;
			font-size: 12px;
			margin: 5px 10px;
			color: #999;
			}

/* recent comments */
li.recentcomments {
	font: normal 11px/1.7 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 10px 0;
	}
	.recentcomments .url {
		font-weight: bold;
		}

/* tag cloud */
.widget_tag_cloud div {
	line-height: 1.3;
	margin: 10px;
	}

/* text widget */
.textwidget {
	margin-top: 10px;
	}
	.post-metadata-social .textwidget {
		margin-top: 0;
		}

/* archives widget */
.widget_archive {}
	.widget_archive select {
		margin-top: 10px;
		}

/* search widget */
.widget_search {}
	form#searchform {
		overflow: hidden;
		margin: 10px;
		}
		label.screen-reader-text { display: none; }
		form#searchform input {
			float: left;
			clear: none;
			}
		input#s {
			font: 14px/1.2 Helvetica, Arial, sans-serif;
			margin: 5px 2px 5px 0;
			padding: 5px;
			width: 50%;
			}
		input#searchsubmit {
			font: 14px/1.2 Helvetica, Arial, sans-serif;
			border: 1px solid #ccc;
			text-align: center;
			padding: 5px 8px;
			background: #fff;
			cursor: default;
			margin: 5px 0;
			color: #777; 
			width: 35%;
			}
.search-9 h1 {
	margin-bottom: 50px;
	}
	.search-9 .entry {
		padding-bottom: 50px;
		}
/* search results header */
#search-results {
	border: thin solid #ddd;
	margin: 0 0 10px 0;
	background: #eee;
	padding: 10px;
	}
.search-terms { font-weight: bold; }

/* calendar widget */
div#calendar_wrap {
	margin-top: 10px;
	}
	table#wp-calendar {
		text-align: center;
		font-size: 12px;
		width: 100%;
		}
		table#wp-calendar caption {
			font: 22px/1 Futurist, Helvetica, Arial, sans-serif;
			}
		table#wp-calendar td a {
			background: #fff;
			}

/* rss import widget */
.widget_rss {}
	.widget_rss ul {
		list-style: none outside;
		margin: 10px;
		}
		.widget_rss ul li {
			margin-bottom: 20px;
			}
			.widget_rss ul a.rsswidget {
				font: 16px/1.5 Futurist, Helvetica, Arial, sans-serif;
				}
			.widget_rss ul cite, 
			.widget_rss ul span.rss-date {
				font: 10px/1.5 Verdana, sans-serif;
				display: block;
				margin: 10px 0;
				clear: both;
				}

/* category posts widget */
.cat-post-item {
	margin: 10px 0 20px 0;
	}
	.cat-post-item h2 {
		font: 16px/1.5 Futurist, Helvetica, Arial, sans-serif;
		font-size: 16px;
		margin: 0 10px;
		}
	p.post-date, p.comment-number {
		font: 11px/1.2 Verdana, sans-serif;
		font-size: 10px;
		}



/* == COMMENTS == */

#comments {
	margin: 20px 0;
	clear:both;
	}
	#comments h3 {
		}
		.comments-heading {
			overflow: hidden;
			width: 100%;
			}
			.comments-heading h3 {
				padding-left:15px;
				}
	.commentlist {
		list-style-type: none;
		}
	.commentlist li.comment {
		background: #eee url(images/comment-bg.png) repeat-x 0 0;
		border: 1px solid #ccc;
		margin: 20px auto;
		overflow: hidden;
		width: 99%;
		}
		.commentlist .comment-content ul {
			margin: 10px 0 10px 20px;
			list-style-type: disc;
			}
		.commentlist .comment-content p {
			margin: 10px 0;
			}
		/* multi-column comments */
		.comment-author {
			margin: 15px 0 15px 15px;
			float: left;
			clear: none;
			width: 11%;
			}
			.comment-author img {
				border: 1px solid #ccc;
				display: block;
				}
			.comment-meta {
				padding-right:10px;
				margin-bottom: 15px;
				overflow: hidden;
				}
				.comment-meta-name {
					padding: 10px 0;
					float: left;
					clear: none;
					}
				.comment-meta-date {
					padding: 10px 0;
					text-align: right;
					font-size: 14px;
					line-height: 1;
					float: right;
					clear: none;
					}
			.comment-content {
				overflow: hidden;
				clear:both;
				margin:0px 0px 0px 0px;
				padding:5px 10px 10px 15px
				}
			.reply {
				margin: 10px 0;
				}
			#comment-moderation {
				overflow: hidden;
				width: 100%;
				}
				/* comments reply and cancel links */
				#comments .reply a, 
				#comments .cancel-comment-reply a {
					text-align: center;
					padding: 5px 10px;
					background: #fff;
					}
				#comments .reply a:link, #comments .reply a:visited, 
				#comments .cancel-comment-reply a:link, #comments .cancel-comment-reply a:visited { 
					border: 1px solid #ccc;
					color: #777; 
					}
				#comments .reply a:hover, #comments .reply a:active, 
				#comments .cancel-comment-reply a:hover, #comments .cancel-comment-reply a:active { 
					border: 1px solid #777;
					color: #000;
					}
.comments-closed { margin: -10px 0 10px 10px; color: #777; }


/* COMMENT FORM */
#respond {margin:0px 20px 0px 20px;}
#commentform {
	border: 1px solid #ccc;
	background: #eee;
	overflow: hidden;
	padding: 10px 0;
	display:block;
	width:auto;
	clear:both;
	}
	#logged-in {
		margin: 10px 15px;
		}
	.comment-textarea {
		float: left;
		clear: none;
		width: auto;
		}
		.comment-textarea textarea {
			font: 14px/1.2 Helvetica, Arial, sans-serif;
			margin: 5px 0 5px 15px;
			padding: 5px;
			width: 90%;
			}
	.comment-input {
		margin:0px 15px 0px 15px;
		}
		input[type="hidden"] { 
			display: none; 
			}
		.comment-input input {
			font: 14px/1.2 Helvetica, Arial, sans-serif;
			margin: 5px 0;
			padding: 5px;
			width: 70%;
			}
	#submit {
		font: 14px/1.2 Helvetica, Arial, sans-serif;
		border: 1px solid #ccc;
		margin: 0 0 5px 15px;
		text-align: center;
		padding: 5px 10px;
		background: #fff;
		cursor: default;
		color: #777; 
		}
		#submit:hover {
			border: 1px solid #777;
			cursor: default;
			color: #000;
			}

/* nested comments */
.commentlist ol.children {
	margin: 0 10px 0 0;
	overflow: hidden;
	float: right;
	width: 90%;
	}
	.commentlist ol.children li.comment {
		margin: 0 0 15px 0;
		overflow: hidden;
		width: 99%;
		}
ol.children li.depth-2 {
	background: #E4E4E4 url(images/comment-bg.png) repeat-x 0 0;
	border: 1px solid #999;
	}
	ol.children li.depth-2 .comment-author img {
		border: 1px solid #aaa;
		}

/* nested reply form */
#comments .commentlist #commentform {
	border: 0 none;
	margin-top: 0;
	}
#comments .commentlist .cancel-comment-reply {
	margin-left: 15px;
	overflow: hidden;
	padding: 3px 0;
	width: 100%;
	clear: both;
	}
#comments .commentlist li.comment #commentform p {
	margin: 0;
	}
	#comments .commentlist li.comment #logged-in {
		display: none;
		}

/* LINKAGE */

a:link, a:visited {color: #2e86c2;}
a:hover, a:active {color: #b5622a;}

#footer .widget, #footer .widget h4{background:transparent;}
#footer .textwidget {margin:0px;}

div#footer p {display:block; margin:0px; padding-bottom:15px;}

img.alignright {margin:0px 0px 10px 10px}
img.alignleft {margin:0px 10px 10px 0px}

/*SPRAY ACCORDIAN*/
.AccordionPanel {margin: 0px;padding: 0px;}
.AccordionPanelTab {border-top: solid 1px silver;border-bottom: solid 1px silver;margin: 0px;padding: 2px;cursor: pointer;font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;color: #00;}
.AccordionPanelContent {overflow: auto;margin: 0px;padding: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}
.AccordionPanelOpen .AccordionPanelTab {background-color: #00;color: white;border-bottom: 1px solid #00;}
.AccordionPanelTabHover {color: #FFF;background-color: #205068;}
.AccordionPanelOpen .AccordionPanelTabHover {color: #00;background-color: #205068;}
.AccordionFocused .AccordionPanelTab {background-color: #00;color: #00;}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {background-color: #205068;color: #00;}