/*CAUTION : THIS IS A CSS FRAMEWORK SYSTEM by'960 CSS Grid'. 

			PLEASE DON'T REMOVE OR EDIT ANY OF THE DECLARATIONS ON GRID & CONTAINER COMPONENTS.

			TO EDIT THE PAGE DESIGN AND LOOKS, JUST ADD OR MODIFY THE PROGRAMMER'S CODES LOCATED IN THE BOTTOM OF THIS PAGE.

			(it is given seperately in the bottom area, ie. below all the declarations and initialization codess of framework)*/







/* Containers

----------------------------------------------------------------------------------------------------*/

.container_12 {

	margin-left: auto;

	margin-right: auto;

	width: 1000px;

	

	

}



.element {

    display:inline;

}



/* Grid >> Children (Alpha ~ First, Omega ~ Last)

----------------------------------------------------------------------------------------------------*/



.alpha {

	margin-left: 0 !important;

}



.omega {

	margin-right: 0 !important;

}







/* Grid >> Global

----------------------------------------------------------------------------------------------------*/

 

.grid_1, 

.grid_2, 

.grid_3, 

.grid_4, 

.grid_5, 

.grid_6, 

.grid_7, 

.grid_8, 

.grid_9, 

.grid_10, 

.grid_11,

.grid_12{

	display:inline;

	float: left;

	position: relative;

	margin-left: 10.0px;

	margin-right: 10.0px;

}





/* Grid >> 2 Columns

----------------------------------------------------------------------------------------------------*/



.container_12 .grid_1{

	width:60px;

}



.container_12 .grid_2{

	width:140px;

}



.container_12 .grid_3{

	width:220px;

}



.container_12 .grid_4{

	width:300px;

}



.container_12 .grid_5{

	width:380px;

}



.container_12 .grid_6{

	width:460px;

}



.container_12 .grid_7{

	width:540px;

}



.container_12 .grid_8{

	width:620px;

}



.container_12 .grid_9{

	width:700px;

}



.container_12 .grid_10{

	width:780px;

}



.container_12 .grid_11{

	width:860px;

}



.container_12 .grid_12{

	width:940px;

}











/* Prefix Extra Space >> 2 Columns

----------------------------------------------------------------------------------------------------*/



    .container_12 .prefix_1 {

	padding-left:80px;

}



    .container_12 .prefix_2 {

	padding-left:160px;

}



    .container_12 .prefix_3 {

	padding-left:240px;

}



    .container_12 .prefix_4 {

	padding-left:320px;

}



    .container_12 .prefix_5 {

	padding-left:400px;

}



    .container_12 .prefix_6 {

	padding-left:480px;

}



    .container_12 .prefix_7 {

	padding-left:560px;

}



    .container_12 .prefix_8 {

	padding-left:640px;

}



    .container_12 .prefix_9 {

	padding-left:720px;

}



    .container_12 .prefix_10 {

	padding-left:800px;

}



    .container_12 .prefix_11 {

	padding-left:880px;

}







/* Suffix Extra Space >> 2 Columns

----------------------------------------------------------------------------------------------------*/



    .container_12 .suffix_1 {

	padding-right:80px;

}



    .container_12 .suffix_2 {

	padding-right:160px;

}



    .container_12 .suffix_3 {

	padding-right:240px;

}



    .container_12 .suffix_4 {

	padding-right:320px;

}



    .container_12 .suffix_5 {

	padding-right:400px;

}



    .container_12 .suffix_6 {

	padding-right:480px;

}



    .container_12 .suffix_7 {

	padding-right:560px;

}



    .container_12 .suffix_8 {

	padding-right:640px;

}



    .container_12 .suffix_9 {

	padding-right:720px;

}



    .container_12 .suffix_10 {

	padding-right:800px;

}



    .container_12 .suffix_11 {

	padding-right:880px;

}







/* Push Space >> 2 Columns

----------------------------------------------------------------------------------------------------*/



    .container_12 .push_1 {

	left:80px;

}



    .container_12 .push_2 {

	left:160px;

}



    .container_12 .push_3 {

	left:240px;

}



    .container_12 .push_4 {

	left:320px;

}



    .container_12 .push_5 {

	left:400px;

}



    .container_12 .push_6 {

	left:480px;

}



    .container_12 .push_7 {

	left:560px;

}



    .container_12 .push_8 {

	left:640px;

}



    .container_12 .push_9 {

	left:720px;

}



    .container_12 .push_10 {

	left:800px;

}



    .container_12 .push_11 {

	left:880px;

}











/* Pull Space >> 2 Columns

----------------------------------------------------------------------------------------------------*/



    .container_12 .pull_1 {

	right:80px;

}



    .container_12 .pull_2 {

	right:160px;

}



    .container_12 .pull_3 {

	right:240px;

}



    .container_12 .pull_4 {

	right:320px;

}



    .container_12 .pull_5 {

	right:400px;

}



    .container_12 .pull_6 {

	right:480px;

}



    .container_12 .pull_7 {

	right:560px;

}



    .container_12 .pull_8 {

	right:640px;

}



    .container_12 .pull_9 {

	right:720px;

}



    .container_12 .pull_10 {

	right:800px;

}



    .container_12 .pull_11 {

	right:880px;

}









/* Clear Floated Elements

----------------------------------------------------------------------------------------------------*/





.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}





.clearfix:after {

	clear: both;

	content: ' ';

	display: block;

	font-size: 0;

	line-height: 0;

	visibility: hidden;

	width: 0;

	height: 0;

}



.clearfix {

	display: inline-block;

}



* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}





/*CUSTOM CODES - Jean Johnson --------------------------------------------------------------------*/



.body

{

background:#E1E1E1;

/*background:url(../images/body-bg.png);

background-repeat:repeat-x;*/

}



#header

{

height:110px;

/*-moz-border-radius-topright:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-webkit-border-top-right-radius:10px;

border-top-left-radius:10px;

border-top-right-radius:10px;*/

}



#menu

{

height:35px;

background:url(images/menu-bg.png);

background-repeat:repeat-x;

/*-moz-border-radius:5px;

-webkit-border-radius:5px;*/

border-radius:5px;

}



#content

{

background:url(../images/content-bg.png);

background-repeat:no-repeat;

}





#footer

{

height:70px;

/*-moz-border-radius-bottomright:10px;

-moz-border-radius-bottomleft:10px;

-webkit-border-bottom-left-radius:10px;

-webkit-border-bottom-right-radius:10px;

border-bottom-left-radius:10px;

border-bottom-right-radius:10px;

-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);*/

}



/*------------------------------------------------------------------------------------------------------------------------------*/



.float-left

{

float:left;

}



.float-right

{
float:none;
padding-top:1px;


}







.program_txt{
font-family:Tahoma, Arial;
font-size:12px;
line-height:20px;
}


#break{
font-size:13px;
color:#24005F;

}


#head-Back{
font-size:11px;
color:#000000;
line-height:18px;
font-weight:normal;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}
#head-Back a{
color:#000000;
text-decoration:none;
}
#head-Back a:hover{
color:#000000;
text-decoration:underline;
}


#head-Back_one{
font-size:11px;
color:#000000;
line-height:17px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#head-Back_one a{
color:#000000;
text-decoration:none;
}
#head-Back_one a:hover{
color:#000000;
text-decoration:underline;
}


.program_border{
background:#ffffff;
border:1px #CCCCCC solid;
padding:10px;
border-radius:8px; /*CSS3 border radius*/
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

.left_program_txt{
text-align:center;
vertical-align:top;
}


#speaker{
font-size:11px;
color:#990000;
text-transform:none;
line-height:17px;
color:#000000;
}

.uppercase{
text-transform:uppercase;
text-align:left;
font-weight:bold;
font-size:10px;
line-height:16px;
color:#0A6883;
}

.speker_name{
font-weight:normal;
color:#0A6883;
line-height:17px;
font-weight:bold;
text-align:left;
}


.tr_one{
background-color:#EDEBEB;
vertical-align:top;
text-align:left;
}
.tr_two{
background-color:#F5DEB3;
vertical-align:top;
text-align:left;
}

.tr_three{
vertical-align:top;
background-color:#E1DCFB;
text-align:left;
}

.tr_break{
vertical-align:top;
color:#FF0000;
font-family:"Trebuchet MS", "Century Gothic";
font-size:13px;
font-weight:bold;
text-align:center;
}


.tr_day{
vertical-align:top;
color:#FFFFFF;
font-family:"Trebuchet MS", "Century Gothic";
font-size:13px;
text-transform:uppercase;
background-color:#379afc;
text-align:center;
}

.tr_headline{
vertical-align:top;
color:#FFFFFF;
font-family:"Trebuchet MS", "Century Gothic";
text-transform:uppercase;
background-color:#1e7ee5;
text-align:center;
}
