@charset "utf-8";
/* CSS Document */
body  {
	font: normal 1em Verdana, Arial, sans-serif;
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

}

body.sparty {
	background:#fff;
}

body.ie6, body.ie7 {
	font-size: 0.9em;
}

h1, h2, h3, h4, h5 {
	padding:0;
	margin:0;
}

#container {
	width:100%;
	background:#fff;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/*------------------------------
	Top Header
--------------------------------*/
#header{
	background-image:url(../images/top_background.jpg);
	background-repeat:repeat-x;
	position:relative;
	height:92px;
	padding-bottom:0;
}

#spartyLogo {
	padding-top:18px;
	padding-left:25px;
}

#footerLogo{
	position:absolute;
	top: 5px;
	right:30px;
	width: 200px;
	height: 70px;
}

#loginStatus {
	font-size:50%;
	font-weight:bold;
	color:#fff;
	margin-left:25px;	
}

#quickSearch {
	position:absolute;
	top:30px;
	left: 30%;
	margin:0 auto;
}

#quickSearch img {
    position:absolute;
	padding-left:10px;
}



#login_menu {
	position: absolute;
	top: 0px;
	right:0px;
	background-color: #07633A;
	width: 230px;
}

#login_left {
	background: url(../images/left_loginnav.jpg) left top no-repeat;
	height:25px;
	padding-left:45px;
}

#login_right {
	background:url(../images/right_loginnav.jpg) right top no-repeat;
	height: 25px; 	
}

#login_right a:link ,  #login_right a:visited {
	font-size:0.7em;
	color:#d8e792;
	text-decoration:none; 
}
 
#login_right a:hover {
	text-decoration:underline;
}

#toplinks {
	position:absolute;
	right:5px;
	top:55px;
	color:#e7efc5;
	font-size:0.6em;
	
}

#toplinks a:link, #toplinks a:visited {
	color:#e7efc5;
	text-decoration:none;
}

#toplinks a:hover {
	text-decoration:underline;
}

/*---------------------------------
	Tab Area
----------------------------------*/


#tab_bg{
	position:relative;
	background: url(../images/tabmain2_bg.jpg) repeat-x;
	height:43px;
	text-align:center;
	float: none;
	clear: both;
	margin-top:-7px;
}

#tabnav {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 900px;
}

body.ie6  #tab_bg, body.ie7  #tab_bg{
	margin-top:2px;
}

body.ie6  #tabnav, body.ie7  #tabnav{
	margin-top:2px;
}

#tabnav ul {
	margin-top: 5px;
	list-style:none;
	display:inline;
}

#tabnav ul li {
    float:left;    
    padding-left: 3px;
    padding-right: 3px;
	line-height: 30px;  
}

#tabnav ul li a {
	display:block;
	text-decoration: none;
	/*padding-left: 30px; /* this is important to make the background clickable */
}

#tabnav a span {
	visibility: hidden;
}

/*tab images*/

#tmsuplaces {
	background:url(../images/msu_places.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
}   

#tpeople {
	background:url(../images/tab_people_off.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:80px;
} 

#tevents {
	background:url(../images/tab_events_off.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:80px;
} 

#tsaved {
	background:url(../images/tab_saved_off.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:126px;
} 

#tstudent {
	background:url(../images/tab_studentlife_off.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:111px;	
}	

#tvehicles a {
	background:url(../images/vehicle_off.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tvehicles a:hover, #tvehicles.active a {
	background:url(../images/vehicle_on.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tjobs a {
	background:url(../images/jobs_off.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tjobs a:hover, #tjobs.active a {
	background:url(../images/jobs_on.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tforrent a {
	background:url(../images/forrent_off.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
}

#tforrent a:hover, #tforrent.active a {
	background:url(../images/forrent_on.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
}  

#tcoupons a {
	background:url(../images/coupons_off.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tcoupons a:hover, #tcoupons.active a {
	background:url(../images/coupons_on.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tpets a{
	background:url(../images/pets_off.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tpets a:hover, #tpets.active a {
	background:url(../images/pets_on.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tservices a {
	background:url(../images/services_off.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tservices a:hover, #tservices.active a {
	background:url(../images/services_on.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
}

#tpersonals a {
	background:url(../images/personals_off.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#tpersonals a:hover, #tpersonals.active a {
	background:url(../images/personals_on.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#trealestate  a {
	background:url(../images/realestate_off.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#trealestate  a:hover, #trealestate.active a {
	background:url(../images/realestate_on.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
}

#ttickets a {
	background:url(../images/tickets_off.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
} 

#ttickets a:hover, #ttickets.active a {
	background:url(../images/tickets_on.png);
	background-repeat: no-repeat;
	height: 34px;
	width:87px;
}

/*----------------------------------
	Content Area - Frame
-----------------------------------*/
#frame {
	width:98%;
	margin:0 auto;
	height:600px;
	padding-top:5px;
	padding-bottom:10px;
	min-width:970px;
}
	
/*----------------------------------
	Content Area - Left Side
-----------------------------------*/
#column1 {
	float:left;
	width: 234px;
	background:#fff;/* top and bottom padding create visual space within this div */
	height:600px;
	margin-bottom:3px;
	position:relative;
	
	
}

#col1Loading{
	position: absolute;
	left: 50%;
	top:200px;
	z-index:1000px;
	background-image:url(../images/loader.gif);
	height:32px;
	width:32px;
	visibility:hidden;
}


#Category {
	background-image:url(../images/hdr_category.jpg);
	height:50px;
	padding-top: 0px;
}

#selCategory {
	margin-left:90px;
	padding-top:15px;
}

.dtable{
	width:100%;
	overflow:auto;
	height:550px;
	background-color:#fff;
} 

.dtable2{
	position: absolute;
	width:100%;
	overflow:hidden;
	height:550px;
	background-color:#fff;
} 

.dtable h2{
	font-size:0.8em;
	font-weight:bold;
	color:#006633;	
}

.dtable p{
	font-size:0.6em;
	text-transform:uppercase;
	color:#063;
}

.dtable h3{
	font-size:0.5em;	
}

.dtable a {
	font-size:0.55em;
	font-weight:bold;
	color: black;
	text-decoration: none;
	display: block;
	width:30;
}

.dtable a:hover {
	font-size:0.55em;
	font-weight:bold;
	color: #063;
	text-decoration: none;
}

.lists {
	border:medium solid #fff;
	width:97%;
	border-collapse: collapse;
	margin-left:2px;
	margin-bottom:3px;
}

body.ie6  .lists, body.ie7  .lists{
	width:90%;
	text-align:left;
}
.bldimages {
	float:right;
}

/*----------------------------------
	Content Area - Right Side
-----------------------------------*/
#column2 {
	float:right;
	width: 234px;
	background:#fff; /* top and bottom padding create visual space within this div */
	height:600px;
	margin-bottom:3px;
	position:relative;
	overflow:hidden;
}

#col2Loading{
	position: absolute;
	left: 50%;
	top:200px;
	z-index:1000px;
	background-image:url(../images/loader.gif);
	height:32px;
	width:32px;
	visibility:hidden;
}

#right_hdr{
	position:absolute;
	top:0px;
}

#widget_list{
	margin-top:23px;
	
}

.widgets{
	background:url(../images/widget_bg.gif) no-repeat;
	height:52px;
	width: 229px;	
}

.wigImg{
	margin-top:5px;
	margin-left:10px;
	float:left;
}

.wigDes{
	margin-left:70px;
	padding-top:10px;
	color:#000;
	font-size:0.6em;
}

.wigDes h2{
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	line-height:1;	
}

.wigDes a{
	text-decoration: none;
    color:#000;	
}

.wigDes a:hover{
	color:#063;	
}

#adv_widget{
	position:relative;
}


/*----------------------------------
	Content Area - Center Column
-----------------------------------*/

#mapContent {
	padding: 0px;
	border: thin solid #006600;
	height:600px;
	margin:0 240px 0 240px;
	min-width:475px;
	position:relative;
}

#mapLoading{
	position: absolute;
	left: 50%;
	top:200px;
	z-index:10000px;
	background-image:url(../images/loader.gif);
	height:32px;
	width:32px;
	visibility:hidden;
}

#map {
	width:100%;
	height:600px;
	z-index:10px;
}

body.ie6  #map, body.ie7  #map{
	margin-top:-50px;
}


#navbar {
	position:relative;
	float:right;
	height:50px;
	width:100%;
	background-image: url(../images/navbg.png);
	background-repeat:repeat-x;
	z-index:3;
	min-width:475px;
}

body.ie6 #navbar, body.ie7 #navbar {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/navbg.png');
}

#map_controls{
 	position:absolute;
	right:10px;
 	top: 15px; 
	width:255;
 	padding: 0;
}

/*-----Slider---*/
#slider {
	position:absolute;
	left:10px;
	top:15px;
	width:200px;
}

#sliderbg{
	position:absolute;
	left:21px;
	top:3px;
	width:150px;
	height:10px;
	background-image:url(../images/slide_rule.png);
	background-repeat:no-repeat;
}

body.ie6 #sliderbg, body.ie7 #sliderbg {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/slide_rule.png');
}

#sPointer{
	z-index:12;
	position:relative;
}

body.ie6 #sPointer{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/slide_pointer.png');
}

body.ie6 .zoomIcon1{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/slide_minus.png');
}

body.ie6 .zoomIcon2{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/slide_plus.png');
}


/*------------------------------
	Footer and Standards
-------------------------------*/	

#footer {
	z-index:10000;
	background-image:url(../images/top_background.jpg);
	background-repeat:repeat-x;
	position:relative;
	height:92px;
	padding-bottom:0;
}	

#standards {
	margin:0;
	width: 100%;
	color: #063;
	text-align: center;
	font-size:0.6em;
	padding-top:10px;
	z-index:10000;
}

#standards a{
	padding-right: 20px;
}

/*---------------------------
GENERIC
----------------------------*/
.clear {
	clear:both;
}

.hide {
	display:none;
}

a img { 
	border:0;
	padding:0;
}

input
{
background:#ddefc1;
} 

select
{
background:#ddefc1;
}

.cElm  /*used if you want to center an elemnt inside a div*/
{
	display:block;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
}

/*-------------------------------------------------------
		DHTML Windows
--------------------------------------------------------*/

#google_win{
	width:272px;
	color:#063;
	background-image:url(../images/widgetbg.jpg);
	border-spacing: 0px;
	border-collapse: collapse;
}

#google_win a:link{
    font-size:0.7em;
	color:#d8e792;
	text-decoration:none;
}

#google_win a:hover{
	text-decoration:underline;
}		


/*-----------------------------------------------
      Pop-up Styles
-----------------------------------------------*/	  
#directions{
	visibility:hidden;
}

#dir_container{
	width:60%;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:10px;
	min-width:400px;
	/*visibility:hidden;*/
}	  
	  
/*----------------------------------------
		Sub-Pages
-----------------------------------------*/

#frame_sub {
	width:750px;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:10px;
}



#white_sub {
	background:#fff;
	width:100%;
	position:relative;
}

#top_sub {
	text-align:center;
}

.top_subh2{
	color:#acd04a;
	font-weight:bold;
}

.top_subh1{
	color:#4b9817;	
}

.top_subh3{
	color:#000;
	font-weight:bold;
	
}
.horin{
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
}
#top_left {
 float:left;
 width:415px;
 text-align:left;
 color:#000;
}
#top_left p{
 font-size: 0.8em;
}
#top_right {
 float:right;
 width:335px;
 text-align:left;
 color:#000; 
 }

#green_sub1 {
	background:#ddefc1;
	height:115px;
	width:100%;
}

#green_sub{
	background:#ddefc1;
	font-size: 0.8em;
	width:100%;
}

#brown_sub {
	background:#f8f1de;
	width:100%;
}

#brown_sub h2{
	font-size: 0.8em;
	color: #336e04;
}

#brown_sub p{
	font-size: 0.6em;
}


		
/*----------------------
	Still need to be edited
-------------------------*/


.popup {
width: 285px;
height: 180px;
border-spacing: 0px;
border-collapse: collapse;
background-image:url(../images/popup_bg.gif);
background-repeat:repeat-x;
text-align:left;
}

.W_popup {
width: 225px;
height: 100px;
border-spacing: 0px;
border-collapse: collapse;
background-image:url(../images/popup_bg.gif);
background-repeat:repeat-x;
text-align:left;
}

.popup p, #google_win p, .W_popup p{
font-size:0.6em;
color:#154f2b;

} 

.popup p2{
font-size:0.6em;
} 

.popup p3{
font-size:0.6em;
background-color:#edeae2;
} 

.popup h2, #google_win h2, .W_popup h2{
font-size:0.7em;
font-weight: bold;
color:#016138;
}

.popup h3 {
font-size:0.7em;
font-weight: bold;
color:#f00;
}

.popup a{
font-size:0.6em;
color:#154f2b;
text-decoration: none;
}

.popup a:hover{
text-decoration: underline;
}

.popup li {
font-size:0.8em;
color:#154f2b;
text-decoration: none;
}

.popup li a{
font-size:0.8em;
color:#154f2b;
text-decoration: none;
}

.popup li a:hover{
text-decoration: underline;
}

body.ie6 .popup, body.ie7 .popup {
	width: 310px;
	height: 190px;
}

.W_popup {
width: 225px;
height: 100px;
border-spacing: 0px;
border-collapse: collapse;
background-image:url(../images/popup_bg.gif);
background-repeat:repeat-x;
text-align:left;
}


	
.laninfo {
width:285px;
height:150px;
overflow:auto;
}

.greekinfo {
width:225px;
}

.small_green{
font-size:0.6em;
color:#063;
}

.depts{
 height: 150px;
 overflow: auto;
}

table#cataTable {
	width: 220px;
	font-size: 0.7em;
	color: #063;
	font-weight:bold;	
}

table#wifiTable {
	width: 227px;
	font-size: 0.7em;
	color: #063;
	font-weight:bold;	
}

/*----------------------------------
	New Styles for Classified - Left Side
-----------------------------------*/

#cals_frame {
	width:98%;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:10px;
	min-width:970px;
}


#cals_column1 {
	float:left;
	width: 234px;
	background:#e7efca;
	margin-bottom:3px;
	position:relative;
	height:90%;
	padding-bottom:10px;
}


#clas_Content {
	padding: 0px;
	border: thin solid #006600;
	margin:0 240px 0 240px;
	min-width:475px;
	position:relative;
}

#clas_column2 {
	float:right;
	width: 234px;
	height:90%;
	background:#e7efca;
	margin-bottom:3px;
	position:relative;
	overflow:hidden;
	padding-bottom:10px;
	
}

.clas_category 
{
	padding-left: 10px;
	padding-bottom: 20px;
	border-bottom: thin solid #006633;
}

.listing {
	margin: 2px;
	border:1px #ddefc1 solid;

}

.listing:hover {
	border:1px #006633 solid;
}

.listing a 
{
	font-weight:bold;
	color: #acd04a;
	text-decoration:none;
}

.listing a:hover
{
	text-decoration:underline;
}

.list_details h2 {
 font-size: 0.8em;
 font-weight:bold;
 color: #006633;
 }
 
 .list_details p {
	font-size: 0.7em;
}
	

#clas_header
{
	width:100%;
	padding-top: 5px;
	padding-bottom: 10px;	
}

#clas_paging
{
	padding: 3px;
	color: #000000;
	font-weight:bold;
	font-size: 70%;
}

#clas_paging a
{
	padding: 2px 4px 2px 4px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #006633;
	background: #ffffff;
	color: #006633;
	text-decoration: none;
}

#clas_paging a:hover
{
	border: 1px solid #006633;
	background: #006633;
	color: #ffffff;
	text-decoration: none;
}

#clas_paging a.current
{
	border: 1px solid #006633;
	background: #006633;
	color: #ffffff;
	text-decoration: none;
}

.sectionHeader
{
	display:block;
	background-color: #006633;
	width:100%;
	padding: 3px 0px 3px 0px;
	color:#FFFFFF;
	text-align:center;
}

#clas_main
{
	margin: 0 auto;
	width: 90%;
	
}

#clas_main h3
{
	display:block;
	color: #ffffff;
	background-color: #acd04a;
	width: 100%;
	padding: 5px;
}

.clas_menu td
{ 
	width:100%; 
	vertical-align: top;
    padding  : 1px;
    text-align:left;
    
}

.clas_menu td a
{ 
	background:#fff; 
	margin-bottom: 2px; 
	display:block; 
	padding: 1px;
	text-align:left;
	border: 1px solid #006633;
	text-decoration: none;
	
}

.clas_menu td a:hover
{ 
	background-color:#acd04a;
}

.menu_head
{
	background-color:  #acd04a;
	text-align:left;
	font-weight: bold;
}

.menu_head a
{
	color: #ffffff;
	text-decoration: none;
	padding: 3px; 
}