@charset "utf-8";

* {
	margin:0;
	padding:0;
}

h1 {
	color:#000;
}

h2{
	color:#a80532;
}

h3 {
	color:#a80532;
}

h4 {
	color:#000;
	font-size:14px;
	line-height:20px;
}

h5 {
	color:#a80532;
}

.contentLinks {
	color:#a80532;
}

.contentLinks a {
	color:#a80532;
}

.contentLinks a:hover {
	color:#a80532;
}

.contentLinks a:visited {
	color:#a80532;
}

.showcaseLinks {
	color:#fff;
}

.showcaseLinks a {
	color:#fff;
}

.showcaseLinks a:hover {
	color:#fff;
}

.showcaseLinks a:visited {
	color:#fff;
}


.whiteLinks {color:#fff;}

#bodyContainer {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	background-image: url(../images/Top_Banner/banner_theinnplacetolearn_sc.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.titleHeadings {
	background-color:#A80532;
	margin-right:auto;
	margin-left:auto;
	color:#fff;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-radius-topleft:20px;
	-webkit-border-radius-bottomright:20px;
}

#starL {
	background-image:url(../images/Top_Banner/starL_gamecocks.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:25px;
	height:38px;
}

#starR {
	background-image:url(../images/Top_Banner/starR_gamecocks.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:25px;
	height:38px;
}

/*end of common - Start of header */

#topIcons {
	width:900px;
	margin-right:auto;
	margin-left:auto;
}
#fixedMenu {
	height:25px;
	width:240px;
	display:block;
	margin-left:650px;
	padding-top:15px;
	padding-left:5px;
	padding-bottom:5px;
	background-color:#fff;
	}

#header {
	width:900px;
}

.fie {
	background-image:url(../images/District_Icons/fie_logo.png);
	background-repeat:no-repeat;
	width:23px;
	background-color:#fff;
	border:0px solid #fff;
	height: 23px;
	padding-top:5px;
}

.clemson {
	background-image:url(../images/District_Icons/clemson_paw_icon_20x20.png);
	background-repeat:no-repeat;
	width:23px;
	background-color:#fff;
	border:0px solid #fff;
	padding-top:5px;
}


.gamecocks {
	background-image:url(../images/District_Icons/Gamecocks_icon.png);
	background-repeat:no-repeat;
	width:23px;
	background-color:#fff;
	border:0px solid #fff;
	padding-top:5px;
}

.toggleopacity img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	padding-right:5px;
}

.toggleopacity:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	background-color:none;
	padding-right:5px;
}

#spacer {
	height:189px;
}

#address {
	height:205px;
	line-height:16px;
	font-size:11px;
	padding-left:10px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

.date {float:right; padding-right:10px;}

/* ------------------- start of navbar -----------------------*/

#navbar {
	height:75px;
	width:675px;
	padding-top:4px;
	float:left;
}

pad {height:160px;}

#dropline {
	padding:0 0 0 15px;
	margin:0 0 0 0px;
	list-style:none;
	height:46px;
	background:url(../images/navbar/blackTrim.png) repeat-x;
	position:relative;
}
#dropline table {border-collapse:collapse: width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
#dropline li a {display:block; height:40px; line-height:40px; padding:3px 15px 0 0; margin:0px; float:left; color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
#dropline li a b {display:block; height:40px; float:left; padding:0 0 0 20px; cursor:pointer;}
#dropline li a:hover {background:url(../images/navbar/garnet_R.png) no-repeat right top; line-height:36px; height:44px;color:#fff;overflow:hidden;}
#dropline li a:hover b {background:url(../images/navbar/garnet_L.png) no-repeat left top; line-height:36px;overflow:hidden;}

#dropline li:hover > a {background:url(../images/navbar/garnet_R.png) no-repeat right top; line-height:36px; height:44px;color:#fff;}
#dropline li:hover > a b {background:url(../images/navbar/garnet_L.png) no-repeat left top; line-height:36px;overflow:hidden;}

#dropline ul {
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	height:32px;
	width:700px;
	background:#fff;
	left:-9999px;
	top:46px;
	z-index:10;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom:1px solid #fff;
}
#dropline ul li {height:25px; line-height:36px;position:relative; float:left; left:10%;}

#dropline ul.right li {height:25px; line-height:15px;position:relative; float:left; left:45%;}
#dropline ul.farright li {height:25px; line-height:15px;position:relative; float:left; left:78%;}
#dropline ul.center li {height:25px; line-height:25px;position:relative; float:left; left:18%;}
#dropline ul.left li {height:25px; line-height:25px;position:relative; float:left; left:0%;}
#dropline ul li a {color:#A80532; padding:0 10px 0 10px; height:22px; line-height:25px; border-right:1px solid #A80532; font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#dropline ul li a:hover {height:25px; line-height:25px; background:transparent; color:#000;}
#dropline ul.right li a {border-right:1px solid #A80532; border-left:0;}
#dropline ul li a.last {border:0;}


#dropline :hover ul {left:0;}

#dropline li.current ul {
	left:0;
	z-index:1;
}
/*#dropline li.current ul li {float:left; position:relative; right:50%;}*/
#dropline li.current a {background:url(../images/navbar/garnet_R.png) no-repeat right top; line-height:36px; height:44px;overflow:hidden;}
#dropline li.current a b {background:url(../images/navbar/garnet_L.png) no-repeat left top; line-height:36px;overflow:hidden;}
#dropline li.current ul li a {color:#A80532; padding:0 10px 0 10px; height:22px; line-height:25px; background:transparent;text-align:center;}
#dropline li.current ul li.current_sub a {color:#A80532;}
#dropline li.current ul li a:hover {color:#000;}

/* -- Upcoming Events */
#dropline ul.vertical li {height:25px; line-height:25px; float:none; left:100%;display:block;background-color:#fff;padding:10px;width:225px;height:auto;}

/* ------------------- end of navbar -----------------------*/

.flRight /*This is for the Date next to the address*/{
	float: right;
	
}


/*end of header - Start of content */


#content {
	width:900px;
}

#topContent {
	width:900px;
	height:365px;
}

#showcase {
	height:350px;
	width:675px;
	float:left;
}


#newsletter {
	width: 220px;
	height: 330px;
	float:left;
	padding-right:5px;
}

#toprightcontent {
	width:225px;
	height:340px;
	float:left;
	padding-top:5px;
}

.toprightcontent1{
	padding-left:10px;
	padding-top:10px;
	background-image: url(../images/PrincipalMessage/MessageFromOurPrincipals_gamecocks.png); 
	background-repeat:no-repeat;
	background-position:center;
}

.toprightcontent2{
	height:220px;
	padding-left:10px;
}



/* ----------- start of calendar ---- */

.date	{
	color:#fff;
	font: bold 12px Times New Roman;
	/*padding-right: 5px;
	padding-left:10px;
	width:25px;
	clear:left;*/
}

.desc {
	margin-left: 10px;
}

.desc a {
	color: white;
    font: bold 12px Times New Roman;
}

.desc a:hover {
	background-color: #a80532;
	color:white;
    font: bold 12px Times New Roman;
}

.rndbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	background-color: #000;
	width: 200px;
	clear: none;
}
.rndtop {
	background-image: url("../images/Upcoming Events/topcurved_gamecocks.png") ;
	background-repeat: no-repeat;
	background-position: top;
}
.rndbottom {
	background-image: url("../images/Upcoming Events/botcurved_gamecocks.png") ;
	background-repeat: no-repeat;
	background-position: top;
	height:20px;
}

.rndbottom img	{
	display:block;
}

.rndbox p	{
	margin: 0 0.4em 1em .6em;
	text-align:left;
}
/* ------------- end of calendar ----- */
/* ------------- start of announcements ----- */

#middleContent {
	width:900px;
	background-color:#fff;
}

#dynamicAnnouncementsBlurb{
	width:900px;
	/*height:340px;*/
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}


.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #a80532;
	padding-top:10px;
}
.announce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	padding-bottom:10px;
}

/* ------------- end of announcements ----- */

#search {
	width: 225px;
	height: 40px;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	float:left;
	margin-top:4px;
	line-height:40px;
}


#bottomContent1 {
	width:900px;
	height:3px;
	background-color:#000;
	float:left;
}

#bottomContent2 {
	width:900px;
	height:3px;
	background-color:#000;
	float:left;
}

#bottomRightContent {
	height:10px;
	width:450px;
	float:left;
}

.nofloat  {
	float:none;
}
/*end of content - Start of footer */

#footer {
	height:235px;
/*	background-color:#ffffff;/* for non-css3 browsers */
/*	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* for IE */
/*	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); /* for webkit browsers */
/*	background: -moz-linear-gradient(top,  #ffffff,  #dddddd); /* for firefox 3.6+ */
/*	background-position:bottom;  */
}

/* ------------start of topLinks ----------- */
#topLinks {
	width:700px;
	height:40px;
	text-align:center;
	line-height:30px;
	margin-left:92px;
	position:relative;
	overflow:hidden;
}

#topLinks .bottomNav {
	display:block;
	list-style:none;
	position:relative;
	float:left;
	width:715px;
	margin-top:10px;
}
#topLinks li {
	float:left;
	text-decoration:none;
	width: 100px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #777777;
	color: #1e1e1e;
}


#topLinks li a {
	color:#555555;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#topLinks li a:hover {
	border-bottom:2px solid #A80532;
}
/* ------------end of topLinks ----------- */

#quicklinks {
	width:560px;
	height:110px;
	margin-left:170px;
	margin-right:170px;
	margin-top:3px;
}

#quicklinks .quicklinks {
	width: 120px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.quicklinks .titleHeading {
	height:20px;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	font-weight:300;
	text-align:center;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-radius-topleft:20px;
	-webkit-border-radius-bottomright:20px;
	color:#555555;
}

.links {
	height:80px;
	color:#606060;
	font-size:11px;
	text-align:center;
}

.links a {
	color:#0060b8;
	font-size:12px;
	text-decoration:none;
}

.links a:hover {
	color:#a80532;
	text-decoration::underline;
}

#copyright {
	width:900px;
	height:50px;
	line-height:16px;
	font-size:12px;
	text-align:center;
	color:#555555;
	margin-top:20px;
}

.footerLinks:hover {
	border-bottom:1px solid #a80532;
}


/* -------- Showcase ------------------- */
#showcaseIndex .header {   /* Main title */
	color: #fff;
}

#showcaseIndex .subheader {  /* Subtitle */
	color: #ccc;
}

#showcaseIndex .paragraph { /* paragraph */
	color: #FFF;
}

#showcaseIndex_navbar_in li a.active span.title { /*title in tabs */
  font: normal normal normal 12px/100% Arial,Helvetica,sans-serif;
  color: #A80532;
}

#showcaseIndex_navbar_in li a.active {/* subtitle in tabs */
	color:#A80532;
}

#showcaseIndex_navbar_in li a { /* background color up */
  background: transparent  url(../images/Showcase_Home/Design/garnet_nav_item_up.png) no-repeat left top scroll;
}

#showcaseIndex_navbar_in li a.hover {  /* background color hover */
  background: transparent  url(../images/Showcase_Home/Design/black_nav_item_active3.png) no-repeat left top scroll;
}

#showcaseIndex_navbar_in li a.active {
  background: transparent  url(../images/Showcase_Home/Design/black_nav_item_active2.png) no-repeat left top scroll;
}

#showcaseIndexContainer { /* background of entire slider */
  width: 615px;
  height: 315px;
  background-color: transparent;
  background-image: url(../images/Showcase_Home/Design/gamecocks_background.png);
  background-repeat:no-repeat;
  background-position: left top;
}

/* ---- start of subpage css ---- */

#subpageContent {
	padding: 10px;
	height: auto;
	width: 880px;
	border-bottom:2px solid #000;
}

/* --- directory --- */
th.directory {
	color:#a80532;
}

tr.row1 {
	background-color:#fff;
	color:#a80532;
	height:30px;
	text-align:center;
}

tr.row1 a{
	color:#A80532;
}

tr.row2 {
	background-color:#000;
	color:#fff;
	height:30px;
	text-align:center;
}

tr.row2 a{
	color:#fff;
}

/* ------------------- about -------------------*/
#mission {
	background-image: url(../images/about/mission_gamecocks.png); background-repeat:no-repeat;
}

#coreBeliefs {
	background-image: url(../images/about/corebeliefs_gamecocks.png); background-repeat:no-repeat;
}

#profile #top {
	background-image: url(../images/about/profileTop_gamecocks.png);
}
#profile #bot {
	background-image: url(../images/about/profileBot_gamecocks.png);
}
#profile #middle {
	color: #FFF;
	background-color: #000;
}

/* ------------------- contact -------------------*/
#contactMap {
	border:6px solid #a80532;
	border-radius-bottom:20px;
}

/* ------------------- contact form -------------------*/
#formWrap {
	background:#000;
}

#form .row .label {
	color:#fff;
}

/*-------------------- PTA ---------------------------*/
#oppertunities {
	border-top:3px solid #a80532;
	border-bottom:3px solid #a80532;
	border-right:3px dotted #a80532;
}

#form {
	border-top:3px solid #000;
	border-bottom:3px solid #000;
}