@charset "UTF-8";
/* CSS Document */

/* ------- STUDENTS SUB-MENU -------- */
/* Jason CSS */

ul#submenu {
	float: left;
	margin-right: 10px;
	display: inline-block;
	width: 149px;
	margin-top:275px;
/*	position:absolute; /* EP Added 3/30/10 - compensate for entryImg offset */
}

ul#submenu, ul#submenu ul
 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#submenu a:hover {
	text-decoration: none !important;
}

ul#submenu a:link, ul#submenu a:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	display: inline-block;
	width: 139px;
	font-size: .7em;
}

ul#submenu ul li a:link, ul#submenu ul li a:visited {
	width: 134px;
	font-weight: normal;
}

ul#submenu li {
	margin-top: 1px;
	*margin-top:0px;
}

ul#submenu li a, ul#submenu ul li a {
	background: #ffe379; /* j original */
	/* background: #f7deaf; /* e subtle */
	color: #fff;	
	padding: 5px;
}

ul#submenu li a:hover, ul#submenu li.current > a:first-child {
	background: #fdbf00; /* j original */
	/* background: #f4d395; /* e subtle */
}

ul#submenu ul li.current > a:first-child {
	background: #f9edc0; /* j original */
	/* background: #fff3ca; /* e subtle */
}

ul#submenu ul li a, ul#submenu ul li a {
	background: #f9edc0; /* j original */
	/* background: #fff3ca; /* e subtle */
	color: #000;
	padding-left: 10px;
}
ul#submenu ul li a.current {
	font-weight: bold;
	border-left: 5px solid #fcbe00; /* j original */
	/* border-left: 5px solid #f4d395; /* e subtle */
	padding-left: 5px;
}
ul#submenu ul li a:hover, ul#submenu ul li a:hover {
	border-left: 5px solid #fcbe00; /* j original */
/*	border-left: 5px solid #f4d395; /* e subtle */
	padding-left: 5px;
	background-color: #ffe379; /* j original */
/*	background-color: #f7deaf; /* e subtle */
}
ul#submenu li a:hover {
    border-left: 0;
    padding-left: 5x;
}

ul#submenu a.active, ul#submenu ul li a.active, ul#submenu a.active:hover, ul#submenu ul li a.active:hover {
    background: #fdbf00;
}
.menuBkgd {
	clear:both;
/*	background:url(http://students.caes.uga.edu/images/menu-fade.jpg) repeat-x bottom;
	height:205px; */
	background:url(../images/menu-fade.png) repeat-x bottom;
	height:175px;
	width:149px;
}

/* ----------- GENERAL STYLE EDITS --------- */

#wrapper, #main { 
	position: relative;
}
h2 {
	font-size:2.2em;
	line-height:1.1em;
	letter-spacing:-1px;
	margin-bottom:0em;
	padding-bottom:.75em;
}
.tagline {
	font-size:.8em;
	color:#999;
	line-height:1.1em;
	letter-spacing:-1px;
	font-weight:normal;
}
h3 {
	margin-top:2em;
	font-size:1.3em;
	padding-bottom:.5em;
	margin-bottom:1em;
	border-bottom: #ccc solid 1px;
	letter-spacing:1px;
}
h4 {
	margin-top:2em;
	margin-bottom:1em;
}
p {
	margin-left:1em;
	/* what about margin-right? */
}
.alertText { /* for internal site notes, while in development */
	color: #FF0000;
	font-weight: bold;
}

/*  COLUMNS - people/index.html */

.threeColumn1, .threeColumn2, .threeColumn3 {
	font-size:1em;
	width:173px;
	margin-left:10px;
	margin-right:5px;
}
.threeColumn1 img, .threeColumn2 img, .threeColumn3 img {
	padding:0px 0px;
	padding-top:5px;
}
.threeColumn1 p, .threeColumn2 p, .threeColumn3 p {
	padding-left:5px;
	margin:0em;
}
.threeColumn1 ul, .threeColumn2 ul, .threeColumn3 ul {
	padding-left:2em;	
	margin-left:0em;
}

/* -------- BANNER HEADINGS ---------- */

.whatWaiting {
	clear:both;
	background-color:#cccccc;
	padding:15px;
	padding-top:3em;
	margin-top:2em;
	position:relative;
}
.whatWaiting h3 {
	position:absolute;
	left:0px;
	background:url(../images/label-what-are-you-waiting.png);
	width:306px;
	height:83px;
	top:-4em;
	text-indent:-100em;
	border:none;
}
.applyToday {
	padding-top:4.5em;
	margin-top:2em;
	position:relative;
}
.applyToday h3 {
	position:absolute;
	left:-15px;
	background:url(../images/label-apply-today.png);
	width:173px;
	height:58px;
	top:-2.5em;
	text-indent:-100em;
	border:none;
}

/* -------- RIGHT SIDE-BAR OPTIONS ------------ */

.rightContent h3 {
	border:none;	
}
.loginBox, .resourceMenu { /* yellow, oranges */
	float:right;
	border-left:#fff solid 15px;
	border-bottom:#fff solid 15px;		
	position:relative;
/*	font-size:100%; */
	margin-top:.5em;
	width:160px;
	clear: both; /* added to prevent rightContent items from layering */
}
.loginBox h3, .resourceMenu h3 {
	color:#000;
	padding:.5em .5em .5em .9em;
	line-height:1em;
	margin:0;
	font-weight:bold;
	font-size:100%;
	letter-spacing:normal;
}
.loginBox ul, .resourceMenu ul {
	padding:0em;
	padding-right:1em;
}
.loginBox ul li, .resourceMenu ul li {
	margin-left:2.5em;	
	padding:0;
	text-indent:0px;
	*margin-left:-12px;
/*	font-size:90%;
	position:relative; */
}
.rightContent .resourceMenu ul li {
}
.loginBox p {
	margin:.8em;
}
.loginBox {
	background:#f6eccf;	
	background:#cde1ae;
}
.loginBox h3{
	background:#f4d395;
	background: #aece7b;
}
.loginBox hr {
	border-top:1px #FFF dashed;	
}
.loginBox input[type=text], .loginBox input[type=password] {
	width:130px;	
}
.loginBox label {
	font-size:.9em;
	font-weight:bold;
}
.resourceMenu {
	background:#cde1ae;
}

.resourceMenu h3 { /* greens */
	background: #aece7b;
}
/*
.miniProfile {
	float:right;
	width:170px;
	min-height:60em;
	background:#FFF;
	padding-left:30px;
	position:inherit;
}
.miniProfile .filler { /* temporary, @ includes/miniProfile.cfm
	position:absolute;
	right:10px;
	width:150px;
	height:300px;
	margin-top:15px;
	clear:left;
	background:#CCC;
	padding:5px;
}
*/
.moreinfo, .whyCAES, .justfacts, .followpassion, .makedifference {
	display:inline-block;
	width:180px;
	position:relative;
/*	top:40px; */
	margin-bottom:2em;
	background:#FFF;
	clear: both; /* added to prevent rightContent items from layering */
}
.moreinfo h3, .whyCAES h3, .justfacts h3, .followpassion h3, .makedifference h3 {
	margin:0em;
	display:inline-block;
	position:relative;
	text-indent:-1000em;
	top:10px;
}
.moreinfo h3 {
	background-image: url(../images/label-need-more-info.png);	
	width:204px;
	height:76px;
	right:15px;
}
.whyCAES {
/*	height:300px;	*/
}
.whyCAES h3 {
	background-image:url(../images/label-why-caes.png);
	width:193px;
	height:65px;
	right:5px;
	margin-bottom:1em;
}
.justfacts h3 {
	background-image:url(../images/label-just-facts.png);	
	width:191px;
	height:60px;
	right:1px;
}
.followpassion h3 {
	background-image:url(../images/label-follow-passion.png);	
	width:231px;
	height:72px;
	right:41px;
}
.makedifference h3 {
	background-image:url(../images/label-make-difference.png);	
	width:207px;
	height:66px;
	right:17px;
}
.justfacts img {
	padding:1em 0;
}
.moreinfo p, .whyCAES p, .justfacts p, .followpassion p, .makedifference p {
	display:inline-block;
	width: 155px;
	margin-left:1.5em;
	padding-right:15px;
}
.whyCAES p {
	text-align:center;	
}
.profileQuote {
/*	font-size:1.2em;
	color:#666; */
	font-size:1.2em;
	line-height:1.3em;
	letter-spacing:0px;
	font-weight:normal;
}
/* -------- TABBED CONTENT ------------ */
/* Muthu CSS */

.coursePlan {
	float: left;
	width:350px;
	min-height:37em;
	margin-bottom:2em;
	display: inline-block;
	padding: 5px;
}
.coursePlan a:link, .coursePlan a:visited {
	text-decoration:none;
	float: left;
	padding-right: 4px;
}
.coursePlan a:hover, .coursePlan a:active {
	color:#00F;
	text-decoration: underline
}
ul#tabs {
	list-style:none;
	width: 350px;
	display: inline-block;
	padding: 0;
	margin: 0;
	float: right;
}
#tabs span {
	float:left;
	font-weight:bold;
	padding:0em;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.4em;
	padding-bottom:.4em;
}
/* #tabs li {float:left;cursor:pointer;cursor:hand; } em edited, unecessary */
#tabs li {	
	float:left;
	padding:.4em 0em;
/*	padding-top:.4em;
	padding-bottom:.4em; */ /*consolidated in padding */
	display:inline-block;
	border:#D3D3D3 solid 1px;
	border-bottom:none;
	margin-right:0.2em;
	width:50px;
	height:20px;
	background-color:#EEE;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	text-align: center;
}
#tabs li:hover {
	background-color:#e1e1e1;
}
#tabs li.selected {
	border:#ccc solid 1px;
	border-bottom:none;
	background-color: #fff;
	position: relative;
	display: inline-block;
	margin-top: -3px;
	height: 23px;
	top: 1px;
	font-weight:bold;
}
#year1, #year2, #year3, #year4 {
	padding-top:4px ;
} 
.boxBody table {
	font-size:.9em;
	width:100%;
}
.boxBody table tr:last-child td:first-child {
	text-align:right;
}
.boxBody table tr:last-child td {
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
.boxBody table td, .boxBody table th {
	padding:.3em .75em;
	padding-top:.6em;
	padding-bottom:.6em;
	border:none;
/*	border-left:solid 1px #ccc; */
	border-bottom:solid 1px #ccc;
	margin:0px;
	
}
.boxBody table td:last-child, .boxBody table th:last-child {
	text-align:center;
	width:1em;
	border-left:solid 1px #ccc;
}
.boxBody table th {
	color:#333;
	background:#eee;
	background-color:#ffe379;
}
.boxBody table td {
	line-height:1.5em;
	margin:0px;
}
.boxBody table a {
	color:#00F;	
}
.boxBody table p { /* allows p tags w/out messing up spacing */
	margin:0em;	
}
.tabTitle {
	font-size:1em;
	text-align:center;
	padding:0px;
	font-weight:bold;
	margin-top:0px;
	text-transform:capitalize;
}
.tabTitle {
	display:none; 
}
.boxBody {
	float: left;
	width:350px;
	display: inline-block;
	padding: 0px;
	padding-top: 5px;
	border: 1px solid #CCC;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}
.boxBody table {
	border-style: none;
	padding:0px;
	margin:0px;
}
.boxBody ul {
	list-style:none;
	margin-left:0em;
	padding-left:0em;
}
.boxBody ul li {
	padding-left:10px;	
}
.boxBody ul li.year1, 
.boxBody ul li.year2, 
.boxBody ul li.year3, 
.boxBody ul li.year4 {
	padding-left:0em;	
}
.item-hide {display:none;}
.item-show {display:block;}




/* ---------- EXPANDABLE-LISTINGS, JDavis --------- */

#expandable-listings {
/*	border:solid 2px #ccc; */
}
#expandable-listings h4{
	font-weight: normal;
	border-bottom:solid #eee 1px;
/*	display:block; */
	cursor:pointer;
	margin:0px;
	padding:10px 0;
	position:relative;
}
span.more, span.less {
	padding-left:10px;
	margin-right:6px;
	float:left;
}
#expandable-listings div.title {
	margin-left:20px;
}
#expandable-listings h4.has-more:hover {
/*	color:#900;	*/
	background:#f9edc0;
/*	font-weight:bold; */
}
#expandable-listings h4.is-more {
	background:#ddd;
	font-weight:bold;
}
#expandable-listings .listing {
	border-bottom:solid #ccc 1px;
	padding-left:10px;
	padding-bottom:1em;
	padding-top:1.25em;
}
#expandable-listings .listing:hover {
	background:#f9edc0;
	background:#fcf9ef;
}
.hide-listing{
	display:none;
}
.show-listing{
	display:block;
}
#expandable-listings h4:first-child{
	color:#999;
}
#expandable-listings h4:first-child span.more,
#expandable-listings h4:first-child span.less {
	float:none;
	color:#999;
}
#expandable-listings h4:first-child:hover,
#expandable-listings h4:first-child:hover,
#expandable-listings h4:first-child.is-more:hover,
#expandable-listings h4:first-child:hover span.more,
#expandable-listings h4:first-child:hover span.less {
	color:#000;
	font-weight:bold;
	background:#f9edc0;
}
#expandable-listings h4:first-child.is-more {
	background:#fff;
	font-weight:normal;
}

/* ---------- STUDENT EVENT CALENDAR ---------- */

/* Mini Calendar */

#sidebar {
	clear:left;	
}
#sidebar .miniEvents {
	font-size:.75em;
	width:150px;
	float:left;
	min-height:275px;
	max-height:275px;
	border-bottom:#fdbf00 solid 20px;
	background-color: #ffe379;
	background-color: #f9edc0;
}
*html #sidebar {
	width:149px;	
}
#sidebar .miniEvents h3 {
	border-bottom:0;
	margin:8px 5px 5px 8px;
	padding:0;
	font-size:1em;
	color:#000;
	letter-spacing:normal;
}
#sidebar .miniEvents p {
	padding:0;
	margin:0;
	margin-left:8px;
	margin-top:0px;
	font-size:.9em;
}

/* Main Calendar */

.event {
	width:450px;
	min-height:7em;
	padding:5px 0;
	font-size:.9em;
}
#sidebar .event {
	width:150px;
	min-height:4.5em;
	clear:left;
	padding:4px 0px;
	font-size:.9em;
}
.event p, #sidebar .event p {
	padding:0em;
	margin-left:0em;
	line-height:normal;
}
.date, #sidebar .date {
	padding:5px 5px 5px 5px;
	float:left;
	text-align:center;
	text-transform:uppercase;
	margin-right:5px;
	border-right:1px solid #CCC;
}
#sidebar .date {
	padding:0 3px 0 5px;
	border-right:1px solid #fdbf00;
	width:34px;
}
.date p, #sidebar .date p {
	padding:0em;
	margin:0em;
}
.date .month {
	font-weight:bold;
}
.date .day, #sidebar .date .day {
	font-size:2em;
	font-weight:bold;
}
.date .time {
	
}
.details, #sidebar .details {
	margin-left:65px;
}
#sidebar .details {
	margin:0px;
	margin-left:41px;
	padding:0 5px;
}
.details .title {
	margin-top:0em;
	margin-bottom:0em;
	font-weight:bold;
	font-size:1.1em;
}
#sidebar .miniEvents .details .title {
	margin-top:0em;
	margin-bottom:0em;
	font-weight:normal;
	font-size:1em;	
}
.title a {
	color:#900;	
	text-decoration:none;
}
.title a:hover {
	text-decoration: underline;	
}
.details .location {
	margin-top:.5em;
	margin-bottom:0em;
	text-transform:uppercase;
	font-size:.9em;
	color:#333;
}
.details .description {
	margin-top:.9em;
	line-height:1.3em;
}

/* Mini Calendar */



/* ---------- Gallery and image styles ---------- */

#gallery .album {
	clear: both;
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
}
#gallery .album h3 {
	margin:0px;
	padding:0px;
	margin-bottom:.25em;
}
#gallery .album div {
	width: 160px;
	margin: 10px;
	height: 160px;
	display:inline-block;
	float:left;
}
.profileEntry, .profileEntry2 {
	float:left;
	padding-left:10px;
	padding-right:5px;	
	width:173px;
	display:block;
}
.profileEntry:nth-child(3n+2)  { /* every 4th item in series */
	clear:left;
}
.profileEntry:nth-child(1n) { /* first item in series */
	clear:none;
}
.profileEntry2 {
	display:block;
	min-height:320px;
}

/* ---------- COLORS ---------------
 
Orange, yellow:
dark : fdbf00
medium: ffe379
light: f9edc0

Green 84d723
Blue 57c1ff
Red ff726c

*/

/* ---------- SPECA SLIDESHOW ---------- */

#slideshow {width:600px;height:275px;position:relative;overflow:hidden;}
#slideshow .slide {position:absolute;float:left;}
#slideshow .slideHide {display:none;}
#slideshow .slideShow {display:block;}
#slideshow h3, #slideshow p {text-indent:-9999px; position:absolute; border:none;}

#slideshow a.right {
	position:absolute;
	bottom: 30px;
	right: -20px;
}

a.button.right img {
	float: left;
}

a.button, 
a.button span, 
a.button img {
	height: 44px; /* Should be in ems */
	background-repeat:no-repeat; 	background-image: url(../images/speca-sprite.png);
	text-decoration: none;
	color: #6c491d;
	border: none;
	text-transform: capitalize;
}

a.button {
	background-position: 0 0;
	background-attachment: fixed;
}

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

a.button img.f, a.button img.e {
	background-repeat: no-repeat;
	width: 18px;
	text-indent: -99999999px;
	background-position: 0 0;
	display: inline-block;
}
a.button img.e {
	background-position: -21px 0;
}

a.button span {
	display: inline-block;
	height: inherit;
	float: left;
	background-repeat: repeat-x;
	background-position: 0 -45px;
	line-height: 3em;
	padding-right: 10px;
}
/*
#slideshow a.more-info:link, #slideshow a.more-info:visited {padding:2px; padding-left:5px; padding-right:5px; background-color:#FF0; color:#000; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#slideshow a.more-info:hover, #slideshow a.more-info:active {text-decoration:underline;}
#slideshow a.more-info.right {position:absolute; right:20px; bottom:20px;}
#slideshow a.more-info.left {position:absolute; left:20px; bottom:20px;} */
#control {background:#000;color: #777;width:595px;position:relative;bottom:0px;height:20px;padding:0px;padding-left:5px;display:none;}
#slideIndex {float:right; left: 0px;bottom: 10px; color: #777; font-weight:bold;}
#rightControl, #leftControl {float:right; width: 16px;height: 16px;display: inline-block;color: #777;text-align: center;padding:2px; cursor: pointer;font: normal 12px Arial;font-weight:bold;}
#timerControl {float:left; display:inline-block;}
.active {color: #fff;color:#FF0;} /* EM: May be a problem with other pages */
#leftControl:hover, #rightControl:hover, #slideshow-on:hover, #slideshow-off:hover {background:#fff;background:#333;color:#CCC; cursor:pointer;}
.active:hover {background:#000;color:#FF0;cursor: pointer;} /* EM: May be a problem with other pages */
/*.videoHolder {background-image:url(http://students.caes.uga.edu/slide/images/Eel.JPG);width:600px;height:275px;position:relative;}*/
.slideHolder {width:600px;height:275px;position:relative;}
.downloadAndBandwidthOptions {font-size:.8em;text-align:center;}
 object {position:relative;top:15px;left:20px;border:1px solid #FFF;shadow:#6374AB 20px -10px 2px;} /* EM: May be a problem with other pages */
.mediaPlayerText {margin-top:15px; margin-left:20px;width:351px;background:#666;padding:0 5px 3px 5px;text-align:left;}
.mediaPlayerText a {color:#ccc;}
#moreSlides {display:none;}

/* ----------- Slide index ------ */
/* Z-index of #mask must lower than #boxes .window */

#mask {
	position:fixed;
	background-color:#000;
	display:none;
	top:0;
	left:0;
	z-index:100;
}
#slide-index-page-slideshow {
	position:fixed;
	z-index:9999;
	display:none;
}
#slide-index-page-slideshow .close {
	color:#fff;
	float: left;
	clear:both;
	cursor:pointer;
}
#slide-index-page-slideshow .close:hover {
	text-decoration: underline;
}
#slide-index-page-slideshow #mediaPlayer object {
	position:relative; top:15px;
}
#slide-index-page-slideshow #mediaPlayer .mediaPlayerText {
/*	margin-top:9px; */
}
.slideType {
	text-transform:uppercase;
	color:#aaa;
	font-size:.7em;
}
.slide-listing a {
	cursor:pointer;
}
/************************
VIDEO FEED
*************************/

.videoentry {
	width:100%;
	clear: both;
}

.videoentry:nth-child(1n) { /* first item in series */

	clear:none;

}
.videothumbnail {
	float: left;
	border: #ccc solid 1px;
	padding: 4px;
	width: 120px;
	margin:.75em;
	margin-left: 0;
	margin-top: 0;
}
.videoclip {
	display:block;
	left:0;
	overflow:hidden;
	width:120px;
	height:67px;
	margin-bottom:0;
	padding-bottom:0;
}
.videothumbnail img {
	position:relative;
	top:-12px;
}
.videotitle {
	line-height: 1.3em;
	position: relative;
	padding: 5px;
	color: #000;
	padding-left: 1em;
	top: -1em;
	height: 5em;
	background: url(../global/images/1300199077_youtube.png) no-repeat 55px 20px;
	width: auto;
}
.videotitle span {
	font-weight: bold;
	margin-bottom:2px;
	display: inline-block;
	text-decoration: underline;
	color: #00F;
	width: 425px;
}
.videoentry a {
	text-decoration: none;
}