@charset "UTF-8";
/* CSS Document */
body, html {
	margin: 0;
	padding: 0;
	height: 110.02%;
	background-color: #232323;
}

#container {
position: relative;
top: 0;
width: 750px;
background: url(../g/home_bg_main.gif) top left repeat;
height: 100%;
margin: 0 auto;
}

body>#container {
min-height: 100%;
height: auto;
}

p {
	margin-bottom:1em;
}

#top {
	position: relative;
	top: 0;
	left: 10px;
	width: 750px;
	height: 1100px;
	overflow: hidden;
	background-image: url(homebackground.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F7EDED;
}

#photo {
	position: absolute;
	top: 119px;
	right: 5px;
	width: 730px;
	height: 200px;
	display: inline;
}

#historyflash {
	position: absolute;
	top: 116px;
	right: 6px;
	width: 200px;
	height: 441px;
	display: inline;
}

#phenomenalakassidebar {
	position: absolute;
	top: 116px;
	right: 6px;
	width: 200px;
	height: 845px;
	display: inline;
}

#phenomenalakassidebar p {
margin: 0;
font: 12px/15px "trebuchet ms",trebuchet,arial,helvetica,sans-serif;
}

#phenomenalakassidebar p strong {
color: #D3595B;
}


#geprogramscalendar {
	position: absolute;
	top: 120px;
	right: 11px;
	width: 730px;
	height: 103px;
	display: inline;
}
#photo2 {
	position: absolute;
	top: 458px;
	right: 1px;
	width: 247px;
	height: 136px;
	display: inline;
}

#photo img {
display: block;
}

#bar {
position: relative;
top: 0;
height: 33px;
width: 750px;
left: 10px;
background: #000;
overflow: hidden;
}

#bar a.executive, #bar a.login {
	position: absolute;
	top: -411px;
	left: 258px;
	width: 234px;
	font: 11px/11px arial,helvetica,sans-serif;
	color: #E68D8E;
	text-decoration: none;
	font-weight: bold;
	padding-left: 12px;
	background: url(../g/inside_arrow_blackpink.gif) top left no-repeat;
	height: 217px;
}

#bar a.login {
	left: 497px;
}

#bar p.caption {
position: absolute;
display: block;
width:234px;
height: 20px;
padding: 0 10px;
font: 11px/11px arial,helvetica,sans-serif;
color: #A3D35E;
right: 0;
top: 10px;
margin: 0;
}

#bottom {
position: relative;
top: 0;
width:750px;
left: 10px;
height: 146px;
background: url(../g/home_bottom_bg.jpg) top left repeat;
overflow: hidden;
}

#footer {
	position: absolute;
	top: 909px;
	right: -5px;
	width: 740px;
	height: 88px;
	display: inline;
}

#footer p {
	font: 10px/10px arial,helvetica,sans-serif;
	margin: 14px 0 0 160px;
	color: #000000;
	text-align: right;
}

#footer p a {
text-decoration: none;
color: #D56464;
}

#top #news {
	position: absolute;
	bottom: 653px;
	right: 14px;
	width: 246px;
	height: 120px;
}

#top #news p {
height: 17px;
font: 11px/11px arial,helvetica,sans-serif;
text-decoration: none;
font-weight: bold;
margin: 0;
color: #000;
}

#top #news #newshead {
position: absolut;
top: 0;
height: 22px;
}

#top #news #newshead a {
display: block;
height: 17px;
font: 11px/11px arial,helvetica,sans-serif;
text-decoration: none;
font-weight: bold;
margin: 0;
color: #000;
background: #E68D8E;
padding: 5px 0 0 9px
}

#top #news #newsitems {
position: absolute;
height: 212px;
background: url(../g/home_news_bg.jpg) top left no-repeat;
padding: 9px;
overflow: auto;
}

#top #news #newsitems ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#top #news #newsitems ul li {
	padding: 0 0 8px 10px;
	font: 11px/14px "trebuchet ms",trebuchet,arial,helvetica,sans-serif;
	clear: both;
	position: absolute;
	width: 202px;
	height: 66px;
	left: 25px;
	top: 27px;
}

#top #news #newsitems ul>li {
width: 218px;
}

#top #news #newsitems ul li img {
border: 0;
float: left;
display: inline;
position: absolute;
padding: 2px 5px 2px 0;
}

#top #news #newsitems ul li a {
text-decoration: none;
color: #000;
font-weight: bold;
}


#top #historynews {
	position: absolute;
	bottom: 128px;
	right: 3px;
	width: 246px;
	height: 252px;
}


#top #historynews #historynewshead {
position: relative;
top: 0;
height: 22px;
}

#top #historynews #historynewshead a {
display: block;
height: 17px;
font: 11px/11px arial,helvetica,sans-serif;
text-decoration: none;
font-weight: bold;
margin: 0;
color: #000;
background: #E68D8E;
padding: 5px 0 0 9px
}

#top #historynews #historynewsitems {
position: relative;
height: 212px;
background: url(../g/home_news_bg.jpg) top left no-repeat;
padding: 9px;
overflow: auto;
}

#top #historynews #historynewsitems ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#top #historynews #historynewsitems ul li {
padding: 0 0 8px 10px;
background: url(../g/home_bullet.gif) top left no-repeat;
font: 11px/14px "trebuchet ms",trebuchet,arial,helvetica,sans-serif;
clear: both;
position: relative;
width: 202px;
}

#top #news #newsitems ul>li {
	width: 230px;
}

#top #historynews #historynewsitems ul li img {
border: 0;
float: left;
display: inline;
position: relative;
padding: 2px 5px 2px 0;
}

#top #historynews #historynewsitems ul li a {
text-decoration: none;
color: #000;
font-weight: bold;
}

#maintitle {
	position: absolute;
	top: -4px;
	left: 11px;
	width: 500px;
	height: 60px;
}

#shield {
	position: absolute;
	top: 3px;
	left: 635px;
	width: 108px;
	height: 106px;
	background-repeat: no-repeat;
	background-position: left top;
}

#musicplayer {
position:absolute
top: 500px;
left: 635px;
width: 245;
}

#intro {
	position: absolute;
	top: 326px;
	left: 4px;
	width: 477px;
	height: 580px;
}

#intro p {
margin: 0;
font: 12px/15px "trebuchet ms",trebuchet,arial,helvetica,sans-serif;
margin-bottom:1em;

}

#intro p strong {
color: #D3595B;
}


#historyintro {
	position: absolute;
	top: 116px;
	left: 5px;
	width: 533px;
	height: 845px;
}

#historyintro p {
margin: 0;
font: 12px/15px "trebuchet ms",trebuchet,arial,helvetica,sans-serif;
}

#historyintro p strong {
color: #D3595B;
}

#sororflash {
	position: absolute;
	top: 110px;
	left: 6px;
	width: 718px;
	height: 609px;
}

#sororflash p {
margin: 0;
font: 12px/15px "trebuchet ms",trebuchet,arial,helvetica,sans-serif;
}

#sororflash p strong {
color: #D3595B;
}

#geprogramsintro {
	position: absolute;
	top: 233px;
	left: 10px;
	width: 732px;
	height: 231px;
}

#geprogramsintro p {
margin: 0;
font: 12px/15px "trebuchet ms",trebuchet,arial,helvetica,sans-serif;
}

#geprogramsintro p strong {
color: #D3595B;
}


#eboard {
	position: absolute;
	top: 744px;
	left: 17px;
	width: 732px;
	height: 231px;
}

#eboard p {
margin: 0;
font: 12px/15px "trebuchet ms",trebuchet,arial,helvetica,sans-serif;
}

#eboard p strong {
color: #D3595B;
}

#top a:hover, #top #news #newshead a:hover, #top #mainnav a:hover {
background: #fff;
}

#heart {
	position: absolute;
	top: 429px;
	left: 527px;
	width: 224px;
	height: 395px;
	background: url(../g/home_heart.jpg) top left no-repeat;
}



#top #mainnav {
	position: absolute;
	top: 803px;
	left: 5px;
	width: 239px;
	height: 155px;
	z-index: 1000;
}

#mainnav ul {
  	width: 250px;
	border-top: 1px solid #96CC4B;  /* Makes top border on flyouts */
	background: url(../g/home_nav_bg.jpg) top left repeat;
	margin: 0;
	padding: 0;
	}

#mainnav li {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	font: 11px/12px arial,helvetica,sans-serif;
	border-bottom: 1px solid #96CC4B; /* Makes bottom border on flyouts */
	vertical-align: bottom; /* for IE5/win */
	color: #538609;
	text-transform: lowercase;
	font-weight: bold;
	}
	
#mainnav li.arrow {
	background: url(../g/home_nav_bg_arrow.jpg) top right no-repeat;
	position: relative
	}
	
#mainnav li.arrow2 {
	background: url(../g/home_nav_bg_arrow2.jpg) top right no-repeat;
	position: relative
	}

#mainnav ul a {
	display: block;
	padding: 5px 10px 7px 10px;
	vertical-align: bottom; /* needed for IE5/win */
	text-decoration: none;
	color: #538609;
	}

#mainnav ul ul, #mainnav ul ul ul { 
	position: absolute;  
	left: -3000px;
	background: #F9D2D3; 
	}	/* flyout elements need a background image or color to avoid bugs in IE/win */
		
#mainnav li:hover {background: #EA787A;}
	
#mainnav ul li:hover ul.level2 {
	left: 180px;
	top: 8px;
}

#mainnav ul ul.level2 li:hover ul.level3 {
	left: 140px;
	top: 8px;
}

#mainnav ul ul, #mainnav ul ul ul {
	width: 150px;
}

#mainnav ul a:hover {text-decoration: underline;}

.cnnHeaderNav {
	height:27px;
	position:relative;
	min-width:960px;
	margin:0 auto;
	color: #33CC66;
	}

.cnnHeaderNav li
{font-weight:bold;font-size: 10px;}

.cnnHeaderNav li a,
.cnnHeaderNav li a:visited
{
	color:#33CC66;
	text-decoration:none;
	text-transform:uppercase;
	line-height:25px;
}

.cnnHeaderNav li a:hover
{
	color:#333333;
	background-color: #FFB4C7;
}

.cnnHeaderNav li a.cnnCurPage
{
	color:#33CC66;
	background-color: #FF9999;
}
.cnnHeaderNav li a.cnnCurPage:visited
{
	color:#000000;
}

.cnnHeaderNav ul.cnnUtilityNavigation,
.cnnHeaderNav ul.cnnNavigation
{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	white-space:nowrap;
	top: 73px;
	width: 649px;
}  

.cnnHeaderNav ul.cnnNavigation
{
	left:3px;
}

.cnnHeaderNav ul.cnnNavigation li
{float:left;border-width:0 1px 0 0;border-style:solid;border-color:#e6e6e6;}

.cnnHeaderNav ul.cnnNavigation li a
{padding:0 6px;width:auto;height:25px;margin:1px;display:block;vertical-align:middle}

* html .cnnHeaderNav ul.cnnNavigation li a
{width:25px;}

.cnnHeaderNav ul.cnnNavigation li.offsite
{background:#fff url(http://i.l.cnn.net/cnn/.element/img/2.0/global/nav/header/gray_arrow.gif) 50% 100% no-repeat;}

.cnnHeaderNav ul.cnnNavigation li.offsite a
{color:#7b7b7b;}

.cnnHeaderNav ul.cnnNavigation li.offsite a:hover
{
	color:#0099FF;
	background:transparent;
}

.cnnHeaderNav ul.cnnNavigation li.cnnNavLeft
{width:9px;height:27px;}

	
/* \*/ /*/ 
ul li ul {position: static;}
ul ul li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */