HTML 
{
	PADDING: 0px;
	MARGIN: 0px; 
}

BODY 
{
	PADDING: 0px;
	MARGIN: 0px;
	FONT: 12px tahoma, arial;
	COLOR: #6C6C6C;
	background:#6C6C6C;
	
	
}
.button_effect:hover    {   
	border-color: #64acd8;
	background-color:#999;
	border-width: 1px;   
} 
.big {
	font-size:16px;
	font-weight:bold;
}

ul
{
	margin-left:0px;
	padding-bottom:0px;
	text-align:left;
}

li
{
	margin:0px;
	margin-bottom:8px;
	padding:0px;
	text-align:left;
	list-style:square;

}
P 
{
	margin-top:0px;
	margin-bottom:10px;
}
hr {
	color:#CCCCCC;
}
.heading {
	width:854px;
	height:148px;
	margin:0 auto;
	margin-bottom:10px;
	padding-left:50px;
	text-align: left;
}
.content_up {
	width:874px;
	height:23px;
	margin:0 auto;
	background:url(../images/rabat_ajax_03.jpg) no-repeat;
}
.content_middle {
	width:834px;
	height:auto;
	margin:0 auto;
	padding:0 20px;
	background:url(../images/rabat_ajax_05.jpg) repeat-y;
	color: #000;
}
.content_bottom {
	width:874px;
	height:23px;
	margin:0 auto;
	background:url(../images/rabat_ajax_06.jpg) no-repeat;
}
.Committee-Content {
	width:592px;
	height:auto;
	font-size:12px;
	color:#000;
	margin-left:12px;
	margin-right:3px;
	padding:15px;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}
.Committee-Content a {
	color:#003388;
	font-weight:500;
	text-decoration:none;
}
.Committee-Content a:hover {
	color:#333333;
	font-weight:500;
	text-decoration:none;
}
.ContactBar {
	margin-left:12px;
	margin-right:3px;
	width:590px;
	height:22px;
	background:url(../images/rabat_ajax_26.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:9px;
	font-weight:500;
}
.Contact-Content {
	width:592px;
	height:auto;
	font-size:12px;
	color:#000;
	margin-left:12px;
	float:left;
	margin-right:3px;
	padding:15px;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}
.Contact-Content a {
	color:#039;
	font-weight:200;
}
.contactext {
	color:#666;
	font-size:11px;
}
.smallgreytext {
	color:#666;
	font-size:10px;
}
.greytext {
	color:#333;
	font-size:12px;
}
.commentsbar {
	width:365px;
	height:20px;
	background-color:#f5f5f5;
	color:#fff;
	font-size:10px;
	font-weight:400;
	padding-left:10px;
	padding-right:10px;
}
.comments-content {
	width:365px;
	height:auto;
	border:#ccc solid 1px;
	padding:10px 10px 0 10px;
	margin-bottom:10px;
	color:#000;
}
.FixturesBar {
	margin-left:12px;
	margin-right:3px;
	width:590px;
	height:22px;
	background:url(../images/rabat_ajax_27.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:9px;
	font-weight:500;
}
.Fixtures-Content {
	width:592px;
	height:auto;
	font-size:12px;
	color:#000;
	margin-left:12px;
	margin-right:3px;
	padding:15px;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}

.footer {
	padding:11px;
	width:800px;
	text-align:right;
	font-size:10px;
	color:#666;
}
.footer a {
	color:#039;
	font-weight:bold;
}
.textfield_effect    {   
	border-width: 1px;    
	border-style: solid;    
	border-color: #ccc;background-image: url(back_field.gif);    
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;    
	font-size: 12px;    
	color: #333333;    
	width: 200px;    
	height: 15px;    
}
.textfield_effect:hover    {   
	border-color: #64acd8;    
	border-width: 1px;   
} 
	.textfield_effect:focus {    
	border-color: #cccccc;    
	border-width: 1px;    
}
fieldset    {    width: 400px;    height: 200px;    border-style: solid;    border-width: 1px;    border-color: #cccccc;    margin-left: auto;    margin-right: auto;    background-color: #F5F5F5;    }

fieldset:hover    {    border-color: #ccc;    }legend    {    font-family: sans-serif;    font-size: 18px;    color: #097bc3;    font-weight: bold;    }/* <strong class="highlight">CSS</strong> Document */
 
.textfield_effect    {
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    /*we are now going to add in the shadow image that we created earlier*/
    background-image: url(back_field.gif);
    background-repeat: repeat-x;
    /*I am going to add some <strong class="highlight">text</strong> formatting of my own*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    width: 170px;
    height: 15px;
    }
 
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 
.textfield_effect:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.textfield_effect:focus    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
/*you may also like to add some styles for the rest of the form*/
 
.fieldset    {
    border-style: solid;
	width: 250px; 
    border-width: 1px;
    border-color: #ccc;
    margin-left: auto;
    margin-right: auto;
    }
.fieldset:hover    {
    border-color: #0ca0ff;
    }
.legend    {
    font-family: sans-serif;
    font-size: 18px;
    color: #097bc3;
    font-weight: bold;
    }
.button {
	font-family: sans-serif;
	font-size:12px;
	color:#666;

	width:50px;
	padding:1px;
}
.home-new {
	width:auto;
	height:auto;
	margin-bottom:2px;
}
.BlackText {
	color:#000000;
	font-size:12px;
}
.LeftSide {
	width:196px;
	height:auto;
	margin-bottom:10px;
}
.LeftSideBar {
	width:161px;
	height:22px;
	background:url(../images/rabat_ajax_10.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:9px;
	font-weight:500;
}
.LatestNews-Pages {
	margin-left:12px;
	margin-right:3px;
	width:590px;
	height:22px;
	background:url(../images/rabat_ajax_07.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:9px;
	font-weight:500;
}
.LatesNews-Content {
	width:592px;
	height:auto;
	font-size:12px;
	color:#000;
	margin-left:12px;
	margin-right:3px;
	padding:15px;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	text-align: left;
}
.LatesNews-Content a {
	color:#039;
}
.LatesNews-border img {
	border:1px #ccc solid;
}
.LatesNews-Content a {
	color:#039;
}
.LatestNewsBar {
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	width:280px;
	height:22px;
	background:url(../images/rabat_ajax_15.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:9px;
	font-weight:500;
}
.LatesNews {
	width:303px;
	height:190px;
	font-size:10px;
	color:#666;
	margin-left:10px;
	margin-right:3px;
	padding:5px;
	padding-top:11px;
	background:#f3f3f3;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}
.LatesNews a {
	color:#039;
}
.GuestbookBar {
	margin-left:12px;
	margin-right:3px;
	width:593px;
	height:22px;
	background:url(../images/rabat_ajax_29.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:9px;
	font-weight:500;
}
.Guestbook-Content {
	width:592px;
	height:auto;
	font-size:12px;
	color:#000;
	margin-left:12px;
	margin-right:3px;
	padding:15px;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	float:left;
}
.Guestbook-form {
	width:180px;
	height:auto;
}
.Guestbook-Content a {
	color:#039;
	font-weight:bold;
}
.Guestbook-Comments {
	width:390px;
	float:left;
	height:auto;
	color:#CCC;
	font-size:11px;
	margin-left:10px;
}
.InterviewBar {
	margin-left:12px;
	margin-right:3px;
	width:590px;
	height:22px;
	background:url(../images/rabat_ajax_17.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:9px;
	font-weight:500;
}
.NewsPic {
	padding:1px;
	border:1px solid #ccc;
}
.interviewPic {
	float:left;
	padding:1px;
	border:1px solid #ccc;
	margin:10px;
}
.Interviews-Content {
	width:592px;
	height:auto;
	font-size:12px;
	color:#000;
	margin-left:12px;
	margin-right:3px;
	padding:15px;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}

.Interviews-Content a {
	color:#039;
	font-weight:bold;
}
.Sponsors {
	width:100%;
	height:90px;
	margin-top:10px;
	margin-left:10px;
}
.Titles {
	color:#039;
	font-weight: bold;
}
.BlueText{
	color:#039;
}
.Text {
	color:#666;
}
		
.RightSide {
	width:301px;
	height:auto;
	background:#f3f3f3;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}
.RightSideBar {
	width:270px;
	height:22px;
	background:url(../images/rabat_ajax_11.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:9px;
	font-weight:500;
}
.MainContent {
	width:283px;
	height:170px;
	margin-left:10px;
	margin-right:3px;
	padding:15px;
	background:#f3f3f3;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}
.MainContentBar {
	margin-left:10px;
	margin-right:3px;
	width:295px;
	height:22px;
	background:url(../images/rabat_ajax_14.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:20px;
	padding-top:9px;
	font-weight:500;
}
.GalleryBar {
	margin-left:12px;
	margin-right:3px;
	width:590px;
	height:22px;
	background:url(../images/rabat_ajax_21.jpg) no-repeat;
	color:#FFF;
	text-transform:uppercase;
	padding-left:35px;
	padding-top:9px;
	font-weight:500;
}

/* HOMEPAGE GALLERY */

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:200px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:0;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}