body

{

	background-position: center top;

	font-family: Arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;

	margin: 0px; /*background: white; */

	background: white ; /*url(images/background/bg_page.gif) repeat-y  top center; */

	font-size: 11px;

	color: black;

}

#palingatas

{

    /*background: url(images/header_main.jpg) no-repeat;*/

    margin-right: auto;

    margin-left: auto;

    width: 800px;

    height: 20px;

    margin-top: 0px;

}

/* Picture at the top of the site */

#poster

{

    background: #eff7ff url(images/background/synaxis.jpg) no-repeat left top; /*position: relative;*/

    margin-right: auto;

    margin-left: auto;

    width: 800px;

    height: 148px;

}



/* 155+643+2=800*/

/*

#posterleft

{

    float:left;

    width: 154px;

    height: 91px;

    BACKGROUND: #eff7ff; 

}

*/

/*

#posterright

{

    width: 643px; 

    height: 91px;   

    margin-left: 157px; 

    background: #eff7ff url(images/background/synaxis3.jpg) no-repeat left top; 

}*/





/************************************************************************

* 

* Formatting common to most pages

*

************************************************************************/



/* Main part of the page that holds contents */

#body

{

    width: 800px;

    margin-top: 1px;

    margin-right: auto;

    margin-left: auto;

    position: relative;

    BACKGROUND: white; 

}



/* 2 column layout */

/* 155+643+2=800*/

#columnleft

{

    float:left;

    width: 155px;

    BACKGROUND: white; 

    margin-top:0px;

    margin-bottom:0px;

}

#columnright

{

	float:right;

    BACKGROUND: white;

    width: 643px;

    

    margin-top: 0px;

    /*margin-left: 160px; */

}



.columnMenologion

{

    float:right;

    width: 240px;

    BACKGROUND: white; 

    margin-top:0px;

    margin-bottom:0px;

}

.columnWelcome

{

    float:left;

    width: 370px;

    BACKGROUND: white; 

    margin-top:0px;

    margin-bottom:0px;

}



.columnContentHome

{

    float:left;

    width: 623px;

    BACKGROUND: white; 

    margin-top:0px;

    margin-bottom:0px;

}



.fullwidth

{

    border: 1px solid gray;

    width: 785px;

    margin-right: auto;

    margin-left: auto;

    /*background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;*/

    BACKGROUND: #ffffff top; 

    margin-bottom: 5px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: left;

}



.fullwidthArticle

{

    width: 785px;/*643px;*/

    margin-right: auto;

    margin-left: auto;

    background: #ffffff; /*BACKGROUND: #FEFAAB top; */

    margin-bottom: 5px; /*3 column format*/

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: left;

}



/* for the login block

    picks up most of its properties from .fullwidth */





#loginbanner

{

    border: 0px solid #DBDB79;

    width: 780px;

    margin-right: auto;

    margin-left: auto;

    /*background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;*/

    /*BACKGROUND: #FEFAAB top; */

    margin-bottom: 5px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 10px;

    

    text-align: left;

  padding-bottom: 0px;

}

/*end of 2 column layout*/



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

/*BLOCK untuk mengisi div columnleft*/

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



.wiseWords

{

	background: #99CCFF; /*url(images/kolom_kecil3.jpg) #ffffff no-repeat left top; */

	border: 1px dotted #336699;

}

.leftblock_menu_kotak_pemisah

{

    BORDER: 0px solid #336699;

    PADDING: 0px 0px 0px 0px;

    MARGIN: 0px 0px 1px 0px;

    background: white;/* url(images/background/group_menu_aktif.gif) no-repeat left top; position: relative;*/

    vertical-align: top; /*width:580px;*/

    height:20px;

    width:154px;

}



.leftblock_menu_kotak_atas

{

    BORDER: 0px solid #336699;

    PADDING: 0px 0px 0px 0px;

    MARGIN: 0px 0px 1px 0px;

    background: #a5782a;/*#1f8fff; url(images/background/group_menu_aktif.gif) no-repeat left top; position: relative;*/

    vertical-align: top; /*width:580px;*/

    height:30px;

    width:154px;

}

.leftblock_menu_gambar

{

    BORDER: 0px solid #336699;

    PADDING: 0px 0px 0px 0px;

    MARGIN: 0px 0px 0px 0px;

    background: gray;

    vertical-align: top; 

    width:154px;

    height:20px;

}



.leftblock  

{	

	PADDING: 0px 0px 0px 0px; 

	BACKGROUND: green;/*url(images/kolom_kecil3.jpg) #ffffff no-repeat left top; */

	MARGIN: 0px 0px 0px 0px; 	

	/*VERTICAL-ALIGN: top; */

	BORDER: 0px solid #336699;	

}

/*untuk group menu navigasi di default.master sebelah kiri*/

.leftblock_group_menu_donasi

{

    BORDER: 0px solid #336699;

    PADDING: 0px 0px 0px 0px;

    MARGIN: 0px 0px 0px 0px;

    background: #ffffff url(images/background/group_menu_aktif.gif) no-repeat left top; /*position: relative;*/

    vertical-align: top; /*width:580px;*/

    height:21px;

    width:154px;

}



.leftblock_group_menu_aktif

{

    BORDER: 0px solid #336699;

    PADDING: 0px 0px 0px 0px;

    MARGIN: 0px 0px 0px 0px;

    background: #ffffff url(images/background/group_menu_aktif.gif) no-repeat left top; /*position: relative;*/

    vertical-align: top; /*width:580px;*/

    height:21px;

    width:154px;

}

.leftblock_group_menu_aktif_down

{

    BORDER: 0px solid #336699;

    PADDING: 0px 0px 0px 0px;

    MARGIN: 0px 0px 0px 0px;

    background: #ffffff url(images/background/group_menu_aktif_down.gif) no-repeat left top; /*position: relative;*/

    vertical-align: top; /*width:580px;*/

    height:21px;

    width:154px;

}

/*untuk group menu navigasi di default.master sebelah kiri yang tidak aktif*/

.leftblock_group_menu_nonaktif

{

    background: #ffffff url(images/background/group_menu_nonaktif.gif) no-repeat left top; /*position: relative;*/

    vertical-align: top; /*width:580px;*/

    height:21px;

    width:154px;

}



.leftblock_group_menu_nonaktif_down

{

    background: #ffffff url(images/background/group_menu_nonaktif_down.gif) no-repeat left top; /*position: relative;*/

    vertical-align: top; /*width:580px;*/

    height:21px;

    width:154px;

}

/*untuk event hover di menu*/

.leftblock_group_menu_aktif:hover , .leftblock_group_menu_nonaktif:hover, .leftblock_group_menu_aktif_down:hover, .leftblock_group_menu_nonaktif_down:hover

{background: red;

 color:White;

}





/*untuk font group menu aktif dan inaktif navigasi di default.master sebelah kiri*/

/*sama untuk yang aktif dan non aktif*/

.leftblock_group_menu_font

{

    color: white;/*#D9E8FF; */

    font-family: Arial, Sans-Serif; 

    font-size:11px; 

    font-weight:bold; 

    padding-top: 4px;

    padding-left: 15px;

} 



.leftblock_bahasa

{

    font-family: Arial, Sans-Serif; 

    font-size:12px; 

    font-weight:bold; 

    padding-top: 5px;

    padding-left: 15px;

} 

/*untuk SUBMENU navigasi di default.master sebelah kiri*/

.leftblock_submenu_aktif

{

    BORDER: 0px solid #336699;

    PADDING: 0px 0px 0px 0px;

    MARGIN: 0px 0px 0px 0px;

    background: url(images/background/submenu_aktif.gif) #ffffff no-repeat left top; /*position: relative;*/

    vertical-align: top; /*width:580px;*/

    height:21px;

    width:154px;

}

.leftblock_submenu_nonaktif

{

    BORDER: 0px solid #336699;

    PADDING: 0px 0px 0px 0px;

    MARGIN: 0px 0px 0px 0px;

    background: url(images/background/submenu_nonaktif.gif) #ffffff no-repeat left top; /*position: relative;*/

    vertical-align: top; /*width:580px;*/

    height:21px;

    width:154px;

}

/*untuk SUBMENU navigasi di default.master sebelah kiri*/

/*sama untuk sub menu aktif dan non aktif*/

.leftblock_submenu_font

{

    color: #336699;/*#D9E8FF; */

    font-family: Tahoma, Sans-Serif; 

    font-size:11px; 

    font-weight:normal; 

    padding-top: 4px;

    padding-left: 15px;

} 



/*hyperlink di group menu master sebelah kiri*/

.leftblock_group_menu_font a:link, .leftblock_group_menu_font a:visited

{

    color: white;

    text-decoration: none;

}

.leftblock_group_menu_font a:hover

{

	color: white;

    text-decoration: underline;

}

.leftblock_group_menu_font a:active

{

    color: white;

    text-decoration: none;

}



/*hyperlink di sub menu master sebelah kiri*/

/*beda dengan grup menu, karena fontnya juga beda, grup putih, sub menu bori*/



.leftblock_submenu_font a:link, .leftblock_submenu_font a:visited, .leftblock_submenu_font a:active

{

    color: #336699;

    text-decoration: none;

}

.leftblock_submenu_font a:hover

{

	color: red;

	text-decoration: underline;

	background-color: #C0C0C0;

}



.leftblock_menu_kotak_atas a:link, .leftblock_menu_kotak_atas a:visited, .leftblock_menu_kotak_atas a:active

{

    color: white;

    text-decoration: none;

}

.leftblock_menu_kotak_atas a:hover

{

	color: white;

    text-decoration: underline;

}



/*hyperlink untuk gambar di master menu sebelah kiri*/



#columnright a:hover img

{

    border: 1px solid #883D08;

    background:#fa9b0a;

}



#columnleft a:active img, #columnleft a:link img, #columnleft a:visited img

{

    border: 0px solid #883D08;

}

#columnleft a:hover img

{

    border: 1px solid #883D08;

    background:#fa9b0a;

}





.leftblock_menu_kotak_bawah

{

    PADDING: 0px 0px 0px 0px;

    MARGIN: 0px 0px 0px 0px;

    background: #eff7ff;/* url(images/background/group_menu_aktif.gif) no-repeat left top; position: relative;*/

    vertical-align: top; /*width:580px;*/

    width:154px;

}

/*belum dipakai*/

.leftblock_menu_kotak_bawah_font

{

    color: gray;/*#336699;*/

    font-family: Tahoma, Sans-Serif; 

    font-size:11px; 

    font-weight:normal; 

    padding-top: 4px;

    padding-left: 15px;

} 





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

/*columnright       */

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

/*yayasan*/

.rightblock_menu_kotak_atas

	{vertical-align: top;MARGIN-bottom: 1px;height:30px;width:643px;

    background: #fa9b0a;}

.rightblock_menu_kotak_atas_akademik

	{vertical-align: top;MARGIN-bottom: 1px;height:30px;width:643px;

    background: #972e80;}

.rightblock_menu_kotak_atas_fasilitas

	{vertical-align: top;MARGIN-bottom: 1px;height:30px;width:643px;

    background: #ff640a;}

.rightblock_menu_kotak_atas_layanan

	{vertical-align: top;MARGIN-bottom: 1px;height:30px;width:643px;

    background: #fa9b0a;}

    

.rightblock_menu_kotak_atas_font

	{color: white;font-family: Arial, Sans-Serif;font-size:16px;font-weight:bold; 

    padding-top: 7px;padding-left: 15px;} 

    

.rightblock_submenu{background: #fffaf3;vertical-align: top;width:643px;height:20px;}

.rightblock_submenu_font

	{color: #336699;font-family: Arial, Sans-Serif;font-size:11px;font-weight:normal;padding-top: 3px;padding-left: 15px;

    border-top:solid 2px #fa9b0a;}/*berbeda untuk setiap group menu*/

.rightblock_submenu_font_akademik

	{color: #336699;font-family: Arial, Sans-Serif;font-size:11px;font-weight:normal;padding-top: 3px;padding-left: 15px;

    border-top:solid 2px #972e80;}/*berbeda untuk setiap group menu*/

.rightblock_submenu_font_fasilitas

	{color: #336699;font-family: Arial, Sans-Serif;font-size:11px;font-weight:normal;padding-top: 3px;padding-left: 15px;

    border-top:solid 2px #ff640a;}/*berbeda untuk setiap group menu*/

.rightblock_submenu_font_layanan

	{color: #336699;font-family: Arial, Sans-Serif;font-size:11px;font-weight:normal;padding-top: 3px;padding-left: 15px;

    border-top:solid 2px #fa9b0a;}/*berbeda untuk setiap group menu AA0000*/ 



/*hyperlink di sub menu master kanan*/

.rightblock_submenu a:link, .rightblock_submenu a:visited, .rightblock_submenu a:active

	{color: #336699;text-decoration: none;}

.rightblock_submenu a:hover

	{color: red;text-decoration: underline;background-color: #C0C0C0;}

/*end if hyperlink*/



/*format untuk content di sebelah kanan untuk semua halaman*/

.rightblock_content

{

	color:black;background-color: white;font-family:Arial,Verdana,Calibri,Tahoma;font-size:12px;

	padding:15px 5px 0px 15px;vertical-align: top;

}

.rightblock_judul{color: #fa9b0a;font-family: Arial, Sans-Serif;font-size:14px;font-weight:bold;padding:0px 0px 15px 0px;} 

.rightblock_judul_akademik{color: #972e80;font-family: Arial, Sans-Serif;font-size:14px;font-weight:bold;padding:0px 0px 15px 0px;} 

.rightblock_judul_fasilitas{color: #ff640a;font-family: Arial, Sans-Serif;font-size:14px;font-weight:bold;padding:0px 0px 15px 0px;} 

.rightblock_judul_layanan{color: #fa9b0a;font-family: Arial, Sans-Serif;font-size:14px;font-weight:bold;padding:0px 0px 15px 0px;} 



.content_garis{background: #fa9b0a;height:1px;}



/*END OF NEW COLUMNRIGHT*/



/*AKADEMIK*/

/*warna menu atas: ff640a*/





.leftblockheaderkolomatas  

{	

	PADDING-RIGHT: 0px; 	

	PADDING-LEFT: 0px; 

	PADDING-TOP: 0px; 

	PADDING-BOTTOM: 0px; 

	BACKGROUND: url(images/header_kolom_atas3.jpg) #ffffff no-repeat  left top; 

	MARGIN-BOTTOM: 0px; 	

	VERTICAL-ALIGN: top; 

	BORDER: 0px solid #336699;	

    height:31px;

}



.leftblockheaderkolomatas  

{	

	PADDING-RIGHT: 0px; 	

	PADDING-LEFT: 0px; 

	PADDING-TOP: 0px; 

	PADDING-BOTTOM: 0px; 

	BACKGROUND: url(images/header_kolom_atas3.jpg) #ffffff no-repeat  left top; 

	MARGIN-BOTTOM: 0px; 	

	VERTICAL-ALIGN: top; 

	BORDER: 0px solid #336699;	

    height:31px;

}

.leftblockheaderkolombawah  

{	

	PADDING-RIGHT: 0px; 	

	PADDING-LEFT: 0px; 

	PADDING-TOP: 0px; 

	PADDING-BOTTOM: 0px; 

	BACKGROUND: url(images/header_kolom_bawah3.jpg) #ffffff no-repeat  left top; 

	MARGIN-BOTTOM: 5px; 	

	VERTICAL-ALIGN: top; 

	BORDER: 0px solid #336699;	

    height:16px;

}



/*END OF BLOCK columnleft*/







/*START OF BLOCK KANAN*/

.rightblock

{

    border: 1px solid #336699;

    padding-right: 5px;

    padding-left: 5px;

    padding-top: 0px;

    padding-bottom: 5px;

    margin-bottom: 5px;

    background: url(images/kolom_besar3.jpg) #ffffff no-repeat left top; /*position: relative;*/

    vertical-align: top; /*width:580px;*/

}



.rightblockuploadfile

{

    padding-right: 5px;

    padding-left: 5px;

    padding-top: 5px;

    padding-bottom: 5px;

    margin-bottom: 5px;

    background: #ffffff;

    vertical-align: top; 

    BORDER-bottom: 1px solid gray;	

	BORDER-left: 1px solid gray;	

	BORDER-top: 1px solid gray;	

	BORDER-right: 1px solid gray;	

}



.clear2column

{

    margin:0;

    padding:0;

    line-height:0;

    font-size:0px;

    height:0px;

    clear:both;

}

.clearright

{

    margin:0;

    padding:0;

    line-height:0;

    font-size:0px;

    height:0px;

    clear:right;

}



.clearleft

{

    margin:0;

    padding:0;

    line-height:0;

    font-size:0px;

    height:0px;

    clear:left;

}



.captionBaris

{

    color: white; 

    font-family: Arial, Sans-Serif; 

    font-size:12px; 

    font-weight:bold; 

    margin-top: 4px;

    margin-left: 22px;

} 



.captionBarisTeal

{

    color: teal; 

    font-family: Arial, Sans-Serif; 

    font-size:12px; 

    font-weight:bold; 

    margin-top: 4px;

    margin-left: 22px;

}     



.artikelView

{

    font-weight: bold; 

    font-size: 18pt; 

    font-family: 'Goudy Old Style', Arial, Cambria, Tahoma; 

    color: blue;

}  



/* A full width block on the page */







/* Goes around controls that need to be presented as a block of functionality  */

.controlblock

{

    border: 1px solid #DBDB79;

    padding: 3px;

    margin: 2px 0 5px 0;

    vertical-align: top;

}



/* shows a visual seperation */

.dashedline

{

    border-bottom: 1px dashed #0099cc;

    padding-top: 10px;

    margin-bottom: 10px;

    clear:right;

}



/* Command buttons on pages */

.actionbuttons

{

  text-align:right;

  position: relative; 

  padding: 1px 1px 1px 1px;

}



/************************************************************************

* 

* Calendar specific formatting 

*

************************************************************************/



/* Surrounds the calendar */

.eventmonth

{

    border: 1px solid #336699;

    width: 785px;

    margin-right: auto;

    margin-left: auto;

    background: #EAEAEA ;

    /*background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;*/

    margin-bottom: 10px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 10px;

    text-align: center;

}



/* used as the cssclass of the actual calendar */

.eventmonthtable

{

    width: 785px;

    margin-right: auto;

    margin-left: auto;

    position: relative;

    margin-bottom: 15px;

    border: 1px solid #DBDB79;

    border-collapse:collapse;

}





.dayNumber

{

    float: right;

    border-bottom: 1px solid #ECE9D8;

    border-left: 1px solid #ECE9D8;

    clear: none;

    padding: 2px;

    color:maroon;

}





.calcurrentmonth

{

    /* no styles needed at this time */

}

.calothermonth

{

    background-color: #CFCAB4;

}

.calcurrentday

{

    background-color: #EAEA8E;

}

.calweekend

{

    background-color: #B0C4DE;

  /*  width: 15%; */

}



.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend

{

    text-align: left;

    border: 2px solid white;

    height: 60px;

    vertical-align: top;

    /* needed for positioning the dayNumber part */

    position:relative;

     border-collapse:separate;

     border-spacing: 5px;

     

}



/************************************************************************

* 

* Next / previous specific formatting 

*

************************************************************************/



.nextlink

{

    position:absolute;

    right:0;

    padding-right:15px;    

}

.tengah

{

    position:absolute;

    right:0;

    padding-right:347px;    

}







/************************************************************************

* 

* Global formatting

*

************************************************************************/



/* all the legend tags use this same style */



legend

{

    font-weight: bold;

    color: #666666;

    font-size: 1em;

    padding-left: 4px;

    padding-right: 4px;

    margin-bottom: 7px;

}



/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */



form

{

    margin: 0px;

}



fieldset

{

    margin: 0px;

    padding: 0px;

    border: none;

}



/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */



.hidden

{

    visibility: hidden;

}

.none

{

    display: none;

}





/************************************************************************

* 

* Image functionality

*

************************************************************************/



.photo

{

    background: white;

    border: solid 1px #E8DCA3;

    padding: 3px;

}



.picture

{

    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;

    border: solid 1px #E8DCA3;

    padding: 5px;

    margin: 5px;  

}



/* add hover border to href thumbnail images */

/*todo: rectify whether these should be .photo instead 



.thumbnail a:link img, #thumbnail a:visited img

{

    border: 2px solid #883D08;

}

.thumbnail a:hover img

{

    border: 2px solid #FFFFFF;

}

.thumbnail a:active img

{

    border: 2px solid #000000;

}

*/



/************************************************************************

* 

* List type pages

*

************************************************************************/



/* represents each item in a vertical list */

.listitem

{

    margin:0px 0px 0px 0px;

    /*width:440px;*/

}

.listitemLeft

{

    margin:0px 0px 0px 0px;

    width:200px;

}



/* surrounds the buttons for list items */

.editbuttons

{

    padding-top: 6px;

}



/* floats the thumbnail off to the right */

.thumbnail

{

    float: right;

    margin: 0 0 0 5px;

}



.thumbnailArticle

{

    float: right;

    margin: 0 0 5px 15px;

    

    /*background: url(images/legend_bg.jpg) repeat-y center top;*/

}



.thumbnail_left

{

    float: left;

    margin: 0 5px 0px 0px;

}

.labeltext

{ text-align:justify;

}

/*used to clear the float for the thumbnail */

.clearlist

{

    clear:right;

    margin:0;

    padding:0;

    height: 0px;

    font-size:0px;

    line-height:0px;

}

.clearlistleft

{

    clear:left;

    margin:0;

    padding:0;

    height: 0px;

    font-size:0px;

    line-height:0px;

}



/* Used by the page number control */

.PageNumbers

{

    display:inline;

}



.PageNumbers span

{

    padding-left: 3px;

}



.newscrumbs a

{

    font-weight: bold;

    padding-right: 2px;

}



/* Used in the two column lists */



.membercard

{

    background-color: #dddddd;

    border: 1px solid #336699;

    padding: 10px;

    margin-bottom: 10px;

    width: 265px;

}



.clearcard

{

    clear:left;

    height:0;

    margin:0;

    padding:0;

}



#membercardcolumnleft

{

    float: left;

    position: relative;

}

#membercardcolumnright

{

    margin-left: 243px;

}

.membercard p

{

    margin: 5px;

}



/************************************************************************

* 

* Compact Event list

*

************************************************************************/





/* define event grid view columns */

/* todo: use or remove */



.eventlistdate

{

    padding-right: 4px;

}

.eventlisticon

{

    text-align: center;

}

.eventlisttime

{

    text-align: center;

    width: 95px;

}

.eventlistevent

{

    font-weight: bold;

}

.eventlistlocation

{

    /* no styles needed at this time */

}

.eventlist td

{

    padding-bottom: 4px;

}



/*

.eventlist, .eventlist td, .eventlist tr

{

    border-style:none;

}

*/



/************************************************************************

* 

* Rollover buttons

*

************************************************************************/



.buttonsmall, .buttonsmall-ovr

{

    background: url(images/background_button_small.gif) repeat-x;

    border: none;

    color: #FFFFFF;

    height: 22px;

    font-weight: normal;

    font-size: 9px;

    padding-bottom: 9px;

    padding-left: 3px;

    padding-right: 3px;

    cursor: pointer;

    font-family: Verdana, Arial, Helvetica, sans-serif;

}

.buttonsmall-ovr

{

    text-decoration: underline;

}



/************************************************************************

* 

* Page specific 

*

************************************************************************/



/* even dowload button */

.downloadevent img

{

    margin-right: 5px;

    vertical-align: middle;

    border: none;

}



/* Header on view details type pages */

.itemdetails

{

    font-size: 1em;

}







/************************************************************************

* 

* Photo selection controls

*

************************************************************************/



#popupbody

{

    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;

    margin: 0px;

    background: #FED36B;

    font-size: 0.7em;

}



#popupinner

{

    border: 1px solid #DBDB79;

    margin: 5px;

    background: #FEFFAB;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 10px;

    padding-bottom: 10px;

}



#popupbody h2

{

    font-weight: bold;

    margin: 0px;

    padding: 1px 0px 5px 5px;

    display: block;

}



.selected, .unselected

{

    width: 80px;

    height: 100px;

    text-align: center;

    padding: 2px 2px 2px 2px;

}



.unselected

{

    background-color: transparent;

    border: solid 1px #336699;

}



.selected

{

     background: #FFCC33;/*FED36B;*/

     border: solid 1px #DBDB79;

}



.scrollablelist

{

    overflow: auto;

    height: 230px;

    width: 460px;

    border: solid 1px #DBDB79;

}



.scrollablelist2

{

    overflow: auto;

    height: 230px;

    width: 210px;

    border: solid 1px #DBDB79;

}





.scrolledtable

{

}



 .selectablephoto

{

    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;

    border: 1px solid #E8DCA3;

    padding: 2px;

}



.contextbuttons

{

  margin: 5px 3px 5px 3px; 



}



/************************************************************************

* 

* Forms

*

************************************************************************/



/* label column */

.formlabel

{

    width:120px; 

    vertical-align: top;

}



/* value column */

.formvalue

{

    vertical-align: top;

}



.txtfield

{

    width:150px;

}



.txtblock

{

    width:150px;

}







.DateFormat

{

    font-size:7.5px;

    font-weight:bold;

}

a:link

{

    text-decoration: none;

    color: blue;/*#8A3700;*/

}

a:visited

{

    text-decoration: none;

    color: blue;/*#542100;*/

}

a:hover

{

    /*text-decoration:none;*/

    color: red;/*#A45521;*/

}

a:active

{

    text-decoration: none;

    color: #000000;

}



input, select, textarea

{

    font-size:1em; 

    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;

}



/* Use headers in the markup for accessibility reasons but control look with styles below*/



h1, h2, h3, h4, h5, h6

{

   margin: 2px 0 2px 0;

}



h1

{

    font-size: 28px;

    font-weight: bold;

   margin: 5px 0 5px 0;

}





h1 a:link, h1 a:visited, h1 a:hover, h1 a:active

{

    text-decoration: none;

    color: #000000;

}

.membercard h3

{

    font-size: 1em;

}



 #loginbanner h2

{

    font-size: 1em;

    font-weight: normal;

    margin-top: 8px;

}



.fullwidth h2, .fullwidthArticle h2

{

    /*font-size: 1.6em;*/

    font-size: 16px;

    /*color:#0066CC;*/

    color:Teal;

    font-family:Calibri, Verdana;

}



.eventmonth h3

{

    padding-left: 20px;

    padding-right: 20px;

}



.eventlist label

{

    font-weight: bold;

    padding-right: 4px;

}





/************************************************************************

* 

* Main navigation used by the masterpage

*

************************************************************************/





/* Navigation strips */

#navtop, #navbottom

{

    background: url(images/background_nav_main4.gif) repeat-x;

    font-size: 11px;

    font-weight: bold;

    font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;

    margin-right: auto;

    margin-left: auto;

    width: 800px;

    height: 45px;

}

#navbottom

{

    margin-top: 15px;

}



#footer

{

	width: 800px;

	margin-right: auto;

	margin-left: auto;

	text-align: right;

	margin-top: 10px;

	padding-top: 12px;

	color: Gray;

	/*border-top: dotted 1px gray;*/

}



/* Make main navigation bars from a unordered list for easy update and better accessibility */



#navtop ul, #navbottom ul

{

    margin: 0px;

    padding-top: 9px;

    list-style-type: none;

    height: 19px;

    text-align: center;

}

#navtop ul li, #navbottom ul li

{

    display: inline;

    color: #FFFFFF;

    margin-right: 25px;

}

#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited

{

    color: #FFFFFF;

    text-decoration: none;

}

#navtop a:hover, #navbottom a:hover

{

    text-decoration: underline;

}

#navtop a:active, #navbottom a:active

{

    color: #FEFFBD;

    text-decoration: none;

}