@media screen
{
	body {
		margin: 0;
		padding: 0;
		background: #989898 url(images/img04.gif) repeat-x;
	}
	
	body, th, td, input, textarea {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #666666;
	}
	
	p, ol, ul {
		line-height: 170%;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	/* Header */
	
	#header {
		width: 960px;
		height: 120px;
		margin: 0 auto;
	}
	
	#logo {
		height: 120px;
		width: 960px;
		/*margin-left: 10px;*/
		background: url(images/img01.jpg) no-repeat left center;
	}
	
	#logo h1, #logo p {
		text-transform: lowercase;
	}
	
	#logo h1 {
		margin: 0;
		padding: 25px 0 0 85px;
		letter-spacing: -2px;
		font-size: 3em;
		font-weight: normal;
		color: #000000;
	}
	
	#logo h1 a {
		color: #000000;
	}
	
	#logo p {
		margin: -10px 0 0 2px;
		padding: 0 0 0 85px;
		text-transform: lowercase;
	}
	
	#search {
		float: right;
		width: 280px;
	}
	
	#search form {
		margin: 0;
		padding: 63px 0 0 0;
	}
	
	#search fieldset {
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#search #s, #search #x {
		float: left;
	}
	
	#search #s {
		width: 188px;
		margin: 2px 6px 0 0;
		padding: 2px 5px;
		background: url(images/img02.gif) repeat-x;
		border: 1px solid #ACACAC;
	}
	
	#search #x {
		width: 67px;
		height: 28px;
		padding: 0;
		background: #006BFF url(images/img03.gif) no-repeat;
		border: none;
		text-transform: lowercase;
		color: #FFFFFF;
	}
	
	/* Menu */
	
	#menu {
		/*width: 962px;*/
		width: 962px;
		height: 50px;
		margin: 0 auto;
	}
	
	#menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu li {
		display: block;
		float: left;
	}
	
	#menu a {
		display: block;
		float: left;
		height: 38px;
		padding: 8px 20px 0 20px;
		text-decoration: none;
		/*text-transform: lowercase;*/
		color: #000000;
	}
	
	#menu a:hover {
		text-decoration: underline;
	}
	
	#menu .current_page_item {
		background: url(images/img05.gif) no-repeat;
	}
	
	#menu .current_page_item a {
		background: url(images/img06.gif) no-repeat right top;
		font-weight: bold;
	}
	
	/* Searchbar */
	
	#searchbar {
		display:block;
		float:right;
		height:38px;
		padding:4px 10px 0px 10px;
		background: url(images/searchbg.gif) no-repeat right top;			
	}
	
	#searchbar fieldset {
		display:block;
		float:right;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#searchbar #s {
		/*margin: 2px 6px 0 0;*/
		width: 97px;
		padding: 2px 0px;
		background: url(images/img02.gif) repeat-x;
		border: 1px solid #ACACAC;
	}
	
	#searchbar #x {
		width: 67px;
		height: 28px;
		padding: 0px;
		background: #006BFF url(images/img03.gif) no-repeat;
		border: none;
		/*text-transform: lowercase;*/
		color: #FFFFFF;
		font-weight: bold;
	}
	
	#searchbar form {
		float:right;
	}
	
	/* Page */
	
	#page {
		width: 962px;
		margin: 0 auto;
		background: #FFFFFF url(images/img07.gif) repeat-y;
	}
	
	/* Content */
	
	#content {
		float: right;
		width: 700px;
		padding: 11px 11px 0 5px;
		text-align:justify;
		background: url(images/img09.gif) no-repeat;
		color: #000000;
	}
	
	.contentIndent5 {
		padding-left: 5px;
		padding-right: 5px;	
	}
	
	.contentIndent10 {
		padding-left: 10px;	
		padding-right: 10px;
	}
	
	.contentIndent15 {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.contentIndent20 {
		padding-left: 20px;	
		padding-right: 20px;
	}
	
	.contentIndent25 {
		padding-left: 25px;
		padding-right: 25px;	
	}
	
	.contentIndent30 {
		padding-left: 30px;	
		padding-right: 30px;
	}
	
	#content a {
		color: #0065FF;
	}
	
	#content ul {
		/*margin: 0;
		padding: 0;*/
		list-style: none;
	}
	
	#content ul li {
		/*margin: 0;	*/
		/*padding-left: 15px;*/
		/*background: url(images/img12.gif) no-repeat 0px 9px;*/
		list-style-image: url(images/img12.gif);
		list-style-position: outside;		
	}
	
	#content li ul {
		padding: 10px 15px;
	}
	
	.pagetitle {
		height: 33px;
		margin: 0;
		padding: 8px 0 0 15px;
		/*background: url(images/img13.gif) no-repeat;*/
		background: url(images/Body_content_top.png) no-repeat;
		font-size: 1.4em;
		color: #FFFFFF;
	}
	
	#content #rss-posts {
		display: block;
		margin: -30px 15px 0px 0px;
		padding: 0 20px 0 0;
		background: url(images/rss.gif) no-repeat right center;
		text-align: right;
		font-weight: bold;
		color: #FFFFFF;
	}
	
	.post {
		/*padding: 20px 30px 0 30px;*/
		padding: 10px 30px 0 30px;
	}
	
	.title {
		margin: 0;
		font-size: 1.2em;
		font-weight: normal;
	}
	
	.titleul {
		margin: 0;
		font-size: 1.2em;
		font-weight: normal;
		text-decoration: underline;
		color: #CE2B2B;
	}
	
	.titleb {
		margin: 0;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.titlebi {
		margin: 0;
		font-size: 1.2em;
		font-weight: bold;
		font-style: italic;
	}
	
	.byline {
		margin: 0 0 20px 0;
	}
	
	.meta {
		border-top: 1px dotted #CCCCCC;
		text-align: right;
	}
	
	.meta .more, .meta .comments {
		padding-left: 15px;
		background: url(images/img14.gif) no-repeat left center;
	}
	
	/* Sidebar */
	
	#sidebar {
		float: left;
		width: 230px;
		padding: 11px 5px 0 11px;
		background: url(images/img08.gif) no-repeat;
		color: #000000;
	}
	
	#sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#sidebar li {
		margin-bottom: 5px;
	}
	
	#sidebar li ul {
		padding: 0px 15px;
		#padding: 10px 15px;
	}
	
	#sidebar li li {
		margin: 0;
		padding-left: 15px;
		font-size: 0.96em;
		background: url(images/img12.gif) no-repeat 0px 8px;
	}
	
	#sidebar li li ul {
		padding: 5px 0px;
	}
	
	#sidebar li li li {
		margin: 0;
		padding-left: 15px;
		font-size: 0.9em;		
		background: none;
		list-style-type: none;
		/*background: url(images/phone.png) no-repeat -2px 0px;*/
		line-height: 120%;
	}
		
	.sidebarphone {
		display:none; 
		overflow:hidden; 
		height:50px;
	}
	
	#sidebar li li li li {
		margin: 0;
		padding-left: 15px;
		font-size: 0.9em;		
		background: none;
		list-style-type: none;
		background: url(images/warningicon.gif) no-repeat -2px 0px;
		line-height: 120%;
	}
	
	#sidebar h2 {
		height: 33px;
		margin: 0;
		padding: 8px 0 0 15px;
		/*background: url(images/img11.gif) no-repeat;*/
		background: url(images/Sidebar_top.png) no-repeat;
		font-size: 1.2em;
		color: #FFFFFF;
	}
	
	#sidebar a {
		text-decoration: none;
		color: #0065FF;
	}
	
	#sidebar a:hover {	
		text-decoration: underline;
	}
	
	.sidebarcontent {
		padding-left: 10px;
		line-height: 115%;
	}
	
	.sidebarheading {
		text-decoration: underline;	
	}
	
	/* Footer */
	
	#footer {
		width: 962px;
		margin: 0 auto;
		padding: 30px 0;
		background: url(images/img10.gif) no-repeat;
	}
	
	#footer p {
		margin: 0;
		text-align: center;
		color: #FFFFFF;
	}
	
	#footer a {
		color: #FFFFFF;
	}
	
	/* Career Accordian */
	
	.WPAccordion {
		border-left: solid 1px gray;
		border-right: solid 1px black;
		border-bottom: solid 1px gray;
		overflow: hidden;
		font-size: 14px;
	}
	
	.WPAccordion .Tab {
		height: 20px;
		background-image: url(images/careertab_bg.png);
		background-repeat: repeat-x;
		background-color:#CCCCCC;
		border-top: solid 1px black;
		border-bottom: solid 1px gray;
		margin: 0px;
		padding-left: 3px;
		cursor: pointer;
		-moz-user-select: none;
		-khtml-user-select: none;	
	}
	
	.WPAccordion .Content {
		overflow: auto;
		height: 300px;
		margin: 0px;
		padding-left: 5px;
		padding-right: 5px;
		background-image: url(images/img02.gif);
		background-repeat: repeat-x;		
	}
	
	.WPAccordion .hover {
		background-image: none;
		background-color: #33CCFF;
	}
	
	.WPAccordion .open {
		/* Add properties here. */
	}
	
	.WPAccordion .closed {
		/* Add properties here. */
	}
	
	.WPAccordion .focused {
		/* Add properties here. */
	}
	
	/* Event Calendar */
	.WPEventCalendar {
		border: solid 1px gray;	
		overflow: hidden;
		font-size: 14px;
		background-image: url(images/img02.gif);
		background-repeat: repeat-x;
		background-color: #EEEEEE;
		color:#000000;
	}
	
	#WPEventCalendarHeader {
		border-bottom: solid 1px gray;
		background-image: url(images/careertab_bg.png);
		background-repeat: repeat-x;		
		height: 20px;
		margin: 0px;
		padding-left: 3px;
		cursor: pointer;
		-moz-user-select: none;
		-khtml-user-select: none;
	}
	
	#WPEventCalendarRow {
		margin: 0px;
		padding-left: 5px;
		cursor: pointer;
	}
	
	.WPEventCalendar .hover {
		background-image: none;
		background-color: #FFEEEE;
	}
	
	.WPEventCalendar .selected {
		background-image: none;
		background-color: #FFE4E1;
	}
	
	/* Event Collapsible Panel */
	
	.WPCollapsiblePanel {
		border-left: solid 1px gray;
		border-right: solid 1px black;
		border-bottom: solid 1px gray;
		overflow: hidden;
		font-size: 14px;
	}
	
	.WPCollapsiblePanel .Tab {
		height: 20px;
		background-image: url(images/careertab_bg.png);
		background-repeat: repeat-x;
		background-color:#CCCCCC;
		border-top: solid 1px black;
		border-bottom: solid 1px gray;
		margin: 0px;
		padding-left: 3px;
		cursor: pointer;
		-moz-user-select: none;
		-khtml-user-select: none;	
	}
	
	.WPCollapsiblePanel .Content {
		overflow: auto;
		height: 300px;
		margin: 0px;
		padding-left: 5px;
		padding-right: 5px;
		background-image: url(images/img02.gif);
		background-repeat: repeat-x;		
	}
	
	.WPCollapsiblePanel .hover {
		background-image: none;
		background-color: #33CCFF;
	}
	
	/* default link style - needed to make the :active work correctly in IE */
	a, a:visited, a:hover, a:active {
		color:#000000;
	}
	
	/* style the outer cntaining div to fit the landscape, portrait and buttons */
	#album {
		width:400px; 
		height:300px; 
		background:#eeeeee url(images/about/events/jdrf_2009/JDRF Walk_2009 002.jpg) 0px 0px no-repeat;
		border:1px solid #aaa;
		margin:0 0 20px 0;
	}
	
	/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
	.gallery {
		padding:0; 
		margin:320px 0 0 0;
		list-style-type:none;
		position:relative;
		width:320px;
	}
	
	/* remove the default image border */
	.gallery img {
		border:0;
	}
	
	/* make the list horizontal */
	.gallery li {
		float:left;
	}
	
	#album ul li {
		list-style:none;
	}
	
	/* style the link text to be central in a surrounding box */
	.gallery li a, .gallery li a:visited {
		font-size:11px;
		float:left; 
		text-decoration:none; 
		color:#000000; 
		background:#ffffff; 
		text-align:center; 
		width:26px; 
		height:26px; 
		line-height:24px; 
		border:1px solid #444;
		margin:2px;
	}
	
	/* position the images using an absolute position and hide them from view */
	.gallery li a img {
		position:absolute; 
		top:-320px; 
		left:0; 
		visibility:hidden; 
		border:0;
	}
	
	/* fix the top position for the landscape images */
	.gallery li a img.landscape {
		/*top:-280px;*/
	}
	
	/* fix the left position for the portrait images */
	.gallery li a img.portrait {
		left:0;
		border-left:87px solid #eeeeee;
		border-right:88px solid #eeeeee;
	}
	
	/* style the hover background color for the text boxes */
	.gallery li a:hover {
		background:#dddddd;
		text-decoration:underline;
	}
	
	/* style the active/focus colors for the text boxes (required for IE) */
	.gallery li a:active, .gallery li a:focus {
		background:#444444; 
		color:#ffffff;
	}
	
	/* make the images visible on active/focus */
		.gallery li a:active img, .gallery li a:focus img {
		visibility:visible;
	}

}

@media print
{	
	body, th, td, textarea {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		/*font-size: 13px;*/
		color: #666666;
	}
	
	#header {
		display: none;
	}
	
	#logo {
		display: none;
	}
	
	#search {
		display: none;
	}
	
	#searchbar {
		display: none;
	}
	
	#menu {
		display: none;
	}
	
	#sidebar {
		display: none;
	}
	
	#footer {
		display: none;
	}
	
	#content {
		float: right;
		width: 700px;
		padding: 11px 11px 0 5px;
		text-align:justify;
		background: url(images/img09.gif) no-repeat;
		color: #000000;
	}
	
	.pagetitle {
		display:none;
		/*font-size: 20px;
		font-weight:bold;*/
	}
	
	/* For Hiding Images on Printout */
	/*img {
		display:none;
	}*/
}