html
{
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
}

body
{
   margin: 0;
   padding: 0;
   height:auto;
   background-image:  url("../images/bg.gif");
   background-repeat: repeat-y;
   background-position: center;
   text-align:center;  /* This is needed for aligning of container to center
                          - some browsers do not center the containing blocks as 
						  they ignore the auto margins, IE 4,5,6  */
}


ul, li {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

#container {
margin: 0 auto;
width:780px;
min-height:650px;
height:650px;
background-image:url("../images/ucc08_masthead.gif");
background-position:top;
background-repeat:no-repeat;
position: relative;
text-align:left;
}


#container_sub {
margin: 0 auto;
width:780px;
min-height:650px;
height:650px;
background-image:url("../images/SMU-KAIST_sub.jpg");
background-position:top;
background-repeat:no-repeat;
position: relative;
text-align:left;
}

#container_sub1 {
margin: 0 auto;
width:780px;
min-height:650px;
height:650px;
background-image:url("../images/SMU-KAIST_main01aa.jpg");
background-position:top;
background-repeat:no-repeat;
position: relative;
text-align:left;
}

#container_sub2 {
margin: 0 auto;
width:780px;
min-height:650px;
height:650px;
background-image:url("../images/SMU-KAIST_main01bb.jpg");
background-position:top;
background-repeat:no-repeat;
position: relative;
text-align:left;
}

html> #container-sub{
height:auto;
}

#header{
width:100%; 
height:100px;
}

#sidemenu-main{
width:22%;
float:left;
position:relative;
margin-top:110px;
}

#sidemenu-main ul{
margin-top:0px;
margin-left:35px;
margin-right:0px;
list-style-type:none;
padding:0px;
}

#sidemenu-main li{
padding-top:5px;
padding-bottom: 12px;
list-style-image:url(../images/bullet.jpg);
}

#sidemenu-main a, #sidemenu-main a:link, #sidemenu-main a:visited {
font-size: 12px;
font-weight: bold;
color: #555555;
text-decoration: none;
vertical-align:top;
}

#sidemenu-main a:hover{
text-decoration: underline;
}

#sidemenu-main2{
width:24%;
float:left;
position:relative;
margin-top:20px;
}

#sidemenu-main2 ul{
margin-top:0px;
margin-left:35px;
margin-right:0px;
list-style-type:none;
padding:0px;
}

#sidemenu-main2 li{
padding-top:5px;
padding-bottom: 12px;
list-style-image:url(../images/bullet.jpg);
}

#sidemenu-main2 a, #sidemenu-main2 a:link, #sidemenu-main2 a:visited {
font-size: 12px;
font-weight: bold;
color: #555555;
text-decoration: none;
vertical-align:top;
}

#sidemenu-main2 a:hover{
text-decoration: underline;
}

#content-body{
padding:0px 80px 10px 0px;
float:right;
width:62%;
text-align:justify;
min-height:550px;
height:auto;
position: relative;
}

html> #content-body{
height:550px;
}

#content-body-main{
padding:0px 15px 0px 10px;
margin:110px 0px 0px 0px; 
width:70%;
float:right;
text-align:justify;
min-height:550px;
height:auto;
position: relative;
}

html> #content-body-main{
height:550px;
}

p a, p a:link, p a:visited {
font-size: 12px;
color: #125E8E;
text-decoration: none;
text-decoration: underline;
}

#content-body-main a:hover{
text-decoration: underline;
color:#00CCFF;
}

p {
font-size:12px;
color:#333333;
}

h2 {
font-weight: bold;
color: #125E8E;
}

h3 {
font-weight: bold;
color: #125E8E;
}

h4 {
font-weight: bold;
color: #0B0D58;
}

li a, li a:link, li a:visited {
font-size: 12px;
color: #125E8E;
text-decoration: none;
text-decoration: underline;
}

#event-title{
padding-top:160px;
color:#333;
font-size:100%;
font-weight:bold;
border-bottom:1px solid #ccc; 
width:280px;
}

#event-detail{
padding-top:20px;
color:#666;
font-size:90%;
font-weight:bold;
}

#footer{
float:left;
position:relative;
background-color:none;
font-size: 11px;
font-weight: normal;
color: #666666;
text-align:left;
width:780px;
}

#footer a{
color: #666666;
}

#footer p{
margin:10px 0 0 30px;
}

.clearall {
   margin:0px;
   padding:0px;
  clear:both;
}


table, tr, td{
padding:5px;
vertical-align:top;
font-size:100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

.tableHeader {
	background-color: #666699;
	font-size:80%;
	font-weight: bold;
	color: #fff;
	padding:5px;
	margin:5px;
	text-align:left;
}

.tableOddRow {
    font-size:75%;
	color: #000;
	text-decoration: none;
	background-color: #D8E9E9;
	padding:5px;
	margin:5px;
	text-align:left;
}
.tableEvenRow {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #000;
	text-decoration: none;
	background-color: #E9F2F2;
	padding:5px;
	margin:5px;
	text-align:left;
}

.tableTransparent {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #666666;
	text-decoration: none;
	padding:5px;
	margin:5px;
}

.imgleft {
float:left;
padding:0px 10px 10px 0px;
}

.imgright {
float:right;
padding:0px 0px 10px 10px;

}

.breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0;
	padding:10px 0px 0px 0px;
	color: #151C55;
	text-decoration: none;
}

.breadcrumbs a:link, 
.breadcrumbs a:hover,
.breadcrumbs a:visited  
{
	color: #125E8E;
}