/*
Design by NodeThirtyThree <http://www.nodethirtythree.com>
Published by Free CSS Templates <http://www.freecsstemplates.org/>
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff url(/images/stylized/back.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4A5157;
}

h1, h2, h3 {
	text-transform: lowercase;
	color: #292929;
}

h1 {
	letter-spacing: -1px;
	font-size: 30px;
}

h2 {
	font-size: 24px;
	color: #292929;
	
}

h3 {
	font-size: 13px;
	color: #292929;
}

p, ul, ol {
	margin-bottom: 2em;
	text-align: justify;
	line-height: 200%;
}

p {
}

ul {
}

ol {
}

a {
	color: #FF0000;
}

a:hover {
	text-decoration: none;
}
strong
{
    font-weight:bold;
}
img {
	border: none;
}

img.left {
float:left;
}

img.right {
}

.tn img {
	border: 8px solid #F5F5F5;
}

hr {
	display: none;
}

/* Logo */

#header {
	width: 874px;
	height:60px;
	margin: 0 auto;
}

#header .kontrol
{
    width:500px;
    height:40px;
    float:left;
    margin-top:17px;
    margin-left:-15px;
}

#header .kontrol p
{
    width:170px;
    height:100%;
    float:left;
}

#header .kontrol .control
{
    width:300px;
    height:100%;
    float:left;
}

#header .container
{
    width: 874px;
    text-align:center;
}
#header .container .right
{
float:right;
}
#header h1 {
	float: left;
	padding: 70px 37px 0 0;
	height: 54px;
	background: url(/images/stylized/img02.gif) no-repeat 100% 63px;
	font-size: 38px;
	font-weight: normal;
	letter-spacing: -2px;
}

#header h2 {
	float: right;
	padding: 98px 0 0 0;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 16px;
	color: #FFFFFF;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}
.headerLinks 
{
    margin:5px 0px 0px 0px;
}
.headerLinks .rightArrow
{
    padding:3px 20px 0px 0px;
    font-size:11px;
    display:inline-block;
}

/* Menu */

#menu {
	width: 919px;
	height: 50px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 25px;
	margin: 0 10px;
	padding: 5px 20px 0 20px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .selected a {
	background:#ff0000;
}

/* Page */

#bg {
	
	background:#ffffff url(/images/stylized/belakang.jpg) repeat-x;
}

#logoMIC
{
    width:1000px;
    height:120px;
    margin:auto;
    background-color:Transparent;
}
#logoMIC .MIC
{
    width:400px;
    height:100px;
    margin:auto;
    background:url('/images/stylized/mic.png') no-repeat;
}
#page {
	width: 1000px;
	margin:auto;
}

/* Content with SL */



/* Content */

#content {
	float: left;
	width: 659px;
	padding: 0 0 0 8px;
}

#silverlight
{
    width:659px;
    height:300px;
}

#content img
{
    padding:0px 20px 20px 0px;
    
}
#content h2 {
	margin: 45px 0 20px 0;
	padding: 0px 0px 0px 33px;
	background: url(/images/stylized/img07.gif) no-repeat left center;
	letter-spacing: -1px;
	font-size: 30px;
	
}

#content .content {
	padding-left: 22px;
}
#content .headerText
{
    font-weight:bold;
    
    margin:0px 0px 20px 0px;
}

#content .roster
{
    width:600px;
    overflow:auto;
    border-bottom-color:Black;
    border-bottom-style:dotted;
    border-bottom-width:thin;
}

#content .roster .imgroster
{
    width:150px;
    margin-top:5px;
    float:left;
}
#content .roster .imgroster img
{
    margin-top:10px;
}

#content .roster .txtroster
{
    width:430px;
    float:left;
    padding:5px 4px 5px 4px;
    font-family:Verdana;
    font-size:11px;
}

#content .roster .txtroster h1
{
    font-weight:bold;
    font-size:13px;
}
.nestedTwoCol .col_1, 
.nestedTwoCol .col_2
{
    float:left;
    width:265px;
    padding:0px 30px 0px 0px;
}

.galleryGrid .item
{
    display:block;
    clear:both;
}
.galleryGrid .item img
{
    padding:0px 0px 10px 0px;
    float:left;
}
.galleryGrid .item a
{
    padding:0px 5px 0px 0px;
}
/* Photos */

.photoGrid
{
    margin:25px 0 0 0;
}
.photoGrid .item
{
    width: 151px;
    margin: 0 0 15px 20px;
    float:left;
}                
.photoGrid .item.first
{
    margin-left:0;
}
.photoGrid .item img
{
    display:block;
}
.photoGrid .item span
{
    display:block;
}
/* Photo */

.photo
{
    margin:25px 0 0 0;
}
    
    .photo .pager
    {
        display:block;
        margin:0 0 10px 0;
    }

.photo a.prev
{
    padding:0px 10px 0px 0px;
}
.photo a.next
{
    padding:0px 0px 0px 0px;
}
.photo .item
{
    position:relative;
	overflow:hidden;
	/*width:550px;*/
}
#content .photo .item img
{
padding:0px;
}
.photo .item span
{
    display: none; /*hide it if JS disabled and when page initially loads */
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../media/Assets/white_60_bg.png) repeat top left;
    color: #000; /*width:540px;*/ /*550 - 5 - = 540px */
    width: 100%;
    padding: 10px 5px 10px 5px;
}


/* Form */
.form .text
{
    width:625px;
    margin:0 10px 0 0;
}

.form .fields
{
    width: 625px;
}

fieldset legend
{
    display:none;
}

fieldset label
{
    display:block;
    margin:10px 0 0 0;
}

fieldset label.first
{
    margin:0;
}

fieldset input
{
    
    border:1px solid #515151;
    width:265px;
    height:17px;
    padding:2px;
    margin:0 0 3px 0;    
    font-size:14px;
    color:#4A5157;
}
  
fieldset textarea
{    
    border:1px solid #515151;
    width:625px;
    height:130px;
    padding:2px 2px 1px 2px;
    margin:0 0 3px 0;    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#4A5157;
}
fieldset input:focus, fieldset textarea:focus
{
     border:1px solid #619ca7;
}

fieldset input.error, fieldset textarea.error
{
    border:1px solid #FF0000;
}
fieldset input.error:focus
{
    border:1px solid #FF0000;
}
fieldset button
{
    height:30px;
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    background:#EC0000 url(/images/stylized/img03.gif) repeat-x scroll left bottom;
    padding:5px 10px 5px 10px;
    margin:10px 0;
    border:none;
    
}

/* Search */

#content .xsltsearch_description strong 
{
    background:#C0C5C9 none repeat scroll 0 0;
    padding:0px 3px;
    color:#4A5157;
}


/* Sidebar */

#sidebar {
	float: left;
	margin-left:20px;
	width: 280px;
	
	padding: 0 1px 0 0;
}

#sidebar a {
	color: #000000;
}

.box 
{
    float:left;
}

.box h3 {
	height: 50px;
	width:250px;
	padding: 6px 0 0 34px;
	background:transparent url(/images/stylized/headbar.png) no-repeat;
	text-transform: lowercase;
	font-size: 17px;
	color: #000000;
}


.box .content,.box .secondaryNav ul {
	padding: 15px;
	/*background: url(/images/stylized/img06.gif) repeat-x;*/
	background:#f2c301;
    width:250px;
}

.box ul {
	list-style: none;
	line-height: normal;
	
}

.box ul li {
	margin-bottom: 13px;
	font-size: 12px;
}
.box ul li.selected a {
    font-weight:bold;
}
.box em{
	font-size: 10px;
	color: #000000;
	font-weight:bold;
	display:inline-block;
	padding:0px 5px 0px 0px;
}


/* Footer */

#footer {
	padding: 35px 0;
	background: url(/images/stylized/img08.gif) no-repeat center top;
	font-size: 12px;
	clear:both;
}
#footer ul {
	margin: 0px auto 0px auto;
	width:874px;
	padding: 10px 0 0 0;
	list-style: none;
	line-height: normal;
	text-align:center;
}

#footer li {
	display: inline;
	
	text-align:center;
}

#footer p {
	text-align: center;
}
#footer ul.misc li.rss
{
    margin: 0 10px 0 0;
}


/* Do you want to be */
#Program
{
    margin-top:10px;
    width:1000px;
    min-height:300px;
    overflow:auto;
}

#Program .Items
{
    width:250px;
    margin-right:5px;
    float:left;
    overflow:auto;    
    min-height:250px;
    background:#f0f0f0;
}

#Program .Items h1
{
    text-align:center;
    font-size:13px;
    color:#002952;
    font-weight:bold;
    font-family:"Segoe IU", Arial, Verdana;
    text-transform:uppercase;
    width:250px;
    background:#ffffff url(/images/stylized/h1.png) no-repeat;
    float:left;
    overflow:auto;   
    vertical-align:middle;
    height:35px;
    padding-top:14px;
}

#Program .Items img
{
    text-align:center;
    margin:auto;
    margin-top:5px;
    margin-left:30px;
}

#Program .Items  p 
{
    color:#000000;
    font-size:11px;
    padding:5px 7px 2px 7px;
}

#visitalso
{
    width:1000px;
    height:50px;
}

#visitalso a
{
    text-decoration:none;
    margin-left:10px;
    margin-right:20px;
    font-weight:bold;
    font-size:12px;
    font-family:Arial;
    color:#393939;
    display:inline;
    float:left;
    margin-bottom:5px;
}
#visitalso a:hover
{
color:#003868;
}

/* rosters*/
#roster
{
    width:100%;
    background:#ff0000;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */