/*
Maroon = 4d0101
Yellow = d7c103
Beige = a99a6f
Dark Gray = 322c2c
Light Grey = 4f4f4d
*/

/**************************************************************************
*                                  Set The Body                           *
**************************************************************************/
body
{ 
	margin:0px;
	padding:0px;

scrollbar-base-color: #21189C;
scrollbar-arrow-color: #FF8200;

	font-family: arial, "comic sans ms", 'sans serif'; 
	font-size: 12px;
	font-weight: normal;
	text-align: Center;
} 

/**************************************************************************
*                               Select Menu Options                       *
**************************************************************************/
SELECT, OPTION 
{
	font-family: arial, "comic sans ms", 'sans serif'; 
	padding: 1px;
	font-size: 12px;
/*	color:#FF8200; */
	color:#FFFFFF;
	background-color: #white;
	border: outset 1px #adff2f; 
/*	font-weight: bold; */
}


/*******************************************************************************
*                       Page-> #4D0101 12 point Comic Font                     *
*******************************************************************************/ 

#page {
	width:950px;
	position:relative;
	width:980px;
	background:#4d0101;
	background-color:#4d0101;

}

#page1 {
	width:950px;
	position:relative;
	width:980px;
	background-color: #000000;           

}


#header {
	height:74px;
	margin-bottom:6px;
	width:980px;
}

#campusnav {
	position:relative;
	height:160px;
	width:100%;
	background:url(http://www.Shoreline.net/Websites/Shorelinenet/Images/site//campusnav-m.jpg) 0 0 repeat-x;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	font-family:Helvetica, Arial;
}
#servinghrs {
	position:relative;
	height:160px;
	width:100%;
	background:url(http://www.Shoreline.net/Websites/Shorelinenet/templates/scc/images/servinghrs-top-blank.jpg) 0 0 repeat-x;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	font-family:Helvetica, Arial;
}

#campusnav ul {
	margin:0px;
	padding:0px;
	line-height:47px;
	white-space:nowrap;
}

#campusnav ul li {
	list-style-type:none;
}

#subpromos {
	position:relative;
	width:966px;
	height:160px;
	margin-bottom:22px;
	color:#000000;
}

#footer {
	width:950px;
	height:44px;
	margin-bottom:12px;
}

#footerMiddle {
	width:100%;
	height:44px;
	background:url("../SCC/images/footer-middle.png") 0 0 repeat-x;
}

#footerMiddle ul {
	margin:0px;
	padding:0px;
	padding-left:29px;
	line-height:44px;
	white-space:nowrap;
}

#footerMiddle ul li {
	list-style-type:none;
	display:inline;
	margin-left:16px;
}

#footerMiddle ul li, #footerMiddle ul li a, #footerMiddle ul li a:active, #footerMiddle ul li a:link, #footerMiddle ul li a:visited {
	color:#949494;
	font-size:12px;
	font-weight:bold;
	line-height:44px;
	text-decoration:none;
}

#footerMiddle ul li a:hover {
	color:#ffffff;
	text-decoration:none;
}

#cbc-footer {
	width:950px;
	text-align:left;
	padding-left:10px;
	color:#949494;
	font-size:10px;
	font-weight:normal;
}

#subnav {
	width:235px;
	background-color:#ffffff;
	margin-bottom:11px;
	color:navy;
	
}

#subnavbl {
	background:url("../SCC/images/contentbox-bl.gif") 0 100% no-repeat;
	color:navy;
	
}

#subnavbr {
	background:url("../SCC/images/contentbox-br.gif") 100% 100% no-repeat;
}

#subnav h1 {
	font-size:20px;
	font-weight:normal;
	font-family:Tahoma, Arial;
	color:#4D0101;
	line-height:43px;
	background:url("../SCC/images/subnav-header.jpg") 0 0 no-repeat;
	margin:0px;
	padding:0px;
	width:100%;
	text-indent:22px;
}

#subnav ul {
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	line-height:22px;
	border-top:1px solid #ececec;
}

#subnav ul li {
	list-style-type:none;
	border-bottom:1px solid #ececec;
	text-indent:22px;
}

#subnav ul li, #subnav ul li a, #subnav ul li a:active, #subnav ul li a:link, #subnav ul li a:visited {
	color:#949494;
	color:Navy;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

#subnav ul li a:hover {
	background-color:#a9a9a9;
	color:#ffffff;
}

#contentheader {
	position:relative;
	width:100%;
	margin-bottom:11px;
}

.contentbox {
	background-color:#ffffff;
	position:relative;
	width:100%;
	color:navy;
}

.contenttl { background:url("../SCC/images/contentbox-tl.gif") 0 0 no-repeat; }
.contenttr { background:url("../SCC/images/contentbox-tr.gif") 100% 0 no-repeat; }
.contentbl { background:url("../SCC/images/contentbox-bl.gif") 0 100% no-repeat; }
.contentbr { background:url("../SCC/images/contentbox-br.gif") 100% 100% no-repeat; }

#contentmain {
	padding:20px 18px 45px 20px;
	padding:10px 9px 22px 10px;
	color:navy;
}

.breadcrumbs {
	color:#00479a;
	margin-bottom:8px;
	white-space:nowrap;
}

#detailpage .breadcrumbs { float:left; }

.breadcrumbs a, .breadcrumbs a:active, .breadcrumbs a:link, .breadcrumbs a:visited {
	color:#00479a;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

.breadcrumbs a:hover {
	text-decoration:underline;
}

#detailpage .breadcrumbs a {
	line-height:26px;
}

#headersharebtns {
	float:right;
	width:205px;
	height:26px;
}

#headersharebtns a {
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#9f9f9f;
	font-size:10px;
	font-weight:bold;
	line-height:26px;
	display:block;
	float:left;
	height:26px;
}

#headersharebtns a span {
	display:block;
	padding-left:10px;
	padding-right:10px;
}

.sharebtnleft {
	background:url("../SCC/images/sharebtn-l.gif") 0 0 no-repeat;
}

.sharebtnright {
	background:url("../SCC/images/sharebtn-r.gif") 100% 0 no-repeat;
}

#sharethisbtn { margin-right:7px; }

.headersharebtn_decorator { 
	border-right:1px solid #b2b2b2; 
	float:left;
	padding-right:7px;
	margin-right:7px;
	font-size:13px;
	font-weight:bold;
}

#contentmain h1 {
	margin-top:0px;
	font-family:Helvetica, Arial;
	font-size:36px;
	color:#353535;
	font-weight:normal;
	width:100%;
	padding-bottom:3px;
	border-bottom:1px solid #353535;
	line-height:36px;
	color:navy;
}

#subpage {
	font-size:14px;
	line-height:17px;
	color:#777777;
	color:navy;

}

.fullpage {
	padding-left:20px;
	padding-right:20px;
	padding-left:100px;
	padding-right:100px;
}

#sectioncalendar, #sectionnav {
	padding-left:36px;
	margin-bottom:20px;
	padding-left:18px;
	margin-bottom:10px;
}

#sectioncalendar h1, #sectionnav h1  {
	width:100%;
	font-size:10px;
	font-weight:bold;
	font-family:Helvetica, Arial;
	margin:0px;
	text-transform:uppercase;
	line-height:24px;
	text-indent:7px;
	border:none;
	color:#ffffff;
	padding:0px;
	background-color:#000000;
}

#sectioncalendar ul, #sectionnav ul {
	margin:0px;
	margin-top:5px;
	padding:0px;
}

#sectioncalendar ul li, #sectionnav ul li {
	list-style-type:none;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	display:block;
	width:100%;
}

#sectioncalendar ul li {
	padding-left:10px;
}

#sectioncalendar ul li a, #sectioncalendar ul li a:active, #sectioncalendar ul li a:link, #sectioncalendar ul li a:visited {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

#sectioncalendar ul li a:hover {
	text-decoration:underline;
}

#sectionnav ul {
	margin:0px;
	padding:0px;
	line-height:22px;
}

#sectionnav ul li {
	list-style-type:none;
	border-bottom:1px solid #ececec;
	text-indent:10px;
}

#sectionnav ul li, #sectionnav ul li a, #sectionnav ul li a:active, #sectionnav ul li a:link, #sectionnav ul li a:visited {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100%;
}
#sectionnav ul li a:hover {
	background-color:#888888;
	color:#ffffff;
}

.event h2 {
	padding-bottom:8px;
}

.eventDate {
	font-weight:bold;
	margin-bottom:5px;
}


/**************************************************************************
*                            Hover Configuration                          *
**************************************************************************/

	html a:hover {visibility:visible}


			
/**************************************************************************
*                              Admin-Button-75                            *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 75 px x 30 px                *
*           Class :  Admin-Button-75                                      *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-75"><a href="http://  " >
   <img src="../CSS/Button-75.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
      
*                                                                         *
**************************************************************************/			

	.Admin-Button-75	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-75.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 75px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-75 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 75px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-75 img 
		{
			width: 75px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-75 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-75 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 59px;
			height: 8px;
			text-align: center;
		}


			
/**************************************************************************
*                              Admin-Button-100                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 100 px x 30 px               *
*           Class :  Admin-Button-100                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-100"><a href="http://  " >
   <img src="../CSS/Button-100.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
      
*                                                                         *
**************************************************************************/			

	.Admin-Button-100	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-100.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 100px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-100 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 100px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-100 img 
		{
			width: 100px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-100 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-100 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 84px;
			height: 8px;
			text-align: center;
		}


			
/**************************************************************************
*                              Admin-Button-125                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 125 px x 30 px               *
*           Class :  Admin-Button-125                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-125"><a href="http://  " >
   <img src="../CSS/Button-125.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
      
*                                                                         *
**************************************************************************/			
	.Admin-Button-125	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-125.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 125px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-125 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 125px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-125 img 
		{
			width: 125px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-125 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-125 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 109px;
			height: 8px;
			text-align: center;
		}



/**************************************************************************
*                              Admin-Button-150                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 150 px x 30 px               *
*           Class :  Admin-Button-150                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-150"><a href="http://  " >
   <img src="../CSS/Button-150.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.Admin-Button-150	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-150.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 150px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-150 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 150px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-150 img 
		{
			width: 150px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-150 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-150 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 134px;
			height: 8px;
			text-align: center;
		}


/**************************************************************************
*                              Admin-Button-175                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 175 px x 30 px               *
*           Class :  Admin-Button-175                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-175"><a href="http://  " >
   <img src="../CSS/Button-175.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.Admin-Button-175	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-175.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 175px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-175 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 175px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-175 img 
		{
			width: 175px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-175 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-175 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 159px;
			height: 8px;
			text-align: center;
		}
		



/**************************************************************************
*                              Admin-Button-200                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 200 px x 30 px               *
*           Class :  Admin-Button-200                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-200"><a href="http://  " >
   <img src="../CSS/Button-200.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.Admin-Button-200	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-200.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 200px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-200 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 200px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-200 img 
		{
			width: 200px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-200 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-200 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 184px;
			height: 8px;
			text-align: center;
		}		
		
		


/**************************************************************************
*                              Admin-Button-225                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 225 px x 30 px               *
*           Class :  Admin-Button-225                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-225"><a href="http://  " >
   <img src="../CSS/Button-225.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.Admin-Button-225	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-225.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 225px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-225 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 225px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-225 img 
		{
			width: 225px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-225 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-225 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 209px;
			height: 8px;
			text-align: center;
		}
		

/**************************************************************************
*                              Admin-Button-250*                          *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 250 px x 30 px               *
*           Class :  Admin-Button-250                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-250"><a href="http://  " >
   <img src="../CSS/Button-250.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.Admin-Button-250	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-250.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 250px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-250 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 250px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-250 img 
		{
			width: 250px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-250 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-250 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 234px;
			height: 8px;
			text-align: center;
		}		
		

/**************************************************************************
*                              Admin-Button-275                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 275 px x 30 px               *
*           Class :  Admin-Button-275                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-275"><a href="http://  " >
   <img src="../CSS/Button-275.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.Admin-Button-275	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-275.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 275px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-275 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 275px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-275 img 
		{
			width: 275px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-275 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-275 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 259px;
			height: 8px;
			text-align: center;
		}		
		
		

/**************************************************************************
*                              Admin-Button-300                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 300 px x 30 px               *
*           Class :  Admin-Button-300                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-300"><a href="http://  " >
   <img src="../CSS/Button-300.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.Admin-Button-300	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-300.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 300px;
			height: 30px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-300 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 300px;
			height: 30px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-300 img 
		{
			width: 300px; 
			height: 30px; 
			border: 0; 
		}

	.Admin-Button-300 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-300 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 7px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 284px;
			height: 8px;
			text-align: center;
		}
		
		
/**************************************************************************
*                              BLUE-GRAY-180                              *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 180 px x 44 px               *
*           Class :  BLUE-GRAY-180                                        *
*           Image :  Blue-Gray.gif                                        *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="BLUE-GRAY-180"> <a href="http://  " >
   <img src="../CSS/Blue-Gray.gif" alt="MouseOver">
   <span>LinkTitle</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.BLUE-GRAY-180	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Orange-Gray.gif');
			background-repeat: no-repeat;
			font-color: #000000; 
			display: block;
			width: 180px;
			height: 44px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}
	
	.BLUE-GRAY-180 a 
		{
				display: block;
				color: #000000;
				font-size: 11px;
				width: 180px;
				height: 44px;
				display: block;
				float: left;
			font-color: #000000; 
				text-decoration: none;
				text-align: center;
		}

	.BLUE-GRAY-180 img 
		{
			width: 180px; 
			height: 44px; 
			border: 0; 
		}
		
	.BLUE-GRAY-180 a:hover img
		{
			visibility: hidden
		}

	.BLUE-GRAY-180 span 
		{
			position: absolute;
			left: 20px;
			top: 16px;
			margin: 0px;
			font-color: #000000; 
			padding: 0px;
			cursor: pointer;
			width: 140px;
			height: 8px;
			text-align: center;
		}
		
		
/**************************************************************************
*                              Admin-Button-850                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 850 px x 30 px               *
*           Class :  Admin-Button-850                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-850"><a href="http://  " >
   <img src="../CSS/Button-850.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.Admin-Button-850	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-850.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 850px;
			height: 45px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-850 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 18px;
			width: 850px;
			height: 45px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-850 img 
		{
			width: 850px; 
			height: 45px; 
			border: 0; 
		}

	.Admin-Button-850 a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-850 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 12px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 834px;
			height: 8px;
			text-align: center;
		}
		
		
		
/**************************************************************************
*                              Admin-Button-600                           *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 600 px x 30 px               *
*           Class :  Admin-Button-600                                     *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-Button-600"><a href="http://  " >
   <img src="../CSS/Button-600.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
   
*                                                                         *
**************************************************************************/
	.Admin-Button-600	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('Hover-850.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 600px;
			height: 45px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-Button-600a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 18px;
			width: 600;
			height: 45px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-Button-600img 
		{
			width: 600; 
			height: 45px; 
			border: 0; 
		}

	.Admin-Button-600a:hover img
		{
			visibility: hidden
		}

	.Admin-Button-600span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 12px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 584px;
			height: 8px;
			text-align: center;
		}
		
		
			
/**************************************************************************
*                              Admin-H-Button-75                          *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 75 px x 30 px                *
*           Class :  Admin-H-Button-75                                    *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-H-Button-75"><a href="http://  " >
   <img src="../CSS/H-Button-75.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
      
*                                                                         *
**************************************************************************/			

	.Admin-H-Button-75	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('H-Hover-75.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 75px;
			height: 24px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-H-Button-75 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 75px;
			height: 24px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-H-Button-75 img 
		{
			width: 75px; 
			height: 24px; 
			border: 0; 
		}

	.Admin-H-Button-75 a:hover img
		{
			visibility: hidden
		}

	.Admin-H-Button-75 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 1px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 59px;
			height: 12px;
			text-align: center;
		}
		
		
			
/**************************************************************************
*                              Admin-H-Button-15                          *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 15 px x 30 px                *
*           Class :  Admin-H-Button-15                                    *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-H-Button-15"><a href="http://  " >
   <img src="../CSS/H-Button-15.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
      
*                                                                         *
**************************************************************************/			

	.Admin-H-Button-15	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('H-Hover-15.gif');
			background-repeat: no-repeat;
			display: block;
			width: 20px;
			height: 24px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-H-Button-15 a 
		{
			display: block;
			color: #000000;
			font-color: #000000; 
			font-size: 11px;
			width: 20px;
			height: 24px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-H-Button-15 img 
		{
			width: 20px; 
			height: 24px; 
			border: 0; 
			color: #000000;
			font-color: #FFFFFF; 
		}

	.Admin-H-Button-15 a:hover img
		{
			visibility: hidden
		}

	.Admin-H-Button-15 span 
		{
			position: absolute;
			color: #FFFFFF;
			font-color: #000000; 
			left: 8px;
			top: 1px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 7px;
			height: 12px;
			text-align: center;
		}
		

			
/**************************************************************************
*                              Admin-H-Button-170                         *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 170 px x 30 px               *
*           Class :  Admin-H-Button-170                                   *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-H-Button-170"><a href="http://  " >
   <img src="../CSS/H-Button-170.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
      
*                                                                         *
**************************************************************************/			

	.Admin-H-Button-170	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('H-Hover-170.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 170px;
			height: 24px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-H-Button-170 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 170px;
			height: 24px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-H-Button-170 img 
		{
			width: 170px; 
			height: 24px; 
			border: 0; 
		}

	.Admin-H-Button-170 a:hover img
		{
			visibility: hidden
		}

	.Admin-H-Button-170 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 1px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 154px;
			height: 12px;
			text-align: center;
		}
		
		
			
/**************************************************************************
*                              Admin-H-Button-150                         *
*                                                                         *
*  CSS Button Set :  Top Blue & Hover Orange 150 px x 30 px               *
*           Class :  Admin-H-Button-150                                   *
*                                                                         *
*      Written By :  Dr. Thomas E. Hicks                                  *
*       Tested On :  Internet Explorer 5/6 & Firefox 1.5                  *
*                                                                         *
*   Code To Paste :                                                       *
*                                                                         *

<Center><div class="Admin-H-Button-150"><a href="http://  " >
   <img src="../CSS/H-Button-150.gif" alt="MouseOver">
   <span>Title</span></a></div></Center>
      
*                                                                         *
**************************************************************************/			

	.Admin-H-Button-150	
		{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url('H-Hover-150.gif');
			background-repeat: no-repeat;
			display: block;
			font-color: #FFFFFF; 
			width: 150px;
			height: 24px;
			margin: 0; 
			padding: 0; 
			text-align: center
		}

	.Admin-H-Button-150 a 
		{
			display: block;
			color: #FFFFFF;
			font-size: 11px;
			width: 150px;
			height: 24px;
			display: block;
			float: left;
			color: black; 
			text-decoration: none;
			text-align: center;
		}

	.Admin-H-Button-150 img 
		{
			width: 150px; 
			height: 24px; 
			border: 0; 
		}

	.Admin-H-Button-150 a:hover img
		{
			visibility: hidden
		}

	.Admin-H-Button-150 span 
		{
			position: absolute;
			color: #FFFFFF;
			left: 8px;
			top: 1px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			width: 134px;
			height: 12px;
			text-align: center;
		}