/* Global Styles */

body {
	background-image:url(image/greygradientbkgrd.jpg);
	background-repeat:repeat-x;
	margin:0px;

	}

.image {
	border:0px;
	}
	
image {
	border:0px;
	}
	
a {
	color: #003300;
	text-decoration: none;
	}
	
a img {
	border:none;
	}
	
a:hover {
	color: #990000;
	}

	
/* ID Styles */
	
#wrapper {
	margin: 10px auto 0px;
	width: 760px;
	background: #FFFFFF;


	}
	
#header {
	
	width: 760px;
	height: 130px;
	background: #E8E9D6;

	}
	

	
#topnav a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	letter-spacing:0.1em;
	text-decoration: none;
	text-align:center;
	display:block;
	padding:8px 0px 10px 0px;
	background: #E8E9D6;
	border-bottom: solid #A6A974 10px;
	border-top: solid #A6A974 10px;
	}
	
#searchnav {
	float: left;
	width: 350px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 0px 0px 10px;
	}
	
#topnav a:hover {
	background: #ffffff  14px 45% no-repeat;
	color:#990000;
	}
	



/* for alphabet navigation */
	
#letternav a {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	text-align: center;
	text-decoration: none;
	display:block;
	padding:0px 0px 0px 0px;
	background: #FFFFFF;
	border-bottom: solid #FFFFFF 10px;
	border-top: solid #FFFFFF 10px;
	}
	
#letternav a:hover {
	background: #E8E9D6  14px 45% no-repeat;
	color:#990000;
	}	
	
	
	
/* for the region navigation */
	
#regionnav a {
	
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	text-align: center;
	text-decoration: none;
	display:block;
	padding:0px 0px 0px 0px;
	background: #FFFFFF;
	border-bottom: solid #FFFFFF 10px;
	border-top: solid #FFFFFF 10px;
	}
	
#regionnav a:hover {
	background: #E8E9D6  14px 45% no-repeat;
	color:#990000;
	}

	
		
#leftcolumn{
	float: left;
	width: 350px;
	
	padding: 30px;
	margin: 0px 0px 0px 0px;
	background:#FFFFFF;
	}
	
#rightcolumn{
	float: right;
	width: 330px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	}	
	
#largecolumn{
	float: left;
	width: 690px;
	padding: 35px;
	margin: 0px 0px 0px 0px;
	background:#FFFFFF;
	}
/* for course description pages */	
	
#leftcolumnc{
	float: left;
	width: 350px;
	display: inline;
	margin: 30px 0px 30px 30px;
	background:#FFFFFF;
	}
	
#rightcolumnc{
	float: right;
	width: 370px;
	display: inline;
	margin: 30px 0px 30px 10px;
	background: #FFFFFF;
	
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	text-align:center;
	}	
	
	
	
/* 3 column layout for list of courses - text doesn't auto wrap, column will get longer with content  in html, must have middle column follow the left and right*/	
	
#leftcoleq{
	float: left;
	width: 200px;
	padding:10px 40px 40px 50px;
	background: #FFFFFF;
	}
	
		
#rightcoleq{
	float: right;
	width: 180px;
	padding: 10px 20px 40px 20px;
	background: #FFFFFF;
	}	
	
#midcoleq{

	margin-left: 300px;
	margin-right: 220px; 
	padding: 10px 0px 40px 0px;
	background:#FFFFFF;
	}	
		
/* end of 3 columns for list */	

#rightcolumnwithad{
	float: right;
	width: 300px;
	padding: 40px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	}
	
#rightcolumnsearchnav{
	float: right;
	width: 250px;
	padding: 40px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	}
	
#sidenav a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: #E8E9D6;
	border-bottom: solid #A6A974 1px;
	border-top: solid #A6A974 1px;
	}
	
#sidenav a:hover {
	background: #ffffff;
	color:#990000;
	}	
	

#abfooter {
	clear: both;
	width: 760px;
	height: 10px;
	background: #E8E9D6;
	}	

#fbfooter {
	clear: both;
	width: 760px;

	background: #ffffff;
	}
#footer {
	clear: both;
	width: 760px;
	height: 25px;
	padding: 0px ;
	margin: 0px 0px 10px 0px;
	
	background: #A6A974;
	}
	
#tbllist{
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
				
	
/* Class Styles */
	

	
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	}
	
.lrgbodyText {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	}

.bodyTextcntr {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	text-align:center;
	}	
	
	
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	}
		
.lrgHeader{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	line-height:24px;
	letter-spacing:0.2em;
	}
	
.smlgrnHeader{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #003300;
	line-height:24px;
	letter-spacing:0.2em;
	}
	
.smlHeader {
	color: #990000;
	line-height:16px;
	letter-spacing:0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

.drkline {
	clear: both;
	width: 350px;
	height: 4px;
	
	margin: 8px 0px 8px 0px;
	background: #63653F;
	}
	
.drklineshort {
	clear: both;
	width: 200px;
	height: 4px;
	
	margin: 8px 0px 8px 0px;
	background: #63653F;
	}
	
	/* Slide Show */
	
	           .slideShow {
               background-color: #ffffff;
               text-align: center;
               margin-bottom: 10px;
               padding: 5px;
           }
		     .slideShowhome {
               background-color: #E8E9D6;
               text-align: center;
              
               padding: 5px;
           }
           .slides {
               position: relative;
               z-index: 1;
               display: none;
           }
           .setTitle, .slideTitle {
               font-family: "Franklin Gothic Book", Arial, Helvitica, sans-serif;
           }
           .setTitle {
               color: #995a01;
               font-size: 14px;
               font-weight: bold;
               }
           .slideTitle {
               color: #666666;
               font-size: 12px;
           }
           .controls {
               position: relative;
               z-index: 10;
           }
           #slide1 {
               display: block;
           }
           
           img {
               border: outset 1px #999999;
           }