/***** SITE COLORS
MAIN
blue: #006699;
yellow: #ffe380;
green: #009945;

ACCENT
lt. blue: #bfe9ff;
lt. green: #7fcca2; (50% green)
lt. grey: #cccccc;
darker lt. grey: #909090;
silver/lt. grey: #efefef;

STAPLE
black: #333333;
white: #ffffff;
*****/

html {
	overflow-y:scroll;
}

body {
	margin:0;
	font-size:99%;
	line-height:1.2em;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

#bigcontainer {
	width:640px;
	margin:0 auto;
	padding:3em;
}

#bigcontainer>div {
	width:100%;
	float:left;
	clear:both;
}

ul {
	margin:0;
	padding:0;
}

	ul.menu {
		list-style-type:none !important;
		margin:0 !important;
		padding:0 !important;
	}
	
	#maincontent #leftcolumn ul,
	#maincontent #onecolumn ul {
		padding: 0 1em !important;
		margin: .75em 1em !important;
	}

li {
	margin:0;
	padding:0;
}

	ul.menu li {
		display:inline;
	}
		#maincontent #leftcolumn ul.menu li,
		#maincontent #onecolumn ul.menu li {
			display:block;
			margin: 0 0 .3em;
		}
	
	ul.menu li ul {
		display:none;
	}
	
	ul.menu li:hover ul,
	ul.menu li.sfhover ul {
	}

h1 {
}

h2 {
	margin: .2em 0;
	padding:0;
	font-size:1.1em;
}
	h2.nofloat {
		width:100%;
		clear:both;
		margin-bottom:1em;
	}

h3 {
	margin: .2em 0;
	padding:0;
	font-size:1em;
	font-style:italic;
	font-weight:normal;
}
	.hirow h3 {
		color:#006699;
	}

p {
	margin: 1em 0 0;
	padding:0;
}

img {
	border:0;
	display:block !important;
}
	img.talkpic {
		display:block;
		height:125px;
		width:100px;
		margin: 0 10px 10px 0;
		background-color:#cccccc;
		color:#555555;
		text-align:center;
		line-height:1.5em;
	}

a, a:link, a:active, a:visited {
	color:#006699;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

/***************** TOP BANNER ********/

#banner {
	position:relative;
	top:0;
	left:0;
	height:123px;
	padding-top:37px;
	background-color:#006699;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	color:#ffffff;
}

#banner p {
	color:#bfe9ff;
	font-weight:bold;
}

#banner p#topsponsors {
	position:absolute;
	top:0;
	left:0;
	width:652px;
	margin:0;
	padding: .55em 7px .55em 0;
	background-color:#ffffff;
	color:#006699;
}

	#banner p#topsponsors a {
		padding: 21px 30px;
		background-repeat:no-repeat;
		color:#006699;
		text-decoration:none;
	}
	
	#tonyp {
		padding-right:0 !important;
		background-image: url(images/tonypsm.jpg) !important;
		background-position: 0 50%;
	}
	
	#oakdio {
		padding-left:0 !important;
		background-image: url(images/diocesesm.gif) !important;
		background-position: 100% 50%;
	}

#banner p#present {
	margin: 0 20% 0 0;
	padding:0;
	background-image: url(images/dot.gif);
	background-repeat:no-repeat;
	background-position: 100% 50%;
	font-size:1.15em;
	letter-spacing:1.1em;
}

	#banner p#present span {
		padding-left:1.1em;
		background-image: url(images/dot.gif);
		background-repeat:no-repeat;
		background-position: 0 50%;
	}

#banner p#date {
	font-size:.95em;
	letter-spacing:.9em;
	margin: .5em .5em 0 0;
	margin-top:1.2em;
}
	#banner p#date span {
		padding-right:1.5em;
		background-image: url(images/dot.gif);
		background-repeat:no-repeat;
		background-position: 100% 50%;
		margin-right:1.1em;
	}

#banner #header {
	padding-right:7px;
	text-transform:uppercase;
	color:#ffffff;
}

#banner #header h1 {
	margin: .1em -.02em 0 0;
	padding:0;
	font-size:2.2em;
	line-height:.89em;
}

#banner #header h2 {
	margin: .25em 0 0;
	padding-bottom:0;
	font-size:1.5em;
	line-height:1em;
}

#banner #header h2 span {
	height:2em;
	width:1em;
	font-size:.5em;
	position:relative;
	top:.1em;
	left:0;
}

#banner #header h2 span#mottobit-top {
	position:absolute;
	top:-1.3em;
	left:.25em;
	font-size:1em;
}

/***************** MAIN MENU ********/

#mainmenu {
	background-color:#009945;
	margin: 1em 0;
	padding: .4em 0;
	color:#ffffff;
	font-family:sans-serif;
	font-size:1em;
	text-align:center;
	letter-spacing:.25em;
}

#mainmenu ul {
	z-index:10;
}

#mainmenu ul li {
	padding: 0 .7em;
	position:relative;
	top:0;
	left:0;
}

#mainmenu ul li a {
	color: #ffffff;
	text-decoration:none;
}

li:hover .submenu, li.sfhover .submenu {
	display:block;
}
.submenu {
	width:11.1em;
	list-style:none;
	display:none;
	position:absolute;
	top:1.1em;
	left:0;
	padding: .5em 0 0;
	margin:0;
	font-size:.9em;
	text-align:left;
}
#mainmenu .submenu li {
	width:100%;
	clear:both;
	padding:0;
	margin:0;
	line-height:1.5em;
}
#mainmenu .submenu li a {
	width:100%;
	display:block;
	padding: .25em .5em;
	text-decoration:none;
	color:#ffffff;
	background-color:#009945;
}
#mainmenu .submenu li a:hover {
	background-color:#7fcca2;
}

/********* TABS (AND BOXY TABS) ****/

ul.tabs {
	border-bottom: 1px solid #006699;
	text-align:center;
	width:640px;
	height:3.1em;
	line-height:1.1em;
}
	ul.boxy {
		height:auto;
		border:0;
	}
	
ul.tabs li {
	display:block !important;
	float:left;
	clear:none;
	margin: 0 .1em;
	background-color:#efefef;
	border: 1px solid #909090;
	border-bottom:0;
	min-width:3em;
}
	ul.tabs li.first {
		margin-left:.2em;
	}

	ul.boxy li {
		background-color:#ffffff;
		margin:2px;
		border-bottom: 1px solid #909090;
	}
		ul.boxy li.last {
			margin:2px;
		}

ul.tabs li a {
	height:2.5em;
	min-width:3em;
	padding:3px;
	display:block;
}
	ul.boxy li a {
		height:auto;
	}
	ul.boxy h3 {
		float:left;
		clear:left;
		padding:5px;
		width:17%;
		font-style:normal;
		text-align:right;
	}

.toprow {
	margin: 0 0 1em !important;
	font-size:.7em;
	width:100%;
	float:left;
	clear:both;
}
.botrow {
	margin: 1em 0 0 !important;
	font-size:.7em;
	width:100%;
	float:left;
	clear:both;
}

.toprow a, .botrow a {
	text-decoration:none;
	color:#909090 !important;
}
.toprow a:hover, .botrow a:hover {
	color:#006699 !important;
}

.toprow p.backlink, .botrow p.backlink {
	margin:0;
}

/**** HERE STATES **/

#history .sg-history,
#overpop .sg-pop,
#coer .sg-coer,
#abor .sg-abor,
#wom .sg-wom,
#auth .sg-auth,
#consc .sg-consc,
#theo .sg-theo,
#nfp .sg-nfp,
#hvg .sg-hvg,
#hvt .sg-hvt {
	background-color:#ffffff;
	border: 1px solid #006699;
	border-bottom: 1px dashed #cccccc;
	margin-bottom:-1px;
}
	#history .boxy .sg-history,
	#overpop .boxy .sg-pop,
	#coer .boxy .sg-coer,
	#abor .boxy .sg-abor,
	#wom .boxy .sg-wom,
	#auth .boxy .sg-auth,
	#consc .boxy .sg-consc,
	#theo .boxy .sg-theo,
	#nfp .boxy .sg-nfp,
	#hvg .boxy .sg-hvg,
	#hvt .boxy .sg-hvt {
		background-color:#efefef;
		border-bottom: 1px solid #006699;
		margin-bottom:2px;
	}

#history .sg-history a,
#overpop .sg-pop a,
#coer .sg-coer a,
#abor .sg-abor a,
#wom .sg-wom a,
#auth .sg-auth a,
#consc .sg-consc a,
#theo .sg-theo a,
#nfp .sg-nfp a,
#hvg .sg-hvg a,
#hvt .sg-hvt a {
	color:#006699; /*#bfe9ff;*/
}

#studyguide p.backlink {
	display:none;
}

/***************** MAIN CONTENT CONTAINER ********/

#maincontent {
	position:relative;
	top:0;
	left:0;
}

#maincontent>div {
	float:left;
	clear:none;
}
#maincontent p, ol, ul, td {
	font-size:92%;
}
.banquet {
	border: 1px solid #cccccc;
	float: left;
	margin-right: .3em;
}
.hirow {
	margin: 1em 0;
	padding-bottom:3px;
	border-bottom: 1px solid #cccccc;
	min-height:128px;
}

.hirow h3 {
	background-color:#ffe380;
	padding: .5em 7px; 
	margin-top:0;
	font-weight:bold;
	font-style:normal;
}
	.hirow h3 a {
		text-decoration:none;
	}

.hirow img.talkpic {
	float:right;
	margin:0 0 5px 5px;
	border-left: 2px solid #ffffff;
}

.hirow p {
	background-color:#ffffff;
}

.intro {
	width:90%;
	margin: .1em auto 1.5em;
	padding: 2% 5%;
	border: 1px solid #006699;
	background-color:#efefef;
}
	#spon .intro {
		margin-bottom:.75em;
	}
	#reg .intro {
		margin-bottom:2.6em;
	}
	#home .intro {
		width:97.25%;
		border:0;
		border-bottom: 1px solid #cccccc;
		position:relative;
		top:-10px;
		left:-10px;
		margin:0;
		background-color:#f9f9f9;
	}

.intro p {
	margin: .5em auto;
	font-size:98%;
}
	#spon .intro p {
		font-size:80%;
		margin: .25em auto;
	}
	#home .intro p {
		font-size:92%;
	}

.intro p.first {
	margin-top:.5em !important;
}
	
.intro p.first:first-line {
	font-weight:bold;
}

.intro p.sidenote {
	margin-bottom:0;
	font-size:80%;
}
	
	#spon .intro p.sidenote {
		font-size:75%;
		margin: .25em auto;
	}

#links a:link {
	color:#006699;
	text-decoration:underline;
	position:relative;
}
#links a:hover {
	text-decoration: none;
}
#links a span {
	display: none;
}
#links a:visited {
	color:#006699;
	position:relative;
}
#links a:hover span {
	display: block;
	width: 150px;
	padding: 5px;
	text-decoration: none;
	color: #333;   
	background-color: #fff;
	border: 1px solid #cccccc;
	font: 12px Verdana, sans-serif; 
	text-align: left;
	position:absolute;
	bottom:1.2em;
	left:100%;
}
table.schedule{
	margin-top: 1em;
}
table.schedule td{
	border-top: 1px solid #cccccc;
}
/***************** ONE COLUMN ********/

#onecolumn {
	margin: 0 0 1em;
	padding: 0 5%;
	width:90%;
	min-height:20em;
}

/*********** FORM PAGES **/

form {
	padding: 1em 0 0;
	width:100%;
}
	body.formp form {
		padding: 1em 0 3em;
	}

form>* {
	float:left;
	clear:left;
}

	/* .iesucks b/c had to insert divs to get the labels to float correctly --
	but that means float must be taken off for these divs, which essentially don't exist */
form .iesucks {
	float:none;
}

#form-banq {
	width:100%;
	margin: 1em 0;
	background-color:#efefef;
	border:1px solid #006699;
	border-width: 1px 0;
}
#form-banq p{
	margin-top:0;
	margin-bottom:.5em;
}
#form-conf {
	width:100%;
	margin: 1em 0 2em;
	background-color:#efefef;
	border:1px solid #006699;
	border-width: 1px 0;
}
#form-conf p{
	margin-top:0;
	margin-bottom:.5em;
}

form h2 {
	margin-bottom:.5em;
	color:#009945;
}

body.formp form h3 {
	display:block;
	clear:both;
	width:100%;
	font-style:normal;
	font-weight:bold;
}

form p {
	float:left;
	clear:both;
}

label {
	display:block;
	float:left;
	clear:left;
	width:30%;
	margin-bottom:.5em;
	font-weight:bold;
	font-size:.98em;
}

	.h-form {
		margin: .5em 0;
	}
	.h-form label {
		display:inline;
		clear:none;
		padding: 0 .1em;
		font-weight:normal;
		width:auto;
	}
	#spon .paypalbutton label {
		width:auto;
		float:left;
		clear:none;
		line-height:25px;
		margin:0;
		padding:0;
	}

input, textarea {
	display:block;
	float:left;
	clear:right;
	margin-bottom:.5em;
	padding:.1em;
	border: 1px solid #cccccc !important;
	color:#006699;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
	.paypalbutton input {
		border:0 !important;
		width:auto !important;
		height:auto !important;
		margin: 0;
	}
		#spon .paypalbutton input {
			float:right;
			padding:0;
			margin:0;
			clear:none;
		}
	.h-form input {
		display:inline;
		clear:none;
	}
	
	#spon input, #spon textarea {
		width:65%;
	}

input[type=text] {
	padding: .1em .1em 0;
}

input[type=checkbox], input[type=radio] {
	border:0 !important;
}

input[type=submit] {
	clear:both;
	height:1.75em;
	width:auto;
	margin: 1.6em 0 0 .1em;
	background-color:#ffffff;
	color:#006699;
	cursor:pointer;
	font-weight:bold;
	font-size:.95em;
	padding:0;
}
	input[type=submit]:hover {
		color:#ffffff;
		background-color:#006699;
	}
	
	#spon input[type=submit] {
		float:right;
		margin: .5em .75em 0 0;
		width:auto;
	}

form hr {
	float:left;
	clear:both;
	margin: 1em 0;
	width:100%;
}
.special {
	margin-left: 20px;
}
.speciallabel {
	width:50%;
	clear:both;
	padding-right:300px;
}
/***************** LEFT COLUMN ********/

#leftcolumn {
	width:280px;
	margin: 0 5px 1em;
	padding:10px;
	border: 1px solid #cccccc;
	position:relative;
	top:0;
	left:0;
}

#leftcolumn>* {
	float:left;
	clear:none;
}

#leftcolumn .byline {
	clear:both;
	width:110px;
	text-align:center;
}

#leftcolumn p {
	float:none;
}

#leftcolumn p.first {
	margin-top:4em;
}

/***************** RIGHT COLUMN ********/

#rightcolumn {
	float:right;
	width:304px;
	padding:12px;
	color:#006699;
}

#rightcolumn>* {
	float:right;
	clear:both;
}

#rightcolumn p#blurb {
	width:auto !important;
	margin: .75em 12px;
	text-align:right;
	line-height:1.4em;
	font-family:tahoma, sans-serif;
	font-size:1.3em;
	font-weight:bold;
}

#rightcolumn p#talk {
	width: auto !important;
	margin-top: 0;
	color:#333333;
}
#rightcolumn h3 {
	width: auto !important;
	font-size:1.4em;
	text-align: left;
	margin-left: 0;
	color:#006699;
	line-height:1.1em;
	
}
ul.boxes {
}

ul.boxes li {
	float:left;
	clear:none;
	display:block;
	margin: 9px 12px !important;
	list-style-type:none;
	text-align:center;
}

ul.opened {
	width:286px;
	border:1px solid #cccccc;
	min-height:10em;
	padding: 9px !important;
	font-size:.85em;
	margin-bottom:5em !important;
}

	#spon ul.opened {
		margin-bottom:2em !important;
	}

ul.opened li {
	margin: 0 9px 9px 0 !important;
}
	ul.opened li.liwrap {
		background-color:none !important;
		margin:0 !important;
		float:none;
		text-align:left;
		display:inline;
	}

ul.opened h3 {
	margin-top:0;
	line-height:1em;
}

ul.opened p {
	color:#909090;
	margin: .6em 0;
}

ul.opened+p#blurb {
	margin-bottom:3em !important;
}
ul.opened+p#talk {
	margin-bottom:.5em !important;
}

ul#spots li {
	width:127px;
	background-color:#006699;
}

ul#spots li.odd {
	height:100px;
}

ul#spots li.even {
	height:127px;
}

ul#spots li#spot1 {
}

ul#spots li#spot2 {
	background-color:#ffe380;
}

ul#spots li#spot3 {
	background-color:#009945;
}

ul#spots li#spot4 {
	background-color:#ffffff;
}

ul#sponsors {
	margin-right:2px !important; /* to match #spots and #blurb */
}

ul#sponsors li {
	height:38px;
	width:128px;
	margin:9px !important;
	border: 2px solid #cccccc;
	line-height:28px;	/* match height */
}

ul#sponsors li.odd {
	position:relative;
	top:.25em;
	left:0;
}

ul#sponsors li.even {
	position:relative;
	bottom:.25em;
	left:0;
}
.red {
	color:#FF0000;
	font-weight:bold;	
}
.big {
	font-size: 1.5em;
	line-height:150%;
	margin-bottom:0;
}
/***************** FOOTER ********/

#footer {
	margin-top:1.25em;
	padding-bottom:1.25em;
	border-top:1px solid #cccccc;
	text-align:center;
	color:#909090;
}

#footer>* {
	margin: .5em 0;
}

#footer ul.menu li {
	padding: 1px 5px;
	border-right:1px solid #cccccc;
}

#footer ul.menu li+li+li+li+li+li+li {
	border-right:0;
}

#footer a {
	color:#909090;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}
#footer ul.menu li+li+li+li+li+li a {
	color:#006699;
}
#footer ul.menu li+li+li+li+li+li+li a {
	color:#909090;
}