/* MAIN ELEMENTS */

* { padding: 0; margin: 0;  }

body { font: 11px/18px Arial, Verdana, sans-serif; background: #ff9900 url(images/bg_top.jpg) center top no-repeat; }
form, input, textarea, select, option { font: 11px/18px Arial, Verdana, sans-serif; }

.clear { display: block; clear: both; height: 1px; overflow: hidden;  }

a { color: #008BC0; text-decoration: none;  }
a:hover { text-decoration: underline;  }
a img { border: none; }

li 	{ display: block; list-style: none outside; list-style-type: none;}
p 	{ padding: 0 0 20px 0; }

th  { background-color:#00469b; padding-left: 5px; font-weight:bold; color:#FFFFFF; text-align:left; }
td  { padding-left: 5px; text-align:left; }


h1 { font-weight: normal; font-size: 220%; line-height: 120%; padding: 0 0 5px 0;}
h2 { font-weight: normal; font-size: 180%; padding: 0 0 5px 0; }

/* LAYOUT  */
#page_container { margin: 0 auto; background: #ff9900 url(images/bg_bottom.jpg) center bottom no-repeat;  }

#page_content { background: #fff url(images/border.gif) 200px 0 repeat-y; overflow: hidden; margin: auto; width: 960px; }

/* CONTENT  */

#content p { color: #333; }
#content { float: left; padding: 0; width: 760px; border: solid #CCC; border-width: 1px 0 0 0; overflow: hidden;  }
#content #cnt_inner { padding: 20px 0 20px 20px;  }

#header, #page_content { border: solid #FFF; border-width: 0 10px; }
#header {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: #ffffff;
	padding-bottom: 20px;
	height: 75px;
}
#header h1 { width: 290px; height: 60px; background: url(images/logo.gif) left top no-repeat; border: none; padding-bottom: 0; float: left; margin: 0;  }
#header h1 a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -10000px;  }

.breadcrumbs { width: 960px; margin: 0 auto; background: #FFF; border: solid #fff; border-width: 0 10px; text-indent: 200px;  }

/* --- FOOTER --- */
#footer { clear: both; color: #FFF; padding-bottom: 5px; margin-top: -1px; }
#footer .holder { width: 980px; margin: 0 auto; background: #333;}
#footer a { color: #FFF; }
#footer a:hover { text-decoration: underline;  }

/* --- BANNER --- */
.banner { display: block; width: 358px; height: 300px; float: left; overflow: hidden;  }
.banner .title { display: block; width: 100%; overflow: hidden; text-indent: -3000px;   }
.banner .text { display: block; color: #000; padding: 210px 25px 0 25px; text-align: center;   }
.banner:hover { text-decoration: none; }

/* ---  NAVIGATION --- */
#nav h1 { width: 290px; height: 60px; background: url(images/logo.gif) left top no-repeat; border: none; padding-bottom: 0; float: left; margin: 0;}
.nav { height: 28px; background: #FFFFFF; width:960px;}
.nav li { display: block; height: 100%; float: left; border-right: 1px solid #FFF; float:right; }
.nav li a { display: block; height: 25px; float: left; color: #FFF; font-weight: bold; text-transform: uppercase; overflow: hidden; padding: 5px 10px; width:80px;   }
/*.nav li a span { display: block; width: 140px; padding: 0 0 10px 0; overflow: hidden; text-indent: -1000px;  } */
.nav li a:hover { text-decoration: none;}
.nav li a:hover span, 
.nav li.selected a span { border-bottom: 5px solid #FFF; color: #FFFFFF;}

.nav li#li1 a { background-color: #f7b500; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li2 a { background-color: #b9cd0c; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li3 a { background-color: #82bf34; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li4 a { background-color: #00a650; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li5 a { background-color: #0979c0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li6 a { background-color: #00469b; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:center;}


/*.nav li#li1 a span { background-color: #f7b500; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li2 a span { background-color: #b9cd0c; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li3 a span { background-color: #82bf34; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li4 a span { background-color: #00a650; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li5 a span { background-color: #0979c0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.nav li#li6 a span { background-color: #00469b; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;} */


.nav li#li1 a hover span { background-color: #f7b500; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; border-bottom: 10px #FFFFFF;}
.nav li#li2 a hover span { background-color: #b9cd0c; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; border-bottom: 10px #FFFFFF;}
.nav li#li3 a hover span { background-color: #82bf34; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; border-bottom: 10px #FFFFFF;}
.nav li#li4 a hover span { background-color: #00a650; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; border-bottom: 10px #FFFFFF;}
.nav li#li5 a hover span { background-color: #0979c0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; border-bottom: 10px #FFFFFF;}
.nav li#li6 a hover span { background-color: #00469b; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; border-bottom: 10px #FFFFFF;}

/* --- Sidebar Panels --- */
#sidebar { float: left; width: 180px; padding-bottom: 15px; margin-right: 20px; overflow: hidden;  }
#sidebar .panel .hdr { border-bottom: 1px dashed #CCC; margin-bottom: 0; background: #f7b500;  }
#sidebar .panel .hdr h3 { color: #FFF;	background: #c0c0c0;}
#sidebar .panel .cnt { background: url(images/cnt_bgrd.gif) left top repeat-x; overflow: hidden;  }

.panel { margin-bottom: 20px; border-bottom: 1px solid #CCC; }
.panel .hdr { background: #EEE; height: 27px; position: relative; margin-bottom: 10px; }
.panel .hdr h3 { font-size: 14px; line-height: 27px; color: #626262; padding-left: 10px; }
.panel .hdr .icon { display: block; width: 20px; height: 24px; background: #CCC; position: absolute; right: 10px; bottom: 5px; }
.panel .cnt { padding: 0px;  }
.panel .cnt .hdr { background: none; }
.panel .links { text-align: right; padding: 0 0 5px 0; }
.panel .Ul {list-style-type: none;}
.panel .li {list-style-type: none;}

/* --- Sidebar Panels - ACTION --- */
#actions.panel { border: none; }
#actions.panel .icon { background: url(images/ico_event.gif) left top no-repeat; }
/*#actions.panel li {
	padding: 5px 0 7px 20px;
	border-bottom: 1px solid #CCC;
	line-height: 14px;
	background-image: url(images/bullet_square.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
} */
#actions.panel li a { display: block;}
#actions.panel li .right { display: block; text-align: right; clear: both; float: none;   }
#actions.panel .hdr h3 { color: #FFF;}


/* --- Sidebar Panels - SCHOOL --- */
#feed.panel { border: none; }
#feed.panel .icon { background: url(images/ico_school.gif) left top no-repeat; }
#feed.panel .cnt { font-size: 10px;  }
/*#feed.panel li { padding: 7px 7px 7px 25px; border-bottom: 1px solid #CCC; background: url(sdbr_panel_feed_list_bullet.gif) 5px 7px no-repeat; line-height: 16px;  } */
#feed.panel li a:hover { text-decoration: underline;  }

/* --- TWitter -- */
#twit.panel li {padding: 2px 2px 2px 2px;}
#twit.panel li a { display: block;}
#twit.panel { border: none; }
#twit.panel .icon { background: url(images/ico_school.gif) left top no-repeat; }
#twit.panel .cnt { font-size: 10px;  }
#twit.panel li a:hover { text-decoration: underline;  }

/* --- Sidebar Panels - Amazon --- */
#ad.panel { border: none; }
#ad.panel .icon { background: url(images/ico_money.gif) left top no-repeat; }
#ad.panel .cnt { font-size: 10px;  }
#ad.panel li { padding: 7px 7px 7px 25px; border-bottom: 1px solid #CCC; background: url(sdbr_panel_feed_list_bullet.gif) 5px 7px no-repeat; line-height: 16px;  }
#ad.panel li a:hover { text-decoration: underline;  }

/* --- Central Area  --- */
#focus1 {
	margin-right: 15px;
	background-image: url(images/money/focus1.jpg);
	background-repeat: no-repeat;
	background-position: left top; min-height:300px; max-height:500px; margin-top:0px; vertical-align:top; }
#focus2 { background: url(images/money/focus2.jpg) left top no-repeat; min-height:300px; max-height:500px; margin-top:0px; vertical-align:top; }

/* --- FOOTER --- */
#footer { clear: both; color: #FFF; padding-bottom: 5px; margin-top: -1px;}
#footer .holder {
	width: 970px;
	margin: 0 auto;
	background: #333;
	height:25px;
	text-align:right;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 10px;
}
#footer a { color: #FFF; }
#footer a:hover { text-decoration: underline;  }


/*****************   TWITTER FEED  ******************/

.twitted {
	margin-bottom: 1.5em;
	border: 0px solid #888;
	width: auto;
}

.twitted h2 {
	margin: 0;
	padding: 1px 1px;
	font-size: 1em;
	color: #fff;
	background-color: #888;
	display:none;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1px 1px 1px 1px;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 1px;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 1px 0 1px 0;
	border-bottom: 0px solid #ccc;
	list-style-type: none;
}

.twitted ul#twitter_update_list li span {
	list-style-type: none;
	display: block;
}

.twitted ul#twitter_update_list li span a {
	list-style-type: none;
	color: #008BC0;
	list-style-type: none;
}

.twitted ul#twitter_update_list li a {
	color: #008BC0;
	list-style-type: none;
} 

.twitted ul#twitter_update_list li.firstTweet {
list-style-type: none;
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
	list-style-type: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 1px 1px;
	color: #fff;
} */