/* Global CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
} /* removes defaults from all elements */
/*Body
--------------------------------------------------------------------------------*/
html,body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	background-color:#e2e2d6;
	text-align:center;
	list-style-position:outside;
	font-style:normal;
	background-image:url(../Images/page-bkg.gif);
	background-repeat:repeat-y;
	background-position: center top;
}
p{
	text-indent:.4cm;
}
/*	links
------------------------------------------------------------------------------- */	
a:visited,
a:active,
a:link {
	color:#377c2b;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #669900; 
	text-decoration: none;
	font-weight: normal;
}
/*Layout
---------------------------------------------------------------------------------*/
#page-wrapper {
	width:968px;
	margin: 0px auto 30px auto;
	position:relative;
}
#header {
	width:968px;
	height:135px;
	background-image:url(../Images/vgccheader-bkg.gif);
	margin-bottom:3px;
	color:#FFF;
	border-bottom:#fbc20f solid 2px;
}
#logo {
	width: 451px;
	height:106px;
	display:block;
	position:absolute;
	top:15px;
	left:10px;
	background-repeat:no-repeat;
}
#searchlink-bar {
	position:absolute;
	width:584px;
	margin:10px 3px 3px 0;
	padding: 0 1px 0 0;
	float:right;
	overflow: visible;
	text-align: left;
	vertical-align: baseline;
	display: inline;
	left: 374px;
	top: 10px;
	font-size:9pt;
}
#date {
	padding-top:3px;
	color:#FFFFFF;
	text-align: left;
	font-size:10.5pt;
	float:right;
	margin-right:10px;
}
#navigationmenu {
	width:100%;
	position:relative;
	top:103px;
	left:5px;
	z-index: 2;
}
#menuheader {
	background-color:#377c2b;
	border-bottom:#ffd600 solid 1px;
	color:#ffd600;
	text-align:center;
	font-size:14pt;
	padding:5px;
}
#quicklinks {
	width:180px;
	font-size:14pt;
}
.slide-out-div {
	padding: 10px 5px 10px 20px;
	width: 350px;
	background: #fdfdfd;
	border: 1px solid #29216d;
	text-align:left;
	line-height: 25px;
}
.slide-out-div a{
	text-decoration:none;
}     
/*----------------------------------------------------------------------------------------------------------------------------------                                                            Slide Panel
----------------------------------------------------------------------------------------------------------------------------------*/

.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
	height: 25px;
	position: relative;
	top: 0;
	z-index: 999;
	background: url(/Images/tab_b.png) repeat-x 0 0;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 25px;
	width: auto;
  	font-weight: bold;
	line-height: 25px;
	margin: 0;
	right: 50px;
  	color: white;
  	font-size: 9pt;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(/Images/tab_l-main.png) no-repeat left 0;
  	height: 25px;
	width: 30px;
	padding: 0;
	margin: 3px 0 0 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(/Images/tab_r.png) no-repeat left 0;
  	height: 25px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 25px;
  	background: url(/Images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #f3bc13;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(/Images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(/Images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(/Images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(/Images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 270px;
	color: #999999;
	background: #0e321f;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px 0;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px 0;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #f3bc13;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(/Images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(/Images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
/* Left Navigation Menue
-------------------------------------------------------------------------------------------------------*/
#leftmenu {
	width:190px;
	background-color:#000;
	float:left;
	margin-left:4px;
	background-image: url(../Images/leftmenu-bkg.gif);
	background-repeat: repeat-y;
}
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 190px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
	position: relative;
	z-index:1;
}

.glossymenu li a{
	color: #0e321f;
	display: block;
	width: auto;
	padding: 5px 0;
	padding-left: 10px;
	text-align:left;
	text-decoration: none;
	font-size: 11pt;
	border-bottom: dotted 1px #000;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
background-image:url(/Images/leftmenu-sub-bkg.gif);
color:#006600;
}

.glossymenu li ul li{ float: left; }

.glossymenu li ul a{
	width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
	position: absolute;
	right: 2px;
	background-color: transparent;
	background-image: url(/Images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.glossymenu li a:visited, .glossymenu li a:active{
 
}

.glossymenu li a:hover{
color:#669900;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End
----------------------------------------------------------------------------------------------------------------------------------- */
		
#centergraphic {
	width:720px;
	_width:712px;
	height:382px;
	float:left;
	margin-right:4px;
}
#eventsbox {
	width:310px;
	height:280px;
	border:#d1d1d1 ridge 3px;
	float:left;
	margin:3px 3px 0 3px;
	background-image:url(../Images/events-bkg.gif);
}
#_eventsbox {
	width:308px;
	height:280px;
	border:#d1d1d1 ridge 3px;
	float:left;
	margin:3px 3px 0 3px;
	background-image:url(../Images/events-bkg.gif);
}
#event-container {
	width:300px;
	height:220px;
	margin:40px auto 0 auto;
}
#events {
	width:300px;
	text-align:left;
	color:#FFF;
	margin:3px 0 3px 2px;
	float:left;
}
#eventsbox a {
	text-decoration:none;
	font-weight: 600;
}
.eventdate-box {
	background-image:url(../Images/date-bkg.gif);
	background-repeat:no-repeat;
	height:38px;
	width:30px;
	text-align:center;
	padding-top:2px;
}
.readmore {
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
	width:95%;
	padding-bottom:5px;
}
#newsbox {
	width:310px;
	height:280px;
	border:#d1d1d1 ridge 3px;
	float:left;
	margin:3px 3px;
	background-image:url(../Images/news-bkg.gif);
}
#newsbox {
	width:308px;
	height:280px;
	border:#d1d1d1 ridge 3px;
	float:left;
	margin:3px 3px;
	background-image:url(../Images/news-bkg.gif);
}
#news-container {
	width:300px;
	height:220px;
	margin:40px auto 0 auto;
}
#news {
	width:300px;
	text-align:left;
	color:#FFF;
	margin:3px 0 15px 2px;
	float:left;
}
.news-img {
	width:45px;
	height:45px;
	border:#fbc20f solid 2px;
	margin-right:3px;
}
#newsbox a {
	text-decoration:none;
	font-weight: 600;
}
#spotlightbox {
	width:310px;
	height:280px;
	border:#d1d1d1 ridge 3px;
	float:left;
	margin:3px 3px;
	background-image:url(../Images/spotlight-bkg.gif);
}
#spotlight-container {
	width:300px;
	height:220px;
	margin:40px auto 0 auto;
}
.spotlight {
	border:#ffd204 double 3px;
	margin-bottom: 5px;
}

#event-column {
	width:190px;
	margin-top:20px;
	float:left;
	margin-left:4px;
}
#event-column img{
	border:#006600 double 1px;
}
#content-body {
	width:720px;
	float:right;
	text-align:left;
	padding:5px 3px 5px 0;
	margin-right:25px;
}
#cookie_trail {
	padding: 5px 0 0 0px;
	width: 100%;
	font-size: 8.5pt;
	color: #000000;
	float:left;
	text-align: left;
	background-color:#ffffff;
	font-weight:bold;
}
#cookie_trail a.ct:link, a.ct:visited, a.ct:hover {
	font-weight: bold;
	padding:0 3px;
	color:#0e321f;
}
#cookie_trail a.ct:hover {
	text-decoration:none;
	padding:0 3px;
	color:#ffd600;
}
#page_title {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 20pt;
	color: #006b6b;
	text-align: right;
	padding: 0 1px 3px 0;
	width:100%;
	float:left;
	width:720px;
	
}
#content-bodytext {
	width:100%;
	float:left;
}
/* Faculty Staff Styles
----------------------------------------------------------------------------------------------------------------------*/
#body-seal {
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(/Images/seal.jpg);
	text-align:left;
	float:left;
}
#footer {
	width:968px;
	border-top:#fbc20f solid 5px;
	float:left;
	margin:5px auto 0 auto;
	background-image:url(/Images/footer-bkg.gif);
	background-repeat:repeat-x;
	font-size:10pt;
	text-align:left;
	
}
#footer-box {
	width:950px;
	margin:10px auto;
	text-decoration:none;
}
#footer-box a{
	text-decoration:none;
}
/* Interactive Styles
--------------------------------------------------------------------------------------------------------------------*/
#interactive-body {
	margin:0;
	padding:0;
	background-color:#000000;
}
#interactive-header {
	margin-top:5px;
	background-image:url(../Images/Page-headers/interactive-header.gif);
	height:80px;
	background-repeat:no-repeat;
}
#interactive-guide {
	height:231px;
	background-image:url(/Images/interactive-gradient.gif);
	background-repeat:repeat-x;
	cursor:default;
}
#interactive-content-table {
	color:#FFF;
	width:800px;
	margin: 5px auto 20px auto;
}
#slideshow-header {
	margin-top:5px;
	background-image:url(../Images/Page-headers/vgcc-slideshow.gif);
	height:80px;
	background-repeat:no-repeat;
}
#campusmap-header {
	margin-top:5px;
	background-image:url(/Images/Page%20Headers/vgcc-campusmap.gif);
	height:80px;
	background-repeat:no-repeat;
	background-color: #000000;
}
#virtualtour-header {
	margin-top:5px;
	background-image:url(../Images/vgcc-virtual-tour.gif);
	height:80px;
	background-repeat:no-repeat;
	background-color: #000000;
}
#tour-bkg {
	background-image:url(../Images/tour-bkg.gif);
	background-repeat:repeat-y;
	background-color:#f3f3f3;
}
#tour-logo {
	position:absolute;
	width:300px;
	height:55px;
	top: 9px;
	left: 2px;
}
#tour-container {
	width:800px;
}
#tour-header {
	width:966px;
	height:75px;
	background-color:#016d00;
}
#tour-middle {
	width:966px;
	height:180px;
	background-image:url(../Images/tour-middle-bkg.gif);
	margin-top:10px;
}
#tour-navigation {
	width:878px;
	margin-top:40px;
}
#tour-photogallery {
	width:936px;
	height:450px;
	margin-left:30px;
}
#tour-footer {
	width:966px;
	background-color:#006600;
	height:20px;
}
/* End Interactive Styles
------------------------------------------------------------------------------------------------*/

/* News Styles
--------------------------------------------------------------------------------------------------------------------------------*/
#headerbar-bottom {
	width:100%;
	height:62px;
	background-image: url(../Images/news-header-bkg.gif);
	background-repeat: repeat-x;
	border-bottom:#333 solid 1px;
}
#newsdate {
	width:940px;
	height:20px;
	padding-top:10px;
	text-align:right;
}
#newswrapper {
	width:940px;
	margin:10px auto 0 auto;
	border:#CCC solid 1px;
	overflow:hidden;
}
#newsmenu {
	width:190px;
	float:left;
	margin-right:10px;
	margin-bottom:45px;
}
#newsmenuheader {
	width:190px;
	height:34px;
	background-image:url(../Images/news-greenbkg.gif);
	color:#FFF;
	font-size:13pt;
	text-align:center;
	line-height: 22pt;
}
#left-menu {
	width: 190px;
	float:left;
	clear:left;
	display:inline;
	margin-bottom:25px;
}
#left-menu ul {
	list-style-type: none;
	background-color:#e7e3d8;
}
#left-menu UL LI A {
	width: 190px; 
	height: 30px
}
#left-menu ul li {
	list-style-type: none;
	width: 120px;
	background-repeat: no-repeat;
}
#left-menu ul li#vgcchome {
	background: url(/Images/news-vgcchomebtn.gif);
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li#arts {
	background-image:url(../Images/news-artsbtn.gif);
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li#athletics {
	background-image:url(../Images/news-athbtn.gif);
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li#business {
	background-image:url(../Images/news-busbtn.gif);
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li#education {
	background-image:url(../Images/news-edubtn.gif);
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li#general {
	background-image:url(../Images/news-genbtn.gif);
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li#health {
	background-image:url(../Images/news-helthbtn.gif);
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li#public {
	background-image:url(../Images/news-publicbtn.gif);
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li#science {
	background-image:url(../Images/news-sciencebtn.gif);
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li#technology {
	background-image:url(../Images/news-techbtn.gif);
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;
	float:left;
	width:167px;
}
#left-menu ul li a {
	display: block;
}


#newsbodywrapper {
	width:738px;
	float:left;
	border-left:#CCC solid 1px;
	display:inline;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#newsbodywrapper p{
	text-indent:0;
}
#news-searchbar {
	width:738px;
	background-image:url(../Images/news-gradient.gif);
	background-repeat:repeat-x;
	height:34px;
	border-bottom:#CCC solid 1px;
}
#searchbox-menu {
	width:690px;
	height:30px;
	padding:5px 0 0 5px;
}
#mainarticle {
	width:550px;
	border-right:#CCC solid 1px;
	float:left;
}
#mainarticle-body {
	width:530px;
	border-bottom:#CCC solid 1px;
	padding:10px;
}
#rightcolumn {
	float:right;
	width:185px;
}
#morenews {
	width:550px;
	border-right:#CCC solid 1px;
	float:left;
	margin-bottom:15px;
}
#morenews_div-1 {
	margin: 0 auto 0px auto;
	width:530px;
	padding:2px;
	float:left;
}
#morenews a.rm:link, a.rm:visited {
	font-size: 8pt;
	font-weight: bold;
	color: #006C00;
}

#morenews a.rm:hover {
	color: #669C00;
	text-decoration: none;
}
.img {
	padding:10px;
}
#newsfooter {
	font-size: 10px;
	color: #000000;
	height: 35px;
	font-weight: bold;
	font-style:normal;
	margin: 7px auto 0 auto;
	background-color:#CCC;
	text-align:center;
	padding-top:10px;
}
.events_date {
	font-size: 9pt;
	font-weight: bold;
}
#right-menu {
	width: 185px;
	display:inline;
	clear:left;
	float:left;
}
#right-menu ul {
	list-style-type: none;
	background-color:#e7e3d8;
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10pt;
	width:185px;
}
#right-menu ul li {
	list-style-type: none;
	width: 185px;
	text-indent:15px;
	height:31px;
	line-height:25px;
	border-bottom:#CCC solid 1px;
}
#right-menu UL LI A {
	width: 185px; 
	height: 31px;
	text-indent:15px;
	text-decoration:none;
	color:#000;
}
.newstitle-header {
	font-size: 20pt;
	color: #F60;
}
.newstitle-header-more {
	font-size: 14pt;
	color: #F60;
	padding-top:5px;
}
#recentnews {
	height:25px;
	width:525px;
	float:left;
	border-bottom: #CCC solid 1px;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
}
.readmorenews {
	float: right;
	font-size: 12pt;
	margin-top:10px;
	font-weight: bold;
}
#upcomingevents {
	margin:10px 0 20px 7px;
	font-size:10pt;
	float:left;
	display:inline;
}
#upcomingevents li {
	list-style:none;
	margin-bottom:8px;
	text-decoration:none;
	font-size: 9pt;
}
.upcomingevents-date {
	font-size: 7pt;
	font-weight: bold;
}
.bulltedlist {
	list-style-position:outside;
	list-style-type:disc;
	line-height: 24px;
	padding-left:15px;
}


#division-header-huskins {
	width:950px;
	height:150px;
	border-bottom:2px solid #fbc20f;
	background: url(/Images/Page%20Headers/huskins-header.jpg);
	margin:0 auto;
}
#division-header-learn-earn {
	width:950px;
	height:150px;
	border-bottom:2px solid #fbc20f;
	background: url(/Images/learn-earn-header.jpg);
}
/* Portal Styles
-------------------------------------------------------------------------------------------------------------------------------*/
#portal-container {
	width:980px;
	margin:0 auto;
}
#portal-topmenu {
	height:40px;
	width:980px;
	padding-top:10px;
}
#portal-topmenu {
}
#portal-topmenu ul {
	list-style-type: none;
	margin: 0px;
}
#portal-topmenu li {
	float: left;
}
#portal-topmenu ul a {
	background-image:url(/Images/topnav-divider.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	line-height:20px;
	font-size: 9pt;
	color: #000;
}
#portal-topmenu ul a:hover {
color: #669900;
}
#portal-weather {
	width:980px;
	float:left;
	height:120px;
}
#pcolumn1 {
	width:308px;
	float:left;
	margin:20px 30px 0 0;
}
#pcolumn2 {
	width:325px;
	float:left;
	margin:20px 30px 0 0;
}
#pcolumn3 {
	width:268px;
	float:left;
	margin:20px 0px 0 0;
}