/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Designed & Coded By : Richard Carpenter
URL : www.richard-carpenter.co.uk
	  www.hv-designs.co.uk
	  
Used by Congrui Li of the Tau Kappa Epsilon Fraternity

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

* {
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
	background-color: #eeeeee;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #b01010;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #b01010;
}
a:hover {
	text-decoration: underline;
	color: #930d0d;
}
a:active {
	text-decoration: none;
	color: #b01010;
}

p {
	color: #666666;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
}

p1 {
	color: #666666;
	text-align: justify;
	font-size: 8px;
	line-height: 10px;
}

p2 {
	color: #666666;
	text-align: justify;
	font-size: 12px;
	line-height: 15px;
}

h2 {
	background-image: url(images/divider.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
	font-weight: bold;
	text-transform: capitalize;
	color: #b01010;
}

h3 {
	color: #666666;
	text-transform: capitalize;
	font-size: 20px;
}

#container {
	margin: auto;
	width: 1000px;
}

#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
    
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#eeeeee;
    }

#navigation {
	float: left;
	height: 103px;
	width: 1000px;
}

#navigation li {
	display: block;
	list-style-type: none;
	float: left;
	background-image: url(images/nav_seperator.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#navigation li a {
	color: #383838;
	font-weight: bold;
	width: 108px;
	height: 51px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 48px;
	float: left;
	text-decoration: none;
	margin-left: 2px;
}

#navigation li a:hover {
	background-image: url(images/nav_hover.gif);
	background-repeat: repeat-x;
	color: #b01010;
	margin-left: 2px;
}

#navigation li1 {
	display: block;
	list-style-type: none;
	float: left;
	background-image: url(images/nav_seperator.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#navigation li1 a {
	color: #383838;
	font-weight: bold;
	width: 108px;
	height: 51px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 48px;
	float: left;
	text-decoration: none;
	margin-left: 2px;
}

#navigation li1 a:hover {
	background-image: url(images/nav_hover.gif);
	background-repeat: repeat-x;
	color: #b01010;
	margin-left: 2px;
}

#navigation li1 a {
	display: block;
	list-style-type: none;
	float: left;
	background-image: url(images/nav_seperator.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#navigation li2 {
	display: block;
	list-style-type: none;
	float: left;
}

#navigation li2 a {
	color: #383838;
	font-weight: bold;
	width: 108px;
	height: 51px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 10px;
	float: left;
	text-decoration: none;
	margin-left: 2px;
}



#title {
	float: left;
	height: 83px;
	width: 1000px;
	background-image: url(images/title.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#featured {
	display:inline; /* FOR IE */
	float:left;
	height:213px;
	overflow:hidden;
	position:relative;
	width:1000px;

}

#featured-image {
	float: left;
	height: 213px;
	width: 560px;
	position:relative;
    display:block;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

#featured-image li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
	
}

#featured-image li img {
	display:block;
	background-color: #FFFFFF;
}

#featured a:hover {
	text-decoration:none;
}


.featured-text {
	float: right;
	width: 380px;
	height: 213px;
}

.featured-text p {
	margin-top: 10px;
}

#comment {
	float: left;
	margin-top: 40px;
}

#gallery {
    float: middle;
	margin-left: 50px;
}

.gallery-show {
	float: middle;
	margin-top: 40px;
}

#left-content {
	float: left;
	width: 349px;
	margin-top: 40px;
}

.left-top {
	background-image: url(images/left_content_top.png);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 397px;
}

.left-middle {
	background-image: url(images/left_content_middle.png);
	background-repeat: repeat-y;
	float: left;
	width: 355px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d1d1d1;
	border-left-color: #d1d1d1;
	padding-right: 20px;
	padding-left: 20px;
}

.left-bottom {
	background-image: url(images/left_content_bottom.png);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 397px;
	margin-bottom: 10px;
}

#right-content {
	float: right;
	width: 480px;
	margin-top: 40px;
}

.right-top {
	float: left;
	height: 29px;
	width: 480px;
	background-image: url(images/right_content_top.png);
	background-repeat: no-repeat;
}

.right-middle {
	background-image: url(images/right_content_middle.png);
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d1d1d1;
	border-left-color: #d1d1d1;
	float: left;
	width: 438px;
	padding-right: 20px;
	padding-left: 20px;
}

.right-middle h3 {
	margin-bottom: 10px;
}

.right-bottom {
	float: left;
	height: 29px;
	width: 480px;
	background-image: url(images/right_content_bottom.png);
	background-repeat: no-repeat;
}

#right-content 2{
	float: right;
	width: 400px;
	margin-top: 40px;
}

.right-top2 {
	float: right;
	height: 29px;
	width: 480px;
	background-image: url(images/right_content_top.png);
	background-repeat: no-repeat;
}

.right-middle2 {
	background-image: url(images/right_content_middle.png);
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d1d1d1;
	border-left-color: #d1d1d1;
	float: none;
	width: 438px;
	padding-right: 20px;
	padding-left: 20px;
}

.right-middle h3 {
	margin-bottom: 10px;
}

.right-bottom2 {
	float: left;
	height: 29px;
	width: 480px;
	background-image: url(images/right_content_bottom.png);
	background-repeat: no-repeat;
}



li.rush {
	list-style-type: none;
	display: block;
	background-image: url(images/rush.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
}

li.events {
	list-style-type: none;
	display: block;
	background-image: url(images/events.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
}

li.history {
	list-style-type: none;
	display: block;
	background-image: url(images/history.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
}

li.brothers {
	list-style-type: none;
	display: block;
	background-image: url(images/brothers.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
}

li.alumni {
	list-style-type: none;
	display: block;
	background-image: url(images/alumni.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
}

li.pictures {
	list-style-type: none;
	display: block;
	background-image: url(images/pictures.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
}

li.nationals {
	list-style-type: none;
	display: block;
	background-image: url(images/nationals.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 75px;
}

li.composites {
	list-style-type: none;
	display: block;
	padding-left: 0px;
}

#footer {
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	float: left;
	height: 88px;
	width: 1000px;
	margin-top: 20px;
}

#footer p {
	color: #666666;
	text-align: center;
	padding-top: 35px;
}

#twitter_div {
	border-bottom-width: 1px;
	border-bottom-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top:10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 2em;
}
 
#twitter_div ul li {
	color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #eeeeee;
}
 
#twitter_div ul li a {
	text-decoration: none;
	color: #b01010;
}
 
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #b01010;
}
 
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}

#twitternews_div {
	border-bottom-width: 1px;
	border-bottom-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

	padding-right: 5px;

	line-height: 2em;
}
 
#twitternews_div ul li {
	color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #eeeeee;
}
 
#twitternews_div ul li a {
	text-decoration: none;
	color: #b01010;
}
 
#twitternews_div ul li a:hover {
	text-decoration: none;
	color: #b01010;
}
 
#twitternews_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}

/***** Clearfix *****/

.clearfix:after, .content:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, .content{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix, * html .content  {height: 1%;}
.clearfix, .content {display: block;}
/* End hide from IE-mac */