/* CSS Document */
body { 
	background: #ffffff url(../images/background.gif) center repeat-y;
	margin: 0px;
	}
	

#container {
	width: 180px;
	margin: 0px auto 30px auto;
	text-align: left;
	
}


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

body a:hover {
	text-decoration:underline;
	color:#000000;
	}


/*  this is the holder for the logo, index, and search box on the very top */
#printHeader {
	display:none;
	}

#header {
	height: 73px;
	width: 180px !important;
	width /**/: 180px;
	padding: 10px 10px 0px 10px;
	background-color:#00234C;
	text-align: left; 

}

#logo {
	width: 290px;
	height: 53px;
	float:left;

}

#infoBar {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:10px;
vertical-align:top;
}
#infoBar a:link,
#infoBar a:visited,
#infoBar a:active {
	color:#fff;
	text-decoration:none;
}

#infoBar a:hover {
	color:#CCC;
	text-decoration:underline;
	}
	
#loginBar {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:10px;
vertical-align:bottom;
height: 10px;
margin-bottom: -10px;
margin-top: 35px;
}

#loginBar form {
	margin:-5px 0px 0px 0px;
	}

#loginBar a:link,
#loginBar a:visited,
#loginBar a:active {
	color:#fff;
	text-decoration:none;
}

#loginBar a:hover {
	color:#CCC;
	text-decoration:underline;
	}
	
.searchBox {
	border: 1px solid #cccccc;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	padding:2px 2px 2px 2px;
	}

/*  this is middle section, menu and flash or picture.  Doesn't have a holder */
#displayholder {
	width:100px;	
	\width:100px;
	w\idth:100px;
/*	height: 330px;
	\height:340px;
	h\eight:330px;
*/	padding: 0px 10px 10px 10px;
}

/*menu code */
#menu {
	background-color:#fff;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	width:150px;
	height:320px;
	\height:338px;
	h\eight:320px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	font-weight:lighter;
	font-variant:normal;
	line-height: 14px;
	border:0px solid #a4a4a4; 
}

#menu hr {
	width:140px;
	}

#menu ul
{

margin: 0px 0px 0px 0px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#menu a
{
display: block;
margin-top: 0px;
padding: 2px 0px 2px 10px;
width: 140px;
\width: 150px;
w\idth:140px;
border-bottom: 0px solid #fff;
}

#menu a:link,
#menu a:active,
#menu a:visited
{
color: #000;
text-decoration: none;
}

#menu a:hover
{
background-color:#00234C;
color: #fff;
}



#display {
	float: right;
	width:558px;
	\width:560px;
	w\idth:558px;
	height:338px;
	\height:338px;
	h\eight:338px;
	border:1px solid #a4a4a4;

}

/*  this is content section for the front page */

#frontContent {
	clear:both;
	width:720px;	
	\width:740px;
	w\idth:720px;
	padding: 0px 10px 20px 10px;
	/* height:200px; */
}

#frontHead {
	border-bottom: 1px solid #a4a4a4;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

#frontHead a:link,
#frontHead a:visited,
#frontHead a:active {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	}

#frontHead a:hover {
	color:#000000;
	text-decoration:underline;
	}

#moduleTitle {
	font:18px Geneva, Arial, Helvetica, sans-serif;
	line-height:18px;
	}

#frontContent {
	font:11px Arial, Helvetica, sans-serif;
	
	
	}
	


#frontContent ul {
	margin:0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	}
#frontContent ul li {
	padding:3px 0px 3px 0px;
/*	list-style-image:url(../images/modules/arrow.gif); */
	list-style: none outside none;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}	

#noliststyle ul li {
	padding: 3px 0px 3px 0px;
	list-style-type:none;
	list-style-image:none;
	vertical-align:middle;
	}

#footer {
	clear:both;
	margin:0px 10px 0px 10px;
	padding:5px 5px 5px 5px;
	border-top:1px solid #a4a4a4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	}
	
	
#footer a:link,
#footer a:visited,
#footer a:active {
	color:#999;
	text-decoration:none;
}

#footer a:hover {
	color:#000;
	text-decoration:underline;
	}
h1 {
	font: bold 15px Arial, Helvetica, sans-serif;
}

td#catalogEditorTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	border-bottom:1px solid #a4a4a4;
	padding: 2px 2px 2px 2px;
	}

#sitecontent {
	float: right;
	width:554px;
	\width:560px;
	w\idth:554px;
	font:12px Arial, Helvetica, sans-serif;
	padding: 10px 3px 10px 3px;

}

/*this was added so that the menu could be taken out of the page on the secure site and a left align could happen. */
#sitecontent2 {
	float: left;
	/*width:554px;
	\width:560px;
	w\idth:554px;
	font:12px Arial, Helvetica, sans-serif;
	padding: 10px 3px 10px 3px;*/
}

/*this was added as the experiment with the secure forms to make them look like flash forms */
#psuedoFlashFormDivContainer, #psuedoFlashFormDivContainer1 {
float: left;
width: 648px !important;
width /**/: 650px;
border: 1px solid #006699;
background: #ffffff;
margin-bottom: 50px;
}

#psuedoFlashFormDivHead {
float: left;
width: 638px !important;
width /**/: 648px;
height: 24px !important;
height /**/: 30px;
background: #006699;
color: #ffffff;
text-align: left;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

#psuedoFlashFormMiddle {
float: left;
width: 638px !important;
width /**/: 648px;
background: #ffffff;
color: #000000;
text-align: left;
padding: 5px 5px 5px 5px;
}

#psuedoFlashFormFooter {
float: left;
width: 638px !important;
width /**/: 648px;
height: 24px !important;
height /**/: 30px;
background: #006699;
color: #ffffff;
text-align: right;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
}


#sitecontent h2{
	font: 20px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:-10px;
	
	
}

#sitecontent h3 {
	font:16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:-10px;
	}

#sitecontent h5 {
	font:18px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:-10px;
	border-bottom: 1px solid #999;
	}


#sitecontent p {
	
	}
	
#sitepageheader {
	float: right;
	width:558px;
	\width:560px;
	w\idth:558px;
	
}

#sitepageheader h1{
	font: 26px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	
	
}

#sitepageheader_img {
	float: right;
	width:558px;
	\width:560px;
	w\idth:558px;
	height:148px;
	\height: 165px;
	h\eight: 148px;
	border:1px solid #a4a4a4;
	background-position: bottom left;
	background-repeat:no-repeat;
}

#sitepageheader_img h1{
	font: 30px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	margin: 125px 0px 0px 0px;
	\margin: 125px 0px 0px 0px;
	m\argin: 125px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	
}






#sitemenu {
	background-color:#efefef;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	width:150px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	font-weight:lighter;
	font-variant:normal;
	line-height: 13px;
	border:1px solid #a4a4a4; 
}


#sitemenu hr {
	width:140px;
	}

#sitemenu ul
{

margin: 0px 0px 0px 0px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#sitemenu a
{
display: block;
margin-top: 0px;
padding: 2px 0px 2px 10px;
width: 140px;
\width: 150px;
w\idth:140px;
border-bottom: 0px solid #fff;
}

#sitemenu a:link,
#sitemenu a:active,
#sitemenu a:visited
{
color: #000;
text-decoration: none;
}

#sitemenu a:hover
{
background-color:#00234C;
color: #fff;
}

ul#submenu {
	background-color:#FFFFFF;
	}

#submenu a
{
display: block;
margin-top: 0px;
padding-left: 18px;
padding-right:5px;
width: 127px;
\width: 150px;
w\idth: 127px;
border-bottom: 1px solid #dfdfdf;
}

#submenu a:link,
#submenu a:active,
#submenu a:visited
{
color: #000;
text-decoration: none;
}

#submenu a:hover
{
background-color:#00234C;
color: #fff;
}

#frontModule {
	float:left;
	width: 32%;
	height: 165px;
	margin:0px 4px 0px 3px;
	
	
	}
	
#mySWBTS {
	background-color:#000000;
	color:#FFFFFF;
	margin-top:5px;
	padding: 2px 0px 3px 5px;
	font-weight: bold;
	}
	
/* Joblist headers for Church Minister Relations Joblist and Registrar's office schedules */

#joblisttopmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}
#joblisttopmenu a:link { 
	color: #FFFFFF;
	text-decoration: none;
}
#joblisttopmenu a:visited { 
	color: #FFFFFF;
	text-decoration: none;
}
#joblisttopmenu a:hover {
	color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-decoration: none;
}
#joblisttopmenu a:active { 
	color: #FFFFFF;
	text-decoration: none;
}

#schedule th{
	background-color: #afafaf;
	text-align:left;
	color:#000;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #afafaf;
	}

#courselisting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	border-bottom: 1px solid #afafaf;
	height: 20px;
	vertical-align: top;
	padding: 5px 3px 2px 3px;
}




#courselisting a:link,
#courselisting a:active,
#courselisting a:visited {
	
	color:#0066CC;
	text-decoration:none;
}

#courselisting a:hover {
	
	color:#000000;
	text-decoration:underline;
}

#closedcourse, 
#closedcourse a:link,
#closedcourse a:active,
#closedcourse a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
	text-decoration:none;
}

#closedcourse a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	text-decoration:underline;
}

#coursegrouping {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #cfcfcf;
	border-bottom: 1px solid #afafaf;
	padding: 5px 5px 5px 5px;
}

#coursedept {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	background-color:#efefef;
	border-bottom: 1px solid #afafaf;
	vertical-align: top;
	padding: 3px 5px 3px 5px;
}


#closedcourse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #afafaf;
	height: 20px;
	vertical-align: top;
	padding: 5px 3px 2px 3px;
}
#coursedescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #afafaf;
	border-right-style: none;
	border-left-style: none;
	padding:10px 10px 10px 10px;
}


#photocutline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#photoopen a:link,
#photoopen a:visited,
#photoopen a:hover,
#photoopen a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000000;
	text-align:center;
	vertical-align:middle;
}
#photoopen img {
	border: 1px solid #000000;
	}
	
#catalogcontent {
	float: right;
	width:554px;
	\width:560px;
	w\idth:554px;
	font:12px Arial, Helvetica, sans-serif;
	padding: 0px 3px 10px 3px;

}
#catalogcontent h1{
	font: 26px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	
	
}

#catalogcontent h2{
	font: 20px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:-10px;
	
	
}

#catalogcontent h3 {
	font:16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:-10px;
	}

#includeMenu {
	width: 140px;
	\width: 150px;
	w\idth: 140px;
	float:right;
	border: 1px solid #a4a4a4;
	background-color:#efefef;
	margin: 0px 0px 0px 0px;
}

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

#includeMenu ul li a:link,
#includeMenu ul li a:active,
#includeMenu ul li a:visited {
	text-indent: 0 !important;
	text-indent: -9px;
	text-indent/**/:/**/ 0;
	margin: 0px 0px 0px -40px !important;
	margin: 0px 0px -15px 0px;
	padding:4px 4px 4px 4px;
	color:#00234C;
	text-decoration:none;
	display:block;
	}

	
#includeMenu ul li a:hover {
	background-color:#00234C;
	color:#ffffff;
	text-decoration:none;
	}
	
#printRoster {
	display:none;
	}