@charset "utf-8";
/* CSS Document */

body {background:url(images/background.jpg) no-repeat center top #56bdfe;  font-family:Tahoma, Geneva, sans-serif;}
* {margin:0; padding:0;}
img {border:none;}
ul {list-style:none;}
h2 {font-size:18px;  margin-bottom:10px; font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; }
h3 {font-size:14px; margin-bottom:7px;}
.spesialheading {background:#eae1c1; color:#de564b; padding:5px; margin-bottom:0;}
.standardul {line-height:1.5em; padding-left:25px; margin-bottom:15px; }
.standardul li {list-style: disc;}
.numberul {line-height:1.5em; padding-left:25px; margin-bottom:15px;}
.numberul li {list-style:decimal;}
.numberul li ul li {list-style:disc;}
.whitewrap {background:url(images/bg.gif) top center repeat-y; width:100%;}
.naviwrap {width:100%; background:url(images/halftrans.png) repeat-x;}
.readmore {clear:both; display:block; width:65px; height:20px; background:url(images/readmore.gif) no-repeat; margin-top:5px;}

#submenu {position:absolute; right:10px; top:-3px; width:170px; color:#666; font-size:12px; overflow:hidden;}
#promotop {float:left;}
#contacttop {float:right;}


#wrap {width:900px; margin:0 auto;}

#header {position:relative; height:140px; width:900px; margin:0 auto;}
#logo {position:absolute; left:0; bottom:5px;}
#tagline {position:absolute; left:290px; bottom:0;}


#header2 {position:relative; height:130px; width:900px; margin:0 auto;}
#logo2 {position:absolute; left:0; bottom:5px;}
#logo2 img {width:200px;}
#tagline2 {position:absolute; left:240px; bottom:0;}
#tagline2 img {width:300px;}

#navi { margin:0 auto; margin-top:10px; margin-top:430px; overflow:hidden; width:900px; }
#navi li {float:left;}
#navi2 { margin:0 auto; margin-top:10px; overflow:hidden; width:900px; background:#fff; height:60px; }
#navi2 li {float:left;}

#contentwrap {overflow:hidden; padding-bottom:15px; margin:0 auto; width:890px; padding-left:10px; }
#contentwrap2 {overflow:hidden; padding-bottom:25px; padding-left:10px; width:890px; margin:0 auto; background:#fff;}
#contentbg {background:url(images/bg.gif) top center repeat-y; width:100%;}

.welcome {font-size:12px; color:#666; padding-bottom:10px; padding-right:10px;}
.welcome p {line-height:1.5em; margin-bottom:10px;}

#sidebar {float:right; width:230px; background:url(images/sidebarbg.jpg) no-repeat top left; font-size:11px; line-height:1.5em; padding-left:20px; padding-right:10px; color:#666;}
#sidebarlist li {margin-bottom:15px; }

#content-left {float:left; width:630px; font-size:11px; color:#666;  }
#content-left p {line-height:1.5em; margin-top:5px;}
#content-left a {color:#ad2a31; text-decoration:none;}
#content-left a:hover {text-decoration:underline;}
#content-left h3 {font-family:"Lucida Grande", sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold;}
#content-left h3 a {color:#333; text-decoration:none;}
#content-left h3 a:hover {text-decoration:underline;}
#news-home { width:615px; padding-right:15px; font-size:12px}
#news-home li { margin-bottom:10px; border-bottom:dashed 1px #ccc; padding-bottom:10px;}
#news-home h3 { margin-bottom:0; }

.alldetail { font-size:12px}

#promo-home {width:600px; padding-right:15px;font-size:12px; margin-bottom:10px; padding-bottom:10px;}
#promo-home h3 {margin-bottom:5px;}
#promo-home img {width:120px;}

.imgwrap {padding:5px; border:1px solid #aaa;  float:left;}
.imgwrap3 {padding:5px; border:1px solid #aaa; width:213px; float:left; overflow:hidden;}
.imgwrap3 img {width:213px;}

#subscribeform {margin-top:10px; padding-right:20px; width:216px; overflow:hidden;}
.input { width:220px; margin-bottom:5px; font-size:11px; color:#666; font-family:Tahoma, Geneva, sans-serif; padding:5px; border:1px solid #aaa;}
.button {float:right; background:url(images/submit.jpg) no-repeat; border:0; cursor:pointer; font-size:11px; width:63px; height:30px; text-indent:-9999px; margin:0; }

#college {width:880px; display:block; clear:both; background:url(images/collegetop.gif) top center no-repeat; margin:0 auto; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:20px; overflow:hidden;}
#college li {float:left; }
#college img {display:table-cell; vertical-align:middle;}

#ozone-friends {float:left; width:640px;}
#ozone-friends img {width:280px;}

#ozonesidebar {margin-top:3px; margin-bottom:10px;}
#ozonesidebar p {margin-top:5px;}

.standardcontent {float:left; width:625px; padding-right:15px;}
.standardcontent p {margin-bottom:15px;}

#footerwrap {background:url(images/footerbg.png) repeat-x; height:71px;}
#footer {width:900px; margin:0 auto; margin-top:-10px; font-size:11px; color:#fff; padding-top:17px;}
#footer p {margin-bottom:10px;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#bottomnavi li {float:left; margin-right:10px; padding-left:10px; border-left:1px solid #fff;}
#bottomnavi li.first {border-left:none; padding-left:0;}

/* update 22jan10 */
.costtable {color:#C00; line-height:1.5em; margin-left:5px;}
#news-list { width:615px; padding-right:15px;}
#news-list li { min-height:100px; clear:both; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #CCCCCC}
#news-list img { width:120px}
#news-list h3 {margin-bottom:0;}
#news-list h3 a { color:#333}
#news-list h3 a:hover { color:#FF9900}

#error { padding:10px; background:#FF99FF; color:#333333}
.costtable {color:#666699; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.costtable td {padding:5px;}
.odd {background:#dae2ff;}

.overlay { width:100%; height:100%; background:#000000; z-index:10;filter:alpha(opacity=70); opacity:0.7; position:fixed}
.ok { width:300px; height:80px; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:10px; margin-top:20%; margin-left:38%; position:fixed; z-index:15; background:#FFFFFF; border:3px solid #99CC00}

.ok h2 { font-family: Tahoma, Verdana, Arial; font-size:24px; color:#99CC00; padding-bottom:5px; border-bottom:1px dashed #99CC00; font-weight:lighter}
.err { width:300px; height:80px; font-family:Tahoma, Verdana, Arial; font-size:11px; padding:10px; margin-top:20%; margin-left:38%; position:fixed; z-index:15; background:#FFFFFF; border:3px solid  #FF6666}
.err h2 { font-family: Tahoma, Verdana, Arial; font-size:24px; color: #FF6666; padding-bottom:5px; border-bottom:1px dashed  #FF6666; font-weight:lighter}


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

/*--- update 25 jan 10 */
label{
float: left;
width: 130px;
font-weight: bold;
}

input, textarea{
width: 260px;
margin-bottom: 5px; margin-right:10px;
font-family:Tahoma, Verdana, Arial; font-size:11px;
padding:5px; border:1px solid #CCCCCC;
}

textarea{
width: 300px;
height: 120px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 130px;
margin-top: 5px;
width: 90px;
}


.errorlabel { clear:both;color:#CC6600; font-size:10px}

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

/* ----- tool tip specific styles ----- */
				#theToolTip{
				position: absolute;
				left: -300px;
				min-width: 100px;
				max-width:160px;
				padding: 6px 0px 6px 10px;
				border:1px solid:#787878; 
				background-color: #787878;
				visibility: hidden;
				z-index: 10000;
				/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
				filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
				}
				
				#ToolTipPointer{
				position:absolute;
				left: -300px;
				z-index: 10001;
				visibility: hidden;
				}
				
				#theToolTip p{
				font-size: 11px;
				color: #fff;
				line-height:14px;
				margin-right:10px;
				margin-top:0;
				margin-bottom:0;
				}
				
				#theToolTip span { color:#FFFFFF; font-size:10px}
				#ToolTipTextWrap {
				font-weight:bold;
				font-size: 11px;
				color: #fff;
				text-transform:capitalize;
				margin-right:10px;
				margin-bottom:5px;
				}

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

#slideshow {
    position:relative;
	width:880px;
    height:150px;
	margin-bottom:10px;
}

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

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

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