/*
This is the CSS file for 
Petra Christian Universities Site 2004 for DwiPekan
http://www.petra.ac.id/dwipekan/
Copyright 2003 to PetraNet Web Development Team
http://www.petra.ac.id/devteam/
*/


/* normal styles */

body
{
margin: 0;
padding: 0;
font-size:90%;
font-family: verdana, arial, helvetica, sans-serif;
color: #039;
background-color:#3980F4
}

.body-container-1 
{
width: 770px; 
margin: 0px auto; 
padding: 0px; 
background: url(../images/background_1.gif) top left repeat-y; 
border: solid 1px rgb(100,100,100);
}

a
{color: #039;}

a:hover
{color: #069;}

.contributor
{
text-align: right;
font-style: italic;
font-family: 'times new roman', serif;
font-size: 1.2em;
}

/* menu home and search*/

#menu {
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
	display: block;
	float: right;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #fff;
	width: 118px;
	height: 2em;
	border-top: 1px solid #039;
	border-left: 1px solid #039;
	border-bottom: 1px solid #039;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #039;
	text-decoration: none;
	display: block;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;  
	letter-spacing: 1px;
	line-height: 2em;
	font-size: xx-small; 
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: x-small;   
	}

html>#menu ul li a  {
	font-size: x-small;   
	} 

#menu a:active	{
	background: #c60;
	color: #fff;
	}

#menu ul li#home a
{background: url(../images/home.gif) no-repeat 10% 55%;}

#menu ul li#search a
{background: url(../images/search.gif) no-repeat 10% 50%;}

#menu ul li#home a:hover
{background: #CDE1FF url(../images/home.gif) no-repeat 10% 55%;}

#menu ul li#search a:hover
{background: #CDE1FF url(../images/search.gif) no-repeat 10% 50%;}

/* end menu */

/* header and logo part */

#header
{
clear: both;
background: url(../images/backgroundheader.gif) repeat-x;
padding: 0;
width: 100%;
margin: -10px 0 0 0;
}

#header h1
{
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
color: #FFF;
padding: 10px 0 0 0;
margin: 0 0 0 20px;
font-weight: normal;
}

#header h2
{
margin: 0;
padding: 0 0 0 25px;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
color: #3366CC;
border-bottom: 2px solid #039;
}

#header blockquote
{
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 17px;
color: #0066CC;
margin: -5px 0 0 23px;
padding: 0;
}

#logo
{
background: url(../images/logo.gif) no-repeat 100% 0%;
padding: 0;
margin: 0;
border-top: 3px solid #039;
height: 100px;
border-bottom: 3px solid #039;
}

/* end header and logo*/

/* link part*/
#link
{
background: url(../images/bgmenu.gif) repeat-x;
height: 25px;
width: 96.5%;
padding: 3px 0 0 25px;
}

#link ul
{
padding: 0;
margin: 0;
}

#link li
{
display: inline;
list-style-type: none;
padding: 0;
margin: 0;
}

#link li a
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
text-decoration: none;
padding-right: 3%;
}
/* end link part*/

/* content part*/

#content
{
font-size: .7em;
width: 100%;
}

#content dt
{
font-weight: bold;
}

/* left part*/
#left
{
float: left;
width: 72%;
}

#left h2
{
font-weight: normal;
color: #cccccc;
margin: 0;
}

#mainnews
{
margin-bottom: 10px;
margin-left: 10px;
border-left: 1px solid #039;
width: 100%;
}

#mainnews h2
{
background: url(../images/mainnews.jpg) no-repeat 100% 100%;
padding: 5px 30px 0 0;
}

#mainnews h3, #mainnews h4, #mainnews h5
{
margin-left: 10px;
}

#mainnews h3
{
font-style: italic;
font-family: 'times new roman', serif;
font-size: 2em;
font-weight: normal;
margin-bottom: 0;
padding: 0;
}

#mainnews h4
{
/*font-weight: normal;*/
font-size: 1.2em;
margin-top: 0;
padding: 0;
}

#mainnews h5
{
font-size: 1em;
font-style: italic;
}

#mainnews p
{
margin-left: 10px;
margin-right: 10px;
}

#gambar
{
float: left;
display: inline;
border: 1px solid #c0c0c0;
padding: 5px;
margin: 3px 5px 0 10px;
text-align: center;
}

#gambarkanan
{
float: right;
display: inline;
border: 1px solid #c0c0c0;
padding: 5px;
margin: 0 10px 0 5px;
}

#gambar blockquote, #gambarkanan blockquote
{
font-size: .9em;
font-style: italic;
text-align: center;
margin: 0;
padding: 0;
}

#seputar
{
float: left;
width: 100%;
position: relative;
left: 10px;
border: 1px solid #036;
background: url(../images/bar.jpg) repeat-x;
}

#profil
{
float: left;
width: 100%;
position: relative;
left: 10px;
border: 1px solid #036;
background: url(../images/bar.jpg) repeat-x;
}

#agenda
{
float: right;
width: 48%;
border: 1px solid #036;
background: url(../images/bar.jpg) repeat-x;
}


#seputar h2, #agenda h2, #profil h2
{
padding: 5px 7px 0 0;
background: url(../images/agenda.gif) no-repeat 100% 100%;
}

#seputar h4, #agenda h4, #profil h4
{
margin-left: 10px;
margin-bottom: 2px;
font-size: 1.5em;
}

#seputar h5, #agenda h5, #profil h5
{
margin-left: 10px;
margin-top: 2px;
font-size: 1em;
}

#seputar p, #agenda p, #profil p
{
padding: 0 10px 10px 10px;
}

#left h2
{
text-align: right;
text-transform: uppercase;
font-size: 1.3em;
font-weight: bold;
color: #fff;
}

#mainnews
{
border-right: 1px solid #039;
border-bottom: 1px solid #039;
background: url(../images/bar.jpg) repeat-x;
}

/* end left part*/

/* right part */
#right
{
float: right;
width: 24%;
margin: 0 10px 0 0;
}

#right h2
{
font-size: 1em;
margin: 10px 0 0 0;
padding: 0;
}

#right p
{
margin: 0 0 10px 0;
padding: 0;
}

#pastnews
{
margin-right: 0;
}

#pastnews h2
{
padding: 3px;
}

#pastnews ol
{
margin-top: 0;
}

#editorial
{
border: 1px solid #039;
margin-right: 0;
}

#editorial h2
{
background: #6699FF;
padding: 3px;
margin: 0;
}

#editorial p
{
background: #EDEDED;
padding: 7px;
margin: 0;
padding: 5px;
}


#banner
{
text-align: center;
padding: 10px 0 0 0;
}

/* end right part*/


#spacer
{
clear: both;
}

/* footer */

#footer
{
font-size: 0.6em;
text-align: center;
padding: 10px;
}

#footer h2
{
font-size: 1.2em;
font-family: 'trebuchet ms', 'Georgia', 'times new roman', serif;
margin-bottom: -12px;
padding: 0;
color: #3B74B4;
}

#footer p
{
line-height: 1.2em;
}

#footer a
{
color: #356DB2;
}

#footer a:hover
{
color: #799ECB;
}

#content td, #content th
{
font-size: 12px;
}