/***************************************************************************************************************************/
/************ Template *****************************************************************************************************/
/***************************************************************************************************************************/
.page_frame { width:660px; }
.page_left { float:left; width:200px; }
.page_right { float:left; width:456px; }
#page-content { margin-left:30px; }
#menu-div-index { width:200px; }

#logo-img { width:200px; }
#login-div { float:right; width:200px; }
#language-div { width:200px; }
#login-form-div { margin-top:20px; }

/***************************************************************************************************************************/
/************ Pages ********************************************************************************************************/
/***************************************************************************************************************************/
#left-login-div { display:none; }

.photo-container-div { width:190px; }
.video-container-div { width:400px; height:300px; }
.video-div { width:400px; height:230px; }
.video-caption-div { width:400px; height:70px; }





/****************************************************************************************************************************/
/****Menu StyleSheet ********************************************************************************************************/
/****************************************************************************************************************************/
.ul-photos {list-style:none; width:170px; background:#D67E29; border-radius: 0 8px 8px 8px; }
.ul-videos {list-style:none; width:170px; background:#E01F22; border-radius: 0 8px 8px 8px; }
.ul-albums {list-style:none; width:170px; background:#A82581; border-radius: 0 8px 8px 8px; }

.li-photos { padding-left:20px; width:150px; border-radius:8px; }
.li-photos:hover { background:#E9D3BB; }
.li-videos { padding-left:20px; width:150px; border-radius:8px; }
.li-videos:hover { background:#DCBBBB; }
.li-albums { padding-left:20px; width:150px; border-radius:8px; }
.li-albums:hover { background:#DABAD2; }


#b1 { text-align:left; padding: 0 0 0 20px; font-size:18px; height:50px; line-height:50px; }
#b2 { text-align:left; padding: 0 0 0 20px; font-size:18px; height:50px; line-height:50px; }
#b2:hover .ul-photos { position:relative; top:-50px; left: 180px; }
#b3 { text-align:left; padding: 0 0 0 20px; font-size:18px; height:50px; line-height:50px; }
#b3:hover .ul-videos { position:relative; top:-50px; left: 180px; }
#b4 { text-align:left; padding: 0 0 0 20px; font-size:18px; height:50px; line-height:50px; }
#b4:hover .ul-albums { position:relative; top:-50px; left: 180px; }
#b5 { text-align:left; padding: 0 0 0 20px; font-size:18px; height:50px; line-height:50px; }
#b6 { text-align:left; padding: 0 0 0 20px; font-size:18px; height:50px; line-height:50px; }

#b1:hover { background:#E15A1F; }
#b2:hover { background:#D67E29; }
#b3:hover { background:#E01F22; }
#b4:hover { background:#A82581; }
#b5:hover { background:#744682; }
#b6:hover { background:#008CCF; }
