body
{
 	font: 83%/1.4 arial, helvetica, sans-serif;
	color: #1e508f;
}

#wrap
{
 	margin: 10px auto;
	width: 770px;
}

/*** common content formatting ***/

p { margin: 12px 0; } /* set paragraph spacing */
strong { font-weight: bold; } /* font bold */
em { font-style: italic; }/* font italic */
a { color: #7ebd48; } /* set default links */
a:hover { color: #23b0eb; } /* set link hover color */
ul { margin: 12px 0 12px 20px; } /* unordered lists */
li { margin: 2px 0; padding-left: 12px; background: url('../graphics/bullet.gif') no-repeat 0 8px; } /* list items */
td { padding: 3px; vertical-align: middle; } /* table columns */

.clear { clear: both; } /* clears any floats */
.left { float: left; } /* float left */
.right { float: right; } /* float right */
.text_right { display: block; text-align: right; } /* align right */

/*** end common content formatting ***/

/*** headers ***/

h1 { margin: 0; font-size: 2.6em; font-weight: normal;  }
h2 { margin: 0 0 5px 0; font-size: 2.2em; font-weight: normal; }
h3 { margin: 0 0 20px 0; font-size: 1.4em; font-weight: normal; }

/*** end headers ***/

/*** structure ***/

#sidebar { float: left; width: 140px; }
#content { float: right; width: 600px; }

#footer
{
 	margin-top: 15px;
 	padding-top: 5px;
	font-size: 0.8em;
	color: #b7b7b7;
	text-align: center;
	border-top: 1px solid #eaeaea;
}

#footer a { color: #b9b9b9; }
#footer a:hover { color: #23b0eb; }

/*** end structure ***/

/*** header ***/

#header h1 a { width: 163px; height: 70px; background: url('../graphics/ssn.gif'); float: left; display: block; }
#header h1 a span { display: none; }
#header img { margin: 20px 0 0 35px; float: left; }

#mini_menu { font-size: 0.85em; width: 290px; float: right; text-align: right; }
#mini_menu ul { margin: 0 0 15px 0; }
#mini_menu ul li { margin: 0 0 0 15px; padding: 0; background: none; display: inline; }
#mini_menu a { color: #1e508f; }
#mini_menu a:hover { color: #23b0eb; }
#mini_menu .search { width: 180px; }

/*** end header ***/

/*** main menu ***/

#menu { margin: 0 0 0 90px; padding: 0; }
#menu li { margin: 0; padding: 0; background: none; display: inline; }
#menu li a { width: 118px; height: 25px; display: block; float: left; }
#menu li a span { display: none; }

.menu_home { background: url('../graphics/nav/menu/home.gif') no-repeat; }
.menu_home2 { background: url('../graphics/nav/menu/home2.gif') no-repeat; }
.menu_about { background: url('../graphics/nav/menu/about.gif') no-repeat; }
.menu_about2 { background: url('../graphics/nav/menu/about2.gif') no-repeat; }
.menu_events { background: url('../graphics/nav/menu/events.gif') no-repeat; }
.menu_events2 { background: url('../graphics/nav/menu/events2.gif') no-repeat; }
.menu_themes { background: url('../graphics/nav/menu/themes.gif') no-repeat; }
.menu_themes2 { background: url('../graphics/nav/menu/themes2.gif') no-repeat; }
.menu_resources { background: url('../graphics/nav/menu/resources.gif') no-repeat; }
.menu_resources2 { background: url('../graphics/nav/menu/resources2.gif') no-repeat; }

.menu_stripe { margin: 0 0 10px 0; height: 15px; }
.menu_stripe_left { width: 5px; height: 15px; float: left; }
.menu_stripe_right { width: 5px; height: 15px; float: right; }

/*** end main menu ***/

/*** sub menu ***/

.submenu { width: 134px; background: url('../graphics/nav/sub/bg.gif') repeat-y; }
.submenu a { color: #fff; }

.submenu_about, .submenu_events, .submenu_themes, .submenu_resources
{
	padding: 10px 0 0 10px;
	width: 124px;
	height: 20px;
	font-weight: bold;
	color: #fff;
}

.submenu_about { background: url('../graphics/nav/sub/about.gif') no-repeat; }
.submenu_events { background: url('../graphics/nav/sub/events.gif') no-repeat; }
.submenu_themes { background: url('../graphics/nav/sub/themes.gif') no-repeat; }
.submenu_resources { background: url('../graphics/nav/sub/resources.gif') no-repeat; }

.submenu_content { padding: 13px 0 0 7px; width: 124px; }
.submenu_content ul { margin: 0; padding: 0 6px 0 0; }
.submenu_content li { margin: 0 0 10px 0; padding: 0; list-style-type: none; background: none; }

.submenu_content a { color: #1e508f; text-decoration: none; }
.submenu_content a:hover { color: #1e508f; text-decoration: underline; }

.submenu_bottom { width: 134px; height: 9px; background: #fff url('../graphics/nav/sub/bottom.gif') no-repeat; }

/*** end sub menu ***/

/*** homepage ***/

.home  { margin: 0 auto; font-size: 0.8em; }
.home h3 { font-weight: bold; font-size: 1.6em; margin: 5px 0 0 0; }

.home a { color: #1e508f; }
.home a:hover { color: #23b0eb; }

.home .home_left { float: left; width: 600px; }
.home .home_right { float: right; width: 160px; }

.home .home_news { background: #fff url('/graphics/home-news-container-bg.gif') repeat-y left top; }
.home .home_news_body { margin: 3px 10px; }
.home .home_news_top { background: #fff url('/graphics/home-news-container-top.gif') no-repeat left top; height: 10px; }
.home .home_news_bottom { background: #fff url('/graphics/home-news-container-bottom.gif') no-repeat left top; height: 10px; }

.home .home_news_left { float: left; width: 348px; }
.home .home_news_left a { text-decoration: none; }
.home .home_news_left a:hover { text-decoration: underline; }

.home .home_news_middle { float: left; margin-left: 10px; width: 247px; }

.home .home_news_middle a.news_item {
	background-color: #8faccf;
	color: #fff;
	display: block;
	font-weight: bold;
	margin-top: 2px;
	padding: 5px;
	text-decoration: none;
}

.home .home_news_middle a.news_item:hover {
	background-color: #004990;
}

.home .home_news_right { float: left; margin: 17px 0 0 10px; width: 133px; }
/*** end homepage ***/

/*** sections ***/

.breadcrumb { margin-bottom: 10px; font-size: 0.85em; color: #7ebd48; }

.header_about { padding: 2px; background: #222b6a url('../graphics/header_about.gif') repeat-x; color: #fff; }
.header_events { padding: 2px; background: #0ca7e7 url('../graphics/header_news.gif') repeat-x; color: #fff; }
.header_themes { padding: 2px; background: #af763b url('../graphics/header_themes.gif') repeat-x; color: #fff; }
.header_resources { padding: 2px; background: #417911 url('../graphics/header_resources.gif') repeat-x; color: #fff; }

/* only used if image is aligned left */
.sectionList li
{
	 position: relative;
	 top: 0;
	 left: 15px;
}

.headerBg
{
 	margin-bottom: 7px;
	padding: 2px;
 	background: #1e508f;
	color: #fff;
}

h3.expandable
{
  margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

h3.expandable a
{
 	color: #1e508f;
}

/*** end sections ***/

/*** news article ***/

.article { border-top: 1px solid #eee; }
.article h3 { margin: 10px 0 0 0; }
/* use #content for mapping links properly */
#content .article h3 a { color: #03669d; }
#content .article h3 a:hover { color: #00aad9; }
.pubDate { margin-bottom: 15px; color: #bcbcbc; display: block; }

/*** end news article ***/

/*** tabs ***/

.tab1 { margin-bottom: 30px; position: relative; }
.tab2 { height: 26px; border-bottom: 1px solid #eaeaea; }
.tab3 { position: absolute; top: 0; left: 5px; }

a.sel
{
	margin: 0 1px 0 1px;
	padding-top: 3px;
	display: block;
	width: 100px;
	height: 24px;
	background: url('../graphics/kbtab.gif');
	text-align: center;
	text-decoration: none;
	float: left;
}

a.notsel
{
	margin: 0 1px 0 1px;
	padding-top: 3px;
	display: block;
	width: 100px;
	height: 24px;
	text-align: center;
	float: left;
}

/*** end tabs ***/