/******************************************************************************

Description:	Style Definitions for Oziel

Created:		June 2, 2010

Author: 		Ryan R. Marzan

*******************************************************************************/

/******************************************************************************
HTML AND BODY DEFINITIONS
*******************************************************************************/
body
{
	background:#90C48F url(../images/bg_body.jpg) 0 0;
	background-repeat:repeat-x;
	margin: 0px;
	height:100%; /* this is key! */	
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;		
}

hr
{
	color: #F8D79D;
	background-color: #F8D79D;
	height: 0px;	
}

/******************************************************************************
MAIN NAVIGATION SECTION DEFINITIONS
*******************************************************************************/

ul#menu
{
	padding:0;
	list-style:none;
	text-align:center;
	margin:0 auto;
	font-size:16px !important;
	font-family:Times New Roman, sans-serif !important;
	height:38px;
	width:700px;
	left:0;
	position: relative;
	z-index: 1;
	background-image:url(../images/background_navigation.jpg);
	/*clear: both;*/
	/*border: 1px solid #FFFFFF;*/
	float: right;
	/*margin-bottom: 50px !important;*/
	margin-top: 98px;
	margin-left: 250px;
	text-shadow:0.1em 0.1em #333;	

}

ul#menu ul
{
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:-9999px;
	z-index:3; 
}


ul#menu li
{
	font-size:16px !important;
	font-family:Times New Roman, sans-serif !important;
}

ul#menu table 
{
	border-collapse:collapse;
	font-size:1em;
	float:left;
	margin:-1px;
	z-index:3; 	
	
}

ul#menu ul li 
{
	float:left;
	margin:0;
	text-align:left;
	z-index:3; 
}

ul#menu ul li a
{
	display:block;
	line-height:20px;
	margin:0;
	padding:0 10px;
	background:transparent;
	width:150px;
	z-index:3; 	
}

ul#menu li
{
	display:inline;
	margin:0 -2px;
	text-align:left;
}

ul#menu li a 
{
	display:inline-block;
	height:36px;
	margin:5px 0 0 0;
	padding:0 20px 0 0;
	/*background:url(../images/tab_main.gif) right top;*/
	line-height:30px;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFFFFF;				/*Text color Normal statate*/
	
}

ul#menu li a.sub
{
	background:url(../images/tab_main_arrow.gif) right top;
}

.sub2 li, .sub2 li a
{
	font-size: 11px !important;
	font-weight: bold;
	letter-spacing: 1px;
}

html>/**/body ul#menu li 
{
	display:inline-block; 
	padding:0;
}

* html ul#menu li a.sub
{
	margin-right:3px;
}

* html ul#menu li a 
{
	margin-bottom:-4px;
}

ul#menu li a b 
{
	display:block;
	height:36px;
	float:left;
	padding:0 0 0 20px;
	/*background:url(../images/tab_main.gif) left top;*/
	cursor:pointer;
}

ul#menu li a:hover
{
	position:relative;
	background-position:right bottom;
	color:#FFFFFF;										/*This changes the hover text color*/
}

ul#menu li a:hover b
{
	background-position:left bottom;
}

ul#menu li:hover
{
	position:relative;
}

ul#menu li:hover > a 
{
	background-position:right bottom;
	color:#FFFFFF;
}

ul#menu li:hover > a b 
{
	background-position:left bottom;
}

ul#menu :hover ul
{
	left:1px;
	width:200px;
	top:41px;
}

* html ul#menu :hover ul
{
	top:36px;
}

ul#menu :hover ul li
{
	display:block;
	float:left;
	margin:0;
	border-bottom:1px solid #fff;
}

ul#menu :hover ul li a
{
	display:block;
	float:left;
	margin:0;
	height:25px;
	line-height:25px;
	width:150px;
	background:#427442;									/*Controls the default background color of the drop down menu*/
	color:#FFFFFF;										/*Controls the text color of the drop down menu*/
}

ul#menu :hover ul li a.fly
{
	background:#ddd url(../images/arrow.gif) no-repeat right center;
}

ul#menu :hover ul li a:hover
{
	background:#020099;									/*Controls the color of HOVER in any drop down menu*/ 
	color:#fff;
}

ul#menu :hover ul li:hover > a 
{
	background:#020099; 
	color:#fff;
}

ul#menu :hover ul li a.fly:hover
{
	background:#5E937D url(../images/arrow-over.gif) no-repeat right center;
}

ul#menu :hover ul li:hover > a.fly 
{
	background:#5E937D url(../images/arrow-over.gif) no-repeat right center;
}

ul#menu :hover ul ul
{
	left:-9999px;
}

ul#menu :hover ul :hover ul
{
	left:105px; top:0; 
	width:150px;
}

ul#menu :hover ul :hover ul li
{
	display:block;
	float:left;
	margin:0;
	border-bottom:1px solid #fff;
}

ul#menu :hover ul :hover ul li a 
{
	display:block;
	float:left;
	margin:0;
	height:25px; 
	line-height:25px;
	background:#bbb;
	color:#000;
}

ul#menu :hover ul :hover ul li a:hover
{
	color:#fff;
	background:#840;
}

/******************************************************************************
CONTENT CONTAINERS AND COLUMNS
These are divs used to hold content such as text and pictures
*******************************************************************************/
.contentcontainer /*Only purpose of this div is to apply center align other content containers*/
{
	width: 978px;			
	margin: 0 auto; /*This is the parameter that centers the container on the web page*/
	height:auto !important; /*This parameter is crucial for IE6 to work*/	
	clear:both;			
}

.lightcontainer /*background div for light background contents */
{
	width: 100%;
	background: #FFFFFF url(../images/bg_lightcontainer.jpg);
	background-repeat:repeat-x;
	background-position: top center;	
	min-height:250px;
	/*height:250px;*/
	height:auto !important; /*This parameter is crucial for IE6 to work*/
	clear:both;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	padding-top: 10px; /*For IE6 Top padding */
	padding-bottom: 20px; /*For IE6 Bottom padding */
}  

.lightcontainer_home /*background div for light background contents for homepage */
{
	width: 100%;
	background: #FFFFFF url(../images/bg_lightcontainer_home.jpg);
	background-repeat:repeat-x;
	background-position: top center;	
	min-height:250px;
	/*height:250px;*/
	height:auto !important; /*This parameter is crucial for IE6 to work*/
	clear:both;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	padding-top: 10px; /*For IE6 Top padding */
	padding-bottom: 20px; /*For IE6 Bottom padding */
} 

.darkcontainer /*background div for dark background contents */

{
	width: 100%;
	background: #1A3755 url(../images/bg_darkcontainer.jpg);
	background-repeat:repeat-x;
	background-position: top center;	
	min-height:250px;
	/*height:250px;*/
	height:auto !important; /*This parameter is crucial for IE6 to work*/
	clear:both;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	padding-top: 10px; /*For IE6 Top padding */
	padding-bottom: 20px; /*For IE6 Bottom padding */	
}

.darkcontainer_home /*background div for dark background contents for homepage */

{
	width: 100%;
	background: url(../images/bg_darkcontainer_home.jpg);
	background-repeat:no-repeat;
	background-position: bottom center;	
	height:auto !important; /*This parameter is crucial for IE6 to work*/
	clear:both;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	padding-top: 10px; /*For IE6 Top padding */
	padding-bottom: 20px; /*For IE6 Bottom padding */	
}

#flashcontainer /*background div for dark background contents */

{
	width: 100%;
	height:250px;
	clear:both;
	/*border: 2px solid #FF0000;*/ /*For testing only */

}

#affcontainer /*background div for dark background contents */

{
	width: 100%;
	height: 100px;
	background: #1A3755 url(../images/bg_darkcontainer2.jpg);
	background-repeat:repeat-x;
	background-position: top center;		
	clear:both;
	/*border: 2px solid #FF0000; /*For testing only */
	padding-top: 10px; /*For IE6 Top padding */
	padding-bottom: 10px;
	border-bottom: 1px solid #333333;
}


#footercontainer /*background div for dark background contents */
{
	width: 100%;
	height:250px;
	background: #90C48F url(../images/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position: top left;	
	clear:both;
	/*border: 2px solid #FF0000; /*For testing only */
	padding-bottom: 20px; /*For IE6 Bottom padding */	
	margin-bottom: 20px;
	border-bottom: 0px solid #000000;
}

#footercontainer_db /*background div for dark background contents */
{
	width: 100%;
	height:50px;
	background: #1A3755 url(../images/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position: top left;	
	clear:both;
	/*border: 2px solid #FF0000; /*For testing only */
	padding-bottom: 20px; /*For IE6 Bottom padding */	
	margin-bottom: 20px;
	border-bottom: 0px solid #000000;
}

/************************
1 column layout 
************************/
#column_1of1
{
	width: 978px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/			
}

/************************
2 column layout 
************************/
#column_1of2
{
	float: left;
	width: 651px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
}

#column_1of2_alt
{ 
	float: left;
	width: 651px;
	border-right: 1px solid #EEEEBE;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/
}

#column_1of2_alt_tips
{ 
	float: left;
	width: 651px;
	height:500px;
	border-right: 1px solid #EEEEBE;
	overflow:scroll; /*Firefox hack.  Without this, height will not adjust to content*/
}


#column_2of2
{ 
	margin: 0;
	float: right;
	width: 316px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	padding-left: 10px;
}

/************************
2 subcolumn layout 
Subcolumn is a 3 column div that resides within column_1of2
************************/
#subcolumn_1of2
{
	float: left;
	width: 325px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	margin-bottom:15px;
}

#subcolumn_2of2
{
	float: right;
	width: 325px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	margin-bottom:15px;	
}


/************************
3 subcolumn layout 
Subcolumn is a 3 column div that resides within column_1of2
************************/
#subcolumn_1of3
{
	float: left;
	width: 217px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	margin-bottom:15px;
}

#subcolumn_1of3_tips
{
	float: left;
	width: 300px;
	height:300px;
	overflow:auto; /*Firefox hack.  Without this, height will not adjust to content*/	
	margin-bottom:15px;
}

#subcolumn_2of3_tips
{ 
	float: left;
	width: 300px;
	padding-left:20px;
	height:300px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	margin-bottom:15px;	
}

#subcolumn_2of3
{ 
	float: left;
	width: 217px;	
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	margin-bottom:15px;	
}

#subcolumn_3of3
{
	float: right;
	width: 217px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
	margin-bottom:15px;	
}

/************************
3 column layout 
************************/
#column_1of3
{
	float: left;
	width: 326px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
}

#column_2of3
{ 
	float: left;
	width: 326px;	
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
}

#column_3of3
{
	float: right;
	width: 326px;
	overflow:hidden; /*Firefox hack.  Without this, height will not adjust to content*/	
}

/******************************************************************************
SITE HEADER STYLES
Site header is a div that will contain all header related modules including
Top Navigation, Logo, and Main Navigation
*******************************************************************************/

#siteheader
{
	width:100%;
	height: 170px;	
	background-image: url(../images/bg_header.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

/*********************
LOGO
*********************/
#logo
{
	float:left;
	margin-top: 25px;	
	display: none;
}

/*********************
TOP RIGHT NAVIGATION
*********************/
#topnav /*topnav*/
{
	margin:0;
	padding-top: 5px;
}

#topnav li /*topnav list*/
{
    list-style-type: none;
	float:right;
	display: inline;
	margin-right: 20px; /*puts spaces between the links*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}

#topnav li a 
{
	color: #81B380;
	text-decoration:none;
	font-weight:bold;
}

#topnav a:hover 
{
	color: #FFFFFF;
	text-decoration:underline;	
}

/*********************
ADMIN NAVIGATION
*********************/
#admin_nav /*topnav*/
{
	margin:0;
	padding-top: 10px;
	padding-left: 0px;
	width: 100%;
	
}

#admin_nav li /*topnav list*/
{
    list-style-type: none;
	float:right;
	display: inline;
	margin-right: 5px; /*puts spaces between the links*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#admin_nav li a 
{
	border: 1px solid #cccccc;
	display:block;
	width: 100px;
	padding: 5px;
}

#admin_nav a:hover 
{
	display:block;
	border: 1px solid #999999;
}

/******************************************************************************
TEXT AND PICTURE STYLES
*******************************************************************************/

h1, h2, h3, h4, h5, h6, p/*Umbrella declaration to control text and picture  spacing for all*/
{
	padding: 8px;
	padding-top: 0px;
	padding-right: 20px;
}

/*img
{
	padding-top:10px;
	margin-bottom:-10px;	
}*/

h1 /*use for page titles*/
{
	font-family:"Times New Roman", Times, serif;
	color:#3F5B52;
	font-size:40px;
	/*letter-spacing:0.1em;*/
	margin-top: 10px;
	margin-bottom: -15px;
	padding-bottom: 10px;	
	/*text-transform:uppercase;*/
	/*text-shadow:0.1em 0.1em #333;*/

}

h1#hometitle
{
	font-family:"Times New Roman", Times, serif;
	color:#EEEEBE;
	font-size:25px;
	/*letter-spacing:0.1em;*/
	margin-top: 0px;
	margin-bottom: -15px;
	letter-spacing:1px;
	/*text-transform:uppercase;*/
	text-shadow:0.1em 0.1em #333;
}

h2 /*use for sub titles*/
{ 
	font-family:"Times New Roman", Times, serif;
	font-family:Arial, Helvetica, sans-serif;
	color:#55798B;
	font-size:20px;
	margin-bottom: -10px;
	margin-top: 10px;
}

h3 /*topic header for light background - part 1 of 2*/ 
{
	font-family:"Times New Roman", Times, serif;
	color:#333333;
	font-size:14px;
	margin-bottom: -10px;
	text-transform:uppercase;
	text-shadow:0.1em 0.1em #FFF;		
}

h3 span /*topic header for light background - part 2 of 2*/ 
{
	font-size:22px;
	text-shadow:0.1em 0.1em #FFF;	
	
}

h4 /*topic header for dark background - part 1 of 2*/ 
{
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:14px;
	margin-bottom: -15px;
	text-transform:uppercase;
	text-shadow:0.1em 0.1em #333;			
}

h4 span /*topic header for dark background - part 2 of 2*/ 
{
	font-size:22px;
	text-shadow:0.1em 0.1em #333;
}

h5 /*topic header for Affliations Strip - part 1 of 2*/ 
{
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:14px;
	margin-top: 25px;
	float:left; /*This is the key difference from h4*/	
	text-shadow:0.1em 0.1em #333;	
}

h5 span /*part 2 of 2*/ 
{
	font-size:22px;
	text-shadow:0.1em 0.1em #333;	
}


h6 /*topic header for footer Strip - part 1 of 2*/ 
{
	font-family:"Times New Roman", Times, serif;
	color:#FFFFCC;
	font-size:14px;
	margin-bottom: -15px;
	text-transform:uppercase;	
	text-shadow:0.1em 0.1em #333;		
}

h6 span /*part 2 of 2*/ 
{
	font-size:22px;
	text-shadow:0.1em 0.1em #333;	
}

p, li /*Use this regular paragraph tag on light backgrounds*/
{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;	
}

p.dark /*Use this paragraph class for dark backgrounds*/
{
	color:#FFFFFF;	
}

p.justify /*Use this paragraph class for justifying*/
{
	text-align:justify
}

.letterzoom
{
	float: left;
	font-size: 70px;
	margin-top: -10px;
	margin-right: 3px;
	margin-bottom: -13px;
	font-family:"Times New Roman", Times, serif;
	
}


/*********************
QUOTES ROTATOR IN HEAD
*********************/

#scripturerotator
{
	font-size: 20px;
	font-family:"Times New Roman", Times, serif;
	padding: 10px;
	float:right;
	position:relative;
	width: 500px;	
	margin-bottom: -100px;
	margin-top: 25px;
	margin-left: 300px;
	color: #81B380;
	text-align:right;
	text-shadow:0.1em 0.1em #333;
	
}

/*********************
QUOTES IN THE BODY
*********************/
.quotes 
{
	font-size: 24px;
	font-family:"Times New Roman", Times, serif;
	margin: 20px;
	padding: 10px;
	float: right;
	width: 60%;	
	margin-bottom: -5px;
	margin-top: 0px;
	margin-left: 5px;
	color: #415E54;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/******************************************************************************
LINK TEXT AND PICTURE STYLES
*******************************************************************************/

img.readmore
{
	display:block;
	float:right;
	margin-right: 5px;
}

img.leftjustify
{
	float: left;
	margin-top: 0px;
	margin-right: 10px;	
	margin-bottom: 0px;
}

a
{
	color:#0033FF;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
	text-decoration: underline;
}

/*********************************************************************************
LISTS AND MENUS INSIDE THE BODY
**********************************************************************************/

/******************************************************************************
LISTING PAGE STYLES
*******************************************************************************/

/******************************************************************************
TABLE DEFINITIONS
*******************************************************************************/

.ozieltable {
	border: 1px solid #C8D2D1;
	border-bottom: 10px solid #C8D2D1;	
	width: 97%;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	margin: 10px;	
}

.ozieltable th { /*table column header*/
	text-transform:uppercase;
	font-size:14px;
	background-color:#C8D2D1;
	padding: 5px;		
}

.ozieltable td { /*table row*/
	border-bottom: 1px dashed #B2C0BF;
	padding: 3px; 
		
}

.mouseon { /*Row highlight color on mouseover*/
	background-color: #F3F3F3;
	cursor:pointer;
	cursor:hand;
	font-weight:bold;
}
	
.mouseoff { /*Row highlight color on normal state*/
	background-color: inherit;
}

.mouseoff_alt { /*Row highlight color on normal state*/
	background-color: F3F3F3;
}


#alt {
	background-color: #F3F3F3;
}


.ozieltable2 {
	/*border: 1px solid #C8D2D1;*/
	/*border-bottom: 10px solid #C8D2D1;*/	
	width: 97%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	margin: 10px;	
}

.ozieltable2 th { /*table column header*/
	text-transform:uppercase;
	font-size:14px;
	background-color:#EEEEBE;
	padding: 5px;		
}

.ozieltable2 td { /*table row*/
	border: 1px dotted #EEEEBE;
	padding: 10px;
		
}


/******************************************************************************
LIST DEFINITIONS
*******************************************************************************/

#formList ul
{
	margin: 0;
	/*padding: 12px 18px 5px;*/
	list-style: none;
}

#formList li
{
	margin: 0;
	padding: 5px;
	list-style-type:none;
	display: block;
	margin-left: -40px;	
}

#formList a
{
	color: #336699;
	margin: 0;
	padding: 5px 12px;
	background: #f2f7fa url('http://dummyimage.com/25/000000') no-repeat 0px -22px; 	
	text-decoration: none;
	height: 75px;			/*important parameter to define so on hover over, the entire row height gets highlighted*/
	display: block;			/*parameter that makes sure that when you hover over,the entire row width gets highlighted*/
	/*padding-left: 100px;*/		
	border: 1px solid #CCCCCC;
}

#formList a:hover
{
	color: #336699;
	background: #d9e8f0 url('http://dummyimage.com/25/000000') no-repeat 0px -22px;	
	text-decoration: none;
	height: 75px;			/*important parameter to define so on hover over, the entire row height gets highlighted*/
	display: block;			/*parameter that makes sure that when you hover over ,the entire row width gets highlighted*/
	border: 1px solid #336699;		
}


.formListTitle 
{
	color: #0066cc !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px !important;
	font-weight:bold !important;
	margin: 15px;
	padding-top: 15px;
	padding-bottom: 3px;	
	margin-left: 50px;	
	/*text-decoration:underline;*/
}


.formListDesc 
{
	color: #336699 !important;	
	font-weight:normal;
	font-size: 12px !important;
	margin-left: 50px;	
}

.formListPic 
{
	float: left;
	margin-right: 5px;
	/*margin-bottom: 75px;*/
	margin-left: -10px;	
}







/************************
DARK LIST
*************************/
#darklist ul
{
	margin: 0;
	list-style: none;
}

#darklist li
{
	margin: 0;
	padding: 5px;
	list-style-type:none;
	display: block;
	text-transform:uppercase;
	letter-spacing:1px;
}

#darklist a
{
	color: #55798B !important;;
	margin: 0;
	padding: 5px 5px;	
	text-decoration: none;
	height: 25px;			/*important parameter to define so on hover over, the entire row height gets highlighted*/
	display: block;			/*parameter that makes sure that when you hover over,the entire row width gets highlighted*/		
	border-bottom: 1px dotted #517281;
	margin-left: -37px;
}

#darklist a:hover
{
	color: #FFFFFF !important;;
	text-decoration: none;
	height: 25px;			/*important parameter to define so on hover over, the entire row height gets highlighted*/
	display: block;			/*parameter that makes sure that when you hover over ,the entire row width gets highlighted*/
	background-color:#55798B;	
}

.darklistTitle 
{
	color: #FFFFFF !important;
	font-family:Times New Roman;
	font-size: 18px !important;
	margin-top: 0px;
}

/************************
LIGHT LIST
*************************/
#lightlist ul
{
	margin: 0;
	list-style: none;
}

#lightlist li
{
	margin: 0;
	padding: 5px;
	list-style-type:none;
	display: block;
	text-transform:uppercase;
	letter-spacing:1px;
}

#lightlist a
{
	color: #55798B;
	margin: 0;
	padding: 5px 5px;	
	text-decoration: none;
	height: 20px;			/*important parameter to define so on hover over, the entire row height gets highlighted*/
	display: block;			/*parameter that makes sure that when you hover over,the entire row width gets highlighted*/		
	border: 1px solid #FFFFFF;
	margin-left: -37px;
	border: 1px solid #EEEEBE;
}

#lightlist a:hover
{
	color: #FFFFFF !important;;
	text-decoration: none;
	height: 20px;			/*important parameter to define so on hover over, the entire row height gets highlighted*/
	display: block;			/*parameter that makes sure that when you hover over ,the entire row width gets highlighted*/
	border: 1px solid #CCCCCC;	
	border-bottom: 1px solid #333333;
	border-right: 1px solid #666666;
	background-color:#F6F6DE;		
	/*background-color:#55798B;	*/
}

.lightlistTitle 
{
	color: #993300;
	font-family:Times New Roman;
	font-size: 14px !important;
	font-weight:bold;
	margin-top: 0px;
}

/******************************************************************************
AFFILIATIONS FOOTER STRIP
*******************************************************************************/
#logorow /*Used to put affiliation logos in a list row */
{
	padding-left: 150px;
	margin: 0px;
}

#logorow li /*Used to put affiliation logos in a list row */
{
	display:inline;
	list-style-type:none;
	margin-right: 25px; /*Puts space between logos*/
}

.highlightit img{ /*Used as a hover effect for logos.  Part 1 of 2*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	border: none;
}

.highlightit:hover img{ /*Part 2 of 2*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/******************************************************************************
FOOTER SECTION DEFINITIONS
*******************************************************************************/
#footer
{
	clear: both;
	height: 150px;
	bottom: 0px;
	width: 978px;					
    margin: 0 auto;			/*This is the parameter that centers the container on the web page*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	padding-top: 15px;
}

#footer li
{
	display: block;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	margin-left: -30px;
	margin-bottom: 3px;
	margin-top: 0px;
	
}

#footer li a 
{
	display: block;	
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	height: 15px;
	/*border: 1px solid #95CEB6;*/
	padding-top: 5px;
	margin-top: 0px;	
}

#footer a:hover 
{
	color: #FFFFFF;
	text-decoration:underline;
	/*border: 1px solid #95CEB6;*/		
}

#footerlogo
{
	float:right;
}

/************************
Copyright information 
************************/

#copyright 
{
	background-color:#4A7E49;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:11px;
	color:#95CEB6;
	width: 100%;
	height:50px;
	clear:both;
	padding-top: 10px; /*For IE6 Top padding */
	padding-bottom: 20px; /*For IE6 Bottom padding */
	border-top: 1px solid #97A6A1;
}  

#copyright a
{
	color: #FFFFFF;
} 

	
/******************************************************************************
GOOGLE CALENDAR
*******************************************************************************/	
.googlecal
{
	border: 1px solid #000000;
	background-color:#FFFFFF;
	width: 100%;
}	

/******************************************************************************
CONTACT FORM DEFINITIONS
*******************************************************************************/

.cssform p{
width: 450px;
clear: left;
margin: 0;
margin-left: 10px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #CCCCCC;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/******************************************************************************
(ADMIN PAGES) CODE USED FOR PAGINATION IN DATABASE (FORWARD AND NEXT BUTTONS)
*******************************************************************************/
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 16px !important;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #cc6600;
text-decoration: none;
color: #cc6600;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #cc6600;
color: #FFF !important;
background-color: #cc6600;
}

.pagination a.currentpage{
background-color: #cc6600;
color: #FFF !important;
border-color: #2b66a5;
cursor: default;
}

.pagination a.disablelink,{
background-color: #FFF;
cursor: default;
color: #cc6600;
border-color: #cc6600;
padding: 2px;
}

.pagination a.disablelink:hover{
background-color: #cc6600;
cursor: default;
color: #cc6600;
border-color: #cc6600;
}

.pagination a.prevnext{
font-weight: bold;
}