@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('/includes/fonts/CartoGothicStd-Book-webfont.eot');
	src: local('☺'), url('/includes/fonts/CartoGothicStd-Book-webfont.woff') format('woff'), url('/includes/fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('/includes/fonts/CartoGothicStd-Book-webfont.svg#webfont3Jo4Ril0') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('/includes/fonts/CartoGothicStd-Italic-webfont.eot');
	src: local('☺'), url('/includes/fonts/CartoGothicStd-Italic-webfont.woff') format('woff'), url('/includes/fonts/CartoGothicStd-Italic-webfont.ttf') format('truetype'), url('/includes/fonts/CartoGothicStd-Italic-webfont.svg#webfontt9obMmXC') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('/includes/fonts/CartoGothicStd-Bold-webfont.eot');
	src: local('☺'), url('/includes/fonts/CartoGothicStd-Bold-webfont.woff') format('woff'), url('/includes/fonts/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('/includes/fonts/CartoGothicStd-Bold-webfont.svg#webfontIxqYmXN9') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: url('/includes/fonts/CartoGothicStd-BoldItalic-webfont.eot');
	src: local('☺'), url('/includes/fonts/CartoGothicStd-BoldItalic-webfont.woff') format('woff'), url('/includes/fonts/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'), url('/includes/fonts/CartoGothicStd-BoldItalic-webfont.svg#webfontFLsyN2Hz') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	width:100%;
	margin:0px;
	background: #ffffff;
	}

body {
	width:100%;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	}

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

ul, li {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
a:link {
	color: #ee0000;
	text-decoration:none;
	}

a:hover, a:visited, a:active {
	color: #636363;
	text-decoration:none;
	}

/* header */

#header {
	width:784px;
	margin:0px auto;
	}

#header h1 {
	float:left;
	padding:23px 0px 15px 15px;
	}
	
#header h1 a {
	display:block;
	text-indent:-9999px;
	background:url(/images/sgalogo.png) top left no-repeat;
	width:259px;
	height:76px;
	overflow:hidden;
	}

#hd-links {
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	padding:50px 15px 0px 0px;;
	float:right;
	}

#hd-links a {
	text-decoration:none;
	color:#000000;
	}

/* main */

#main {
	background:#d5eaee;
	width:100%;
	padding-bottom:12px;
	float:left;
	}
	
#center {
	width:784px;
	margin:0px auto;
	}

/* menu */

#menu { 
	width: 784px;
	height:226px;
	background:url(/images/placeholder.jpg) bottom left no-repeat;
	margin:0px auto;
	float:left;
	}

#menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
#menu ul li { float:left; position:relative; }

#menu ul li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
/* without elections */

#menu li.about a {
	background:url(/images/nav_about.png) top left no-repeat;
	width:116px;
	height:51px;
	float:left;
	}

#menu li.about a:hover {
	background:url(/images/nav_about.png) bottom left no-repeat;
	height:51px;
	float:left;
	}

#menu li.about-on {
	background:url(/images/nav_about.png) bottom left no-repeat;
	height:51px;
	float:left;
	}

#menu li.branches a {
	background-image:url(/images/nav_branches.png);
	background-position: top left;
	background-repeat: no-repeat;
	width:159px;
	height:51px;
	float:left;
	cursor:default;
	}

#menu li.branches ul {
	display:none;
}
	
#menu li.branches-on ul {
	margin:0px;
	padding:0px;
	position:absolute;
	top:36px;
	left:0px;
	z-index:10;
}

#menu li.branches-on ul li {
	float:none;
	text-align:center;
	background:#fff;
	color:#ED1C24;
	font-weight:bold;
	display:block;
	text-indent:0px;
	cursor:pointer;
	height:24px;
	overflow:hidden;
}

#menu li.branches-on ul li a{
	background:#fff;
	color:#ED1C24;
	font-weight:bold;
	display:block;
	height:14px;
	width:153px;
	text-indent:0px;
	padding:5px 3px;
	cursor:pointer;
}

#menu li.branches-on ul li a:hover{
	background:#ED1C24;
	color:#fff;
	font-weight:bold;
	display:block;
	height:14px;
	width:153px;
	text-indent:0px;
	padding:5px 3px;
}
	
#menu li.branches a:hover {
	background:url(/images/nav_branches.png) bottom left no-repeat;
	height:51px;
	float:left;
	}

#menu li.branches-on a {
	background:url(/images/nav_branches.png) bottom left no-repeat;
	width:159px;
	height:51px;
	float:left;
	cursor:default;
	}
	
#menu li.resources a {
	background:url(/images/nav_resources.png) top left no-repeat;
	width:169px;
	height:51px;
	float:left;
	}

#menu li.resources a:hover {
	background:url(/images/nav_resources.png) bottom left no-repeat;
	height:51px;
	float:left;
	}

#menu li.resources-on {
	background:url(/images/nav_resources.png) bottom left no-repeat;
	width:169px;
	height:51px;
	float:left;
	}

#menu li.projects a {
	background:url(/images/nav_projects.png) top left no-repeat;
	width:149px;
	height:51px;
	float:left;
	}

#menu li.projects a:hover {
	background:url(/images/nav_projects.png) bottom left no-repeat;
	height:51px;
	float:left;
	}

#menu li.rightnow-on {
	background:url(/images/nav_rightnow.png) bottom left no-repeat;
	width:149px;
	height:51px;
	float:left;
	}

#menu li.iit_thoughts a {
	background:url(/images/nav_thoughts.png) top left no-repeat;
	width:191px;
	height:51px;
	float:left;
	}

#menu li.iit_thoughts a:hover {
	background:url(/images/nav_thoughts.png) bottom left no-repeat;
	height:51px;
	float:left;
	}

#menu li.issues-on {
	background:url(/images/nav_thoughts.png) bottom left no-repeat;
	width:191px;
	height:51px;
	float:left;
	}


/* with elections */

#menu .election li.about a {
	background:url(/images/e_navabout.png) top left no-repeat;
	width:101px;
	height:51px;
	float:left;
	}

#menu .election li.about a:hover {
	background:url(/images/e_navabout.png) bottom left no-repeat;
	width:101px;
	height:51px;
	float:left;
	}

#menu .election li.about-on {
	background:url(/images/e_navabout.png) bottom left no-repeat;
	width:101px;
	height:51px;
	float:left;
	}

#menu .election li.branches a {
	background:url(/images/e_navbranch.png) top left no-repeat;
	width:137px;
	height:51px;
	float:left;
	}

#menu .election li.branches a:hover {
	background:url(/images/e_navbranch.png) bottom left no-repeat;
	width:137px;
	height:51px;
	float:left;
	}

#menu .election li.branches-on {
	background:url(/images/e_navbranch.png) bottom left no-repeat;
	width:137px;
	height:51px;
	float:left;
	}
	
#menu .election li.resources a {
	background:url(/images/e_navresources.png) top left no-repeat;
	width:155px;
	height:51px;
	float:left;
	}

#menu .election li.resources a:hover {
	background:url(/images/e_navresources.png) bottom left no-repeat;
	width:155px;
	height:51px;
	float:left;
	}

#menu .election li.resources-on {
	background:url(/images/e_navresources.png) bottom left no-repeat;
	width:155px;
	height:51px;
	float:left;
	}

#menu .election li.rightnow a {
	background:url(/images/e_navrightnow.png) top left no-repeat;
	width:150px;
	height:51px;
	float:left;
	}

#menu .election li.rightnow a:hover {
	background:url(/images/e_navrightnow.png) bottom left no-repeat;
	width:150px;
	height:50px;
	float:left;
	}

#menu .election li.rightnow-on {
	background:url(/images/e_navrightnow.png) bottom left no-repeat;
	width:150px;
	height:51px;
	float:left;
	}

#menu .election li.elections a {
	background:url(/images/e_navelect.png) top left no-repeat;
	width:137px;
	height:51px;
	float:left;
	}

#menu .election li.elections a:hover {
	background:url(/images/e_navelect.png) bottom left no-repeat;
	width:137px;
	height:50px;
	float:left;
	}

#menu .election li.elections-on {
	background:url(/images/e_navelect.png) bottom left no-repeat;
	width:137px;
	height:51px;
	float:left;
	}

#menu .election li.issues a {
	background:url(/images/e_navissues.png) top left no-repeat;
	width:104px;
	height:51px;
	float:left;
	}

#menu .election li.issues a:hover {
	background:url(/images/e_navissues.png) bottom left no-repeat;
	width:104px;
	height:50px;
	float:left;
	}

#menu .election li.issues-on {
	background:url(/images/e_navissues.png) bottom left no-repeat;
	width:104px;
	height:51px;
	float:left;
	}
	
/* content */

#content {
	background:#ffffff;
	width:762px;
	margin-top:12px;
	padding:10px 12px 15px;
	float:left;
	}

#left {
	float:left;
	width:540px;
	}

#right {
	float:right;
	}

/* blog */

#blog {
	width: 556px;
	}

#blog h2 {
	background:url(/images/hdblog.png) top left no-repeat;
	width:546px;
	height:30px;
	display:block;
	text-indent:-9999px;
	}

#blog #entries {
	padding:20px 12px 20px 12px;
	}

#blog h3 {
	width:400px;
	}

#blog h3 a {
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	color: #ee0000;
	text-decoration:none;
	line-height:23px;
	}
	
#blog p.entry {
	font-size:14px;
	margin:8px 0px;
	padding:0px;
	}

#blog p.entry a.more {
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color:#000000;
	}

#blog p.entry-info {
	font-size: 12px;
	font-style: italic;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	}

#blog ul {
	list-style:none;
	display:block;
	margin:15px 0px 18px;
	padding:0px;
	}

#blog ul.entries-recent a {
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	color: #ee0000;
	text-decoration:none;
	}
	
/* this week */

#week {
	width: 556px;
	overflow:hidden;
	}
	
#week h2 {
	background:url(/images/hdweek.png) top left no-repeat;
	width:546px;
	height:30px;
	display:block;
	text-indent:-9999px;
	}

#week p {
	font-size:14px;
	}

#week #topic {
	background:#fccccc;
	width:546px;
	border-bottom:4px solid #ee0000;
	padding-bottom:5px;
	margin-bottom:15px;
	}
	
#week #topic h3 {
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	color: #ee0000;
	line-height:23px;
	margin:20px 20px 0px;
	}
	
#week #topic #topic-copy {
	width:422px;
	margin-left:15px;
	}

#week #topic #topic-copy p {
	margin:6px 0px 6px 10px;
	}

#week #topic #topic-copy p.entry-info {
	font-size: 12px;
	font-style: italic;
	margin:0px;
	padding:0px;
	margin:6px 0px 6px 10px;
	}

#week #topic #vote-big {
	float:left;
	margin:10px 10px 0px 20px;
	}

#week #topic #vote-big p {
	font-size:25px;
	text-align:center;
	}

#week #topic #vote-big a.good {
	background:url(/images/big_voteup.png) top left no-repeat;
	text-indent:-9999px;
	display:block;
	width:28px;
	height:38px;
	float:left;
	margin-right:3px;
	}

#week #topic #vote-big a:hover.good {
	background:url(/images/big_voteup.png) bottom left no-repeat;
	text-indent:-9999px;
	display:block;
	width:28px;
	height:38px;
	float:left;
	}

#week #topic #vote-big a.bad {
	background:url(/images/big_votedown.png) top left no-repeat;
	text-indent:-9999px;
	display:block;
	width:28px;
	height:38px;
	float:left;
	}

#week #topic #vote-big a:hover.bad {
	background:url(/images/big_votedown.png) bottom left no-repeat;
	text-indent:-9999px;
	display:block;
	width:28px;
	height:38px;
	float:left;
	}

#week #responses {
	overflow:hidden;
	}

#week #responses h4 {
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#ee0000;
	padding-left:5px;
	}

#week #responses #responses-list {
	width:507px;
	margin:0px auto;
	padding-top:5px;
	overflow:hidden;
	}

#week #responses #responses-list hr {
	border:1px solid #e2e2e2;
	}

#week #responses #responses-list .res-copy {
	overflow:hidden;
	margin-bottom:10px;
}
	
#week #responses #responses-list .res-copy p.copy {
	padding:0px 10px;
	float:left;
	width:300px;
	}

#week #responses #responses-list .vote-small { 
	float:right; 
	width:50px; 
	overflow:hidden; 
}
.vote-small .score { 
	float:right;
	font-size:15px;
	text-align:right;
	color:#6d6d6d;
}

#week #responses .vote-small input.good {
	background-image:url(/images/small_voteup.png);
	background-repeat: no-repeat;
	background-position:top left;
	text-indent:-9999px;
	display:block;
	width:17px;
	height:23px;
	float:right;
	margin-right:3px;
	}

#week #responses .vote-small input:hover.good, #week #responses .vote-small input.goodactive {
	background-image:url(/images/small_voteup.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
	display:block;
	width:17px;
	height:23px;
	float:right;
	}

#week #responses .vote-small input.bad {
	background-image:url(/images/small_votedown.png);
	background-repeat: no-repeat;
	background-position:top left;
	text-indent:-9999px;
	display:block;
	width:17px;
	height:23px;
	float:right;
	}

#week #responses .vote-small input:hover.bad, #week #responses .vote-small input.badactive{
	background-image:url(/images/small_votedown.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
	display:block;
	width:17px;
	height:23px;
	float:right;
	}
	
#week #responses #responses-list input.submit {
	background:url(/images/submit-response.png) top left no-repeat;
	text-indent:-9999px;
	display:block;
	width:352px;
	height:49px;
	float:left;
	margin:0px 85px 10px 85px;
	}
#week #responses #responses-list a.previous {  display:block; float:left; text-transform:uppercase; text-align:center; width: 556px; font-weight:bold; margin-top:10px; }
	
/* branches */

#branches {
	width: 556px;
	}
	
#branches h2 {
	background:url(images/hdbranches.png) top left no-repeat;
	width:546px;
	height:30px;
	display:block;
	text-indent:-999%;
	}

#branches #entries {
	padding:20px 12px 35px 12px;
	}

#branches h3 {
	width:400px;
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	color: #ee0000;
	text-decoration:none;
	line-height:23px;
	}

#branches p {
	font-size:14px;
	margin:5px 0px;
	padding:0px;
	}

#branches hr {
	border:2px solid #ee0000;
	margin-top:15px;
	margin-bottom:15px;
	}

#branches .member {
	float:left;
	}

#branches .member img {
	border: 5px solid #ee0000;
	float:left;
	margin:10px 10px 10px 20px;
	}

#branches .member .info {
	width:325px;
	float:left;
	}

#branches h4 {
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size:20px;
	color:#ee0000	;
	text-transform:uppercase;
	margin-top:20px;
	}

#branches h5 {
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size:16px;
	line-height:14px;
	color:#707070;
	text-transform:uppercase;
	}

#roster li { background:#fff; border:1px dashed #000; overflow:hidden; margin-bottom:10px; }
/* resources */

#resources {
	width: 556px;
	}
	
#resources h2 {
	background:url(/images/hdresources.png) top left no-repeat;
	width:546px;
	height:30px;
	display:block;
	text-indent:-9999px;
	}

#resources #entries {
	padding:20px 12px 35px 12px;
	}

#resources h3 {
	width:400px;
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	color: #ee0000;
	text-decoration:none;
	line-height:23px;
	margin-top:25px;
	}

#resources p {
	font-size:14px;
	}

#resources h4 {
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size:16px;
	color:#707070;
	text-transform:uppercase;
	margin-top:15px;
	}

#resources input.short {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	border:1px #000000 solid;
	padding:5px;
	margin-bottom:5px;
	}

#resources input.button {
	background-color:#636363;
	color:#ffffff;
	border:0px;
	padding:5px 10px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

#resources a.dl-button {
	background-color:#636363;
	color:#ffffff;
	border:0px;
	padding:5px 10px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:5px;
	display:inline-block;
	}

#resources ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}

/* issues */

#issues {
	width: 556px;
	}
	
#issues h2 {
	background:url(/images/hdissues.png) top left no-repeat;
	width:546px;
	height:30px;
	display:block;
	text-indent:-9999px;
	}

#issues #entries {
	padding:20px 12px 35px 12px;
	}

#issues h3 {
	width:400px;
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	color: #ee0000;
	text-decoration:none;
	line-height:23px;
	}

#issues h4 {
	color:#636363;
	font-size:16px;
	font-weight:normal;
	}

#issues h5 {
	color:#636363;
	font-size:12px;
	font-weight:normal;
	}

#issues p {
	font-size:14px;
	margin:5px 0px;
	padding:0px;
	}

#issues #field {
	text-align:right;
	}

#issues input.short {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	border:1px #000000 solid;
	padding:5px;
	margin-bottom:5px;
	}


#issues textarea.short {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	border:1px #000000 solid;
	padding:5px;
	margin-bottom:5px;
	}

#issues input.button {
	background-color:#636363;
	color:#ffffff;
	border:0px;
	padding:5px 10px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-right:5px;
	}

#issues input.undo {
	background-color:#a6a6a6;
	color:#ffffff;
	border:0px;
	padding:5px 10px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
/* facebook */

#facebook {
	width: 556px;
	float:left;
	overflow:hidden;
	}

#facebook h2 {
	background:#4f60cd url(/images/hdfacebook.png) top right no-repeat;
	width:556px;
	height:30px;
	display:block;
	text-indent:-9999px;
	}

/* video blog */

#vblog {
	display:none;
	width: 260px;
	float:right;
	background:url(/images/vblog_bg.png) #e38300 top left no-repeat;
	padding-bottom:20px;
	}

#vblog h2 {
	background:url(/images/hdvblog.png) top left no-repeat;
	width:260px;
	height:30px;
	display:block;
	text-indent:-9999px;
	}

#vblog #entries {
	padding:5px;
	}
	
#vblog h3 {
	margin-bottom:4px;
	font-weight:normal;
	}

#vblog h3 a {
	font-size:18px;
	font-family: MS Sans Serif4, Geneva, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	text-decoration:none;
	}

#vblog p.entry-info {
	font-size: 12px;
	font-style: italic;
	margin:2px 0px 8px;
	padding:0px;
	}

#vblog a {
	color:#eae714;
	text-transform:uppercase;
	text-decoration:none;
	}
	
/* newsletter */

#newsletter {	
	width: 186px;
	overflow: hidden;
	background: #dd0000;
	padding:10px;
	margin-bottom:10px;
	color:#ffffff;
	}
	
#newsletter h2 {
	text-transform: uppercase;
	color: #480000;
	padding:5px 0px 5px 0px;
	font: 24px 'CartoGothicStdBold', Arial Bold, Helvetica, sans-serif;
	}

#newsletter p {
	font-size: 12px;
	}

#newsletter input.short {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	font-style:italic;
	border:1px #000000 solid;
	padding:5px 0px 5px 10px;
	margin-bottom:10px;
	width:177px;
	}

#newsletter input.button {
	background-color: #970808;
	background-image: -moz-linear-gradient(top, #f06161, #970808); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f06161),color-stop(1, #970808)); 
	background-image: linear-gradient(top, #f06161, #970808);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f06161', EndColorStr='#970808'); 
	color:#ffffff;
	border:2px solid #ffffff;
	padding:5px;
	margin:0px 0px 0px 2px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	width:100%;
	overflow:hidden;
	float:none;
	}

#newsletter p { float:left; width:100%; }
	
/* twitter */

#twitter {
	width:206px;
	background:#f1f1cf;
	border-bottom:4px solid #bbbb11;
	}

#twitter h2 {
	background:url(/images/hdtwitter.png) top left no-repeat;
	width:205px;
	height:30px;
	display:block;
	text-indent:-9999px;
	}

#twitter ul {
	list-style:none;
	margin:10px;
	padding:0px;
	margin-bottom:0px;
	}
#twitter ul li { 
	margin-bottom:10px;
}

#twitter #twitter_update_list ul {
	}

#twitter a.follow {
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	}
	
/* footer */

#footer {
	width: 784px;
	padding:20px 0px 75px 0px;
	margin:0px auto;
	clear:both;
	overflow:hidden;
	}

#copyright {
	float:left;
	padding-left:15px;
	}

#copyright p {
	font-family: MS Sans Serif4, Geneva, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #666666;
	}

#panda {
	float:right;
	padding-right:15px;
	}

#panda a {
	display:block;
	text-indent:-9999px;
	background:url(/images/indoorpanda.png)top left no-repeat;
	width:213px;
	height:70px;
	}

.clearboth {
	clear:both;
	}
#archive { margin-top:20px; }
#archive h3 { margin-bottom:20px; }

//CALENDAR



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
#file_upload_wrap input#date { display:none; }
#logout { font-size:40px; position:fixed; top:0px; left:0px; text-transform:uppercase; font-weight:bold }


/* dock2 - bottom */
#dock {
	width: 100%;
	bottom: -86px;
	height: 68px;
	padding-top:56px;
	position: fixed;
	left: 0px;
	background:url('/images/org_drawer.png') top center no-repeat;
	cursor:pointer;
}
.dock-container {
	display:none;
	position: absolute;
	height: 50px;
}
a.dock-item {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 50px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item span {
	display: none;
	width: 100%;
	text-align:center;
}
.dock-item img {
	border: none; 
	width: 100%; 
}

.photo-upload {
	background:rgba(255,255,255,0.75); 
	float:right;
	padding:20px;
}

#dock_list li { background:#fff; border:1px dashed #000; overflow:hidden; margin-bottom:10px; padding:10px; }

/*-- PROJECTS --*/

#adminProjects #currentProjects li {
	border: 1px dashed #9ac;
	padding: 10px;
	background-color: #B4DCDC;
	background-color: rgba(180, 220, 220, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4DCDC',EndColorStr='#99B4DCDC'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4DCDC',EndColorStr='#99B4DCDC')"; /* IE8 */
	margin:10px 0px;
	position:relative;
	cursor:pointer;
}
#adminProjects #currentProjects li .project {
	padding-right:75px;
}

#adminProjects #currentProjects li .description {
	padding-right:75px;
}

#adminProjects #currentProjects li a.addTask {
	color:#600;
	font-weight:bold;
}

#adminProjects #currentProjects li a.editTask {
	color:#600;
	font-weight:bold;
	position:absolute;
	right:5px;
	top:5px;
}

#adminProjects #currentProjects li a.deleteTask {
	color:#600;
	font-weight:bold;
	position:absolute;
	right:5px;
	top:30px;
}

#projects h2 {
	font-family: 'CartoGothicStdBold';
	font-size:14px;
	background:#ee0000;
	color:#fff;
	padding:5px;
	text-align:right;
	display:block;
	text-transform:uppercase;
}

#projects #currentProjects li {
	margin: 10px 0px;
	overflow:hidden;
}

#projects #currentProjects li ul {
	background:#eeeeee;
	margin:10px;
	border:1px solid #cccccc;
	display:none;
}

#projects #currentProjects li ul ul {
	border:0px;
}

#projects #currentProjects li ul li {
	margin:0px;
	font-size:14px;
	padding:10px;
}

#projects #currentProjects li ul li .description {
	margin:0px;
}

#projects #currentProjects li .recent_updates div {
	border:2px solid #fff;
	-moz-box-shadow: 0px 0px 2px #000; 
	-webkit-box-shadow: 0px 0px 2px #000; 
	box-shadow: 0px 0px 2px #000; 
	display:inline-block;
	
	*display:inline;
	*zoom:1;
	
	padding:2px;
	cursor:pointer;
	font-weight:bold;
	text-transform:uppercase;
	margin:10px;
	color:#fff;
}

#projects #currentProjects li .description {
	margin:10px;
}

#currentProjects li div.project {
	font: 24px 'CartoGothicStdBold', Arial Bold, Helvetica, sans-serif;
	padding:5px 10px;
	text-transform:uppercase;
	color:#fff;
}

#currentProjects li ul li div.project {
	font:14px Arial, Helvetica, sans-serif;
	padding:0px;
	text-transform:none;
	background:transparent;
	color:#000;
}

#projects #currentProjects li .status {
	font-weight:bold;
}

#projects .In_Progress {
	background:#fff6cc;
	border-bottom: 10px solid #ffd200;
}

#projects .In_Progress .project {
	background:#ffd200;
}

#projects .In_Progress .recent_updates div {
	background-color: #fed519;
	background-image: -moz-linear-gradient(top, #fed519, #e7bf02); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fed519),color-stop(1, #e7bf02)); 
	background-image: linear-gradient(top, #fed519, #e7bf02);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fed519', EndColorStr='#e7bf02'); 
}

#projects .In_Progress .recent_updates div.active {
	background-color: #fef6d0;
	background-image: -moz-linear-gradient(top, #fef6d0, #e7dfb9); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fef6d0),color-stop(1, #e7dfb9)); 
	background-image: linear-gradient(top, #fef6d0, #e7dfb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fef6d0', EndColorStr='#e7dfb9'); 
}

#projects .In_Progress li .project {
	background:transparent;
}

#projects .Completed {
	background:#f1f1cf;
	border-bottom:10px solid #bbbb11;
}

#projects .Completed .project {
	background:#bbbb11;
}

#projects .Completed .recent_updates div {
	background-color: #c1c128;
	background-image: -moz-linear-gradient(top, #c1c128, #aaaa11); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c1c128),color-stop(1, #aaaa11)); 
	background-image: linear-gradient(top, #c1c128, #aaaa11);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c1c128', EndColorStr='#aaaa11'); 
}

#projects .Completed .recent_updates div.active {
	background-color: #f1f1d3;
	background-image: -moz-linear-gradient(top, #f1f1d3, #dadabc); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1f1d3),color-stop(1, #dadabc)); 
	background-image: linear-gradient(top, #f1f1d3, #dadabc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1d3', EndColorStr='#dadabc'); 
}

#projects .Completed li .project {
	background:transparent;
}

#projects .Pending {
	background:#e0e0e0;
	border-bottom:10px solid #646464;
}

#projects .Pending .project {
	background:#646464;
}

#projects .Pending li .project {
	background:transparent;
}

#projects .Pending .recent_updates div {
	background-color: #727272;
	background-image: -moz-linear-gradient(top, #727272, #5c5c5c); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #727272),color-stop(1, #5c5c5c)); 
	background-image: linear-gradient(top, #727272, #5c5c5c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#727272', EndColorStr='#5c5c5c'); 
}

#projects .Pending .recent_updates div.active {
	background-color: #e2e2e2;
	background-image: -moz-linear-gradient(top, #e2e2e2, #cbcbcb); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e2e2e2),color-stop(1, #cbcbcb)); 
	background-image: linear-gradient(top, #e2e2e2, #cbcbcb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e2e2e2', EndColorStr='#cbcbcb'); 
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Colorbox
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*JNOTIFY*/

.jnotify-container {
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	z-index: 100000;
}

.jnotify-container .jnotify-notification {
	position: relative; 
}

.jnotify-container .jnotify-notification .jnotify-background {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	background-color: #e3f0db; 
	filter: alpha(opacity=90); 
	-moz-opacity: 0.90; 
	opacity: 0.90; 
	z-index: 1; 
}

.jnotify-container .jnotify-notification a.jnotify-close,
.jnotify-container .jnotify-notification a.jnotify-close:link,
.jnotify-container .jnotify-notification a.jnotify-close:visited,
.jnotify-container .jnotify-notification a.jnotify-close:focus,
.jnotify-container .jnotify-notification a.jnotify-close:hover {
	position: absolute;
	top: 2px;
	right: 5px;
	padding: 0 5px;
	font: bold 1.4em Arial,Helvetica,sans-serif;
	line-height: 1em;
	color: #567b1b;
	text-decoration: none;
	z-index: 3;
	cursor: pointer;
}

.jnotify-container .jnotify-notification .jnotify-message {
	position: relative; 
	z-index: 2; 
	padding: 20px;
	text-align: center;
	color: #567b1b;
	font: bold 1.4em Arial,Helvetica,sans-serif;
	line-height: 1.2em; 
}

.jnotify-container .jnotify-notification .jnotify-message * {
	font-size: 1em;
}

/* notification type == "error" */
.jnotify-container .jnotify-notification-error .jnotify-background {
	background-color: #d79eac; 
}

.jnotify-container .jnotify-notification-error .jnotify-close,
.jnotify-container .jnotify-notification-error .jnotify-message {
	color: #a72947 !important;
}

/* notification type == "warning" */
.jnotify-container .jnotify-notification-warning .jnotify-background {
	background-color: #fff7d1; 
}

.jnotify-container .jnotify-notification-warning .jnotify-close,
.jnotify-container .jnotify-notification-warning .jnotify-message {
	color: #c2a928 !important;
}

/*jConfirm*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(/images/jConfirm/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(/images/jConfirm/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(/images/jConfirm/info.gif);
}

#popup_content.confirm {
	background-image: url(/images/jConfirm/important.gif);
}

#popup_content.prompt {
	background-image: url(/images/jConfirm/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}