/* CSS Document */

body {
	text-align:center;
	margin:0;
	padding:0;
	font-size:80%;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	background:url(drafts/template_bg_spot.gif) repeat;
}

#outer_wrapper {
	margin:0 auto;
	background:url(drafts/template_bg_slice.gif) repeat-y center;
}

#top {
	background:url(drafts/template_top_slice.gif) no-repeat center;
	height:77px;
}

#inner_wrapper {
	width:770px;
	margin:0 auto;
}


#btm {
	background:url(drafts/template_btm_slice.gif) no-repeat center;
	height:15px;
}

#menu
{
	text-align:center;
	width:764px;
	margin:0 auto;
}

#content {
	text-align:left;
	margin:10px;
	width:770px;
}

#content #sub_menu {
	text-align:right;
	padding-right:10px;
	width:188px;
	float:left;
	display:inline;
}

#content #sub_menu .contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
}

#content #sub_menu .contact h1 {
	font-size:120%;
}

#content #sub_menu .menu {
	height:20em;
	margin-top:1.5em;
}

#content #sub_menu ul {
	padding:0;
	margin:0;
}

#content #sub_menu ul li {
	text-indent:0;
	list-style:none;
}

#content #sub_menu ul li a  {
	color:#660000;
	text-decoration:none;
	font-weight:bold;
}

#content #sub_menu ul li a:hover  {
	color:#ff0000;
	text-decoration:none;
	font-weight:bold;
}

#content #sub_menu ul li a.current  {
	text-indent:0;
	list-style:none;
	color:red;
}

#content #main {
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	float:left;
	display:inline;
	width:530px;
	border-left:2px dotted #ccc;
}
#content #main p, #content #main ul  {font-size:120%;}

.clearboth {clear:both;}

h1.title {
	font-size:150%;
	color:#660000;
	border-left:0.5em #660000 solid;
	border-bottom:1px #660000 solid;
	padding-left:0.5em;
}

h1.title2 {
	font-size:150%;
	color:#660000;
	border-left:none;
	border-bottom:none;
	font-weight:normal;
}

h3, h2.title,h2.title_bottom, h2.title_inline { font-size:120%;color:#330000;}
h2.title_bottom { text-align:center;}
h2.title_inline {display:inline;}
p.inline {display:inline;}
h3 {font-size:110%;}

.image_right {float:right; margin:0 0 0 10px;  border:1px solid #ccc; padding:1px; width:275px; height:100px; text-align:center;}
.image_right_free {float:right; margin:0 0 0 10px; padding:0; border:1px solid #ccc; padding:1px; width:275px;}
.slideshow_right {float:right; margin:0 0 0 10px; padding:0; border:1px solid #ccc; padding:1px; width:275px; height:200px;}

.image_grants_right, .image_grants_left {padding:6px; border:1px solid #ccc; }
.image_grants_right {float:right; margin-left:10px;}
.image_grants_left {float:left; margin-right:10px;}

div.hr {border-top:2px dotted #ccc; margin:0.5em 0;}

#footer p.designedby {float:right;}
#footer p.copy {float:left;}
#footer p {margin:0; color:#666666; font-size:80%;}
#footer {padding:0 10px;}
#footer a {text-decoration:none; color:#666666;}
#footer a:hover {text-decoration:underline;}

div.case_study { }
div.case_study h2 {margin:0 0 10px 0;}
div.case_study p {margin:0;}
table.case_study tr td {background-color:#99FFFF; border:1px solid #33ffff}

div.case_study2 {margin:10px 0;}
p.error {color:red; font-size:120%; font-weight:bold;}

table.staff  {border:1px solid #ccc; margin:5px 0; width:100%; padding:5px;}
table.staff p {margin:0;}
td.image {width:80px; text-align:center; border:1px solid #ccc; padding:2px;}