﻿/*General Page-Layout*/
body { margin:0px; text-align:center; background-color:#f9ebae; width:100%; }
#page_content { margin:0px auto;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*Header Details*/
#header { padding-top:5px; background-color:#f9ebae; position: relative; overflow: visible; z-index: 100; height:60px; border-bottom: 1px solid #561d90; top: 0px; left: 0px; }
#header #logo { margin-left:20px; position:absolute; width : 165px; height : 115px; z-index : 100; margin-top : 11px; margin-left : 12px; font-weight:bold; font-size:24px; }
#header #since { margin-top : 11px; margin-left : 15px; position : absolute; width : 119px; height : 21px; color:#561d90; }
#header .protection { color : #FFFFFF; font-family : Arial; font-size : 24px; }
#header #on { color : #00FF3A; font-family : Arial; font-size : 24px; }
#header #protecton { color : #478af8; font-family : Courier New; font-size : 30px; font-weight:bold; }
#header #imagination {float:right;}

#berger_values { width : 280px; height : 340px; margin-left : 15px; float : left; z-index :99; padding-top : 50px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; font-family : Verdana; font-size : 12px; font-weight:bold; background-image : url(../images/notice_board.jpg); background-repeat : no-repeat; border: 1px solid red; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*Dynamic Content Details*/
#dynamic_content { background-color:#f9f9f9; padding:5px; text-align:left; margin:0px;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*Sign-In layer Details*/
#signin { margin-left:15px; margin-right:15px; font-family:Arial, 'Arial Rounded MT Bold'; font-size:10px; color:#000000; text-align:center; }
#signin h2 { font-size:16px; text-align:left; border-bottom:#478af8 2px solid; padding-bottom:5px; }
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*Registration layer Details*/
#register { font-family:Arial, 'Arial Rounded MT Bold'; font-size:12px; font-weight:bold; float:right; margin-right:10px;}
#register h1 { font-size:18px; color:#000000; margin-bottom:5px; }

#register fieldset { border:solid 1px #d7d7d7 ; padding:5px; background-color:#f9f9f9; }
#register fieldset h2 { font-size:16px; font-weight:bold; color:#6694e2; margin:0px; }
#register #formsubmit { text-align:center; font-size:10px; }

#register .direction { font-size:10px; font-weight:bold; }
#register .label { text-align:right; vertical-align:middle; }
#register .remark { width:130px; font-size:9px; }
#register .mandatory { color:Red; vertical-align:super; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Footer Details*/
#footer { clear:both; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*Notice Nav*/
#notice_nav { clear:both; font-family:Arial; font-size:12px; font-weight:bold; padding:5px; border-bottom: #478af8 1px solid; margin-bottom:0px; text-align:left; margin-left:0px; padding-left:0px; }
#notice_nav li { display:inline; margin:0px; list-style:none; text-align:left; padding:0px;}
#notice_nav li a { text-decoration:none; display:inline; padding:5px 10px 5px 10px; border:#478af8 1px solid;}
#notice_nav li a#current { color:#000000; background-color:#d7d7d7; }
#notice_nav li a:hover { background-color:#F2B035; border:#F2B035 1px solid;}	
#notice_nav li a#current:hover { cursor:default;  }
#notice {margin-left:10px; margin-right:10px;}
#notice_content {padding:5px; margin-top:0px;margin-left:10px; margin-right:10px;font-family:Arial; font-size:10px; font-weight:bold; border-bottom: #478af8 1px solid; text-align:left; border-left: #478af8 1px solid; border-right: #478af8 1px solid;}



.thumbnail { border:1px #000000 solid;}

#lastdatelabel { background-color:#ffcc00; border:#ffcc00 1px solid; padding:5px; color:#000000; width:120px; text-align:center; }
#lastdate { padding:5px; color:#000000; text-align:left;  border-top:#ffcc00 1px solid; border-bottom:#ffcc00 1px solid; }
#copyright { padding:5px; color:blue; text-align:right;  border-top:#ffcc00 1px solid; border-bottom:#ffcc00 1px solid; border-right:#ffcc00 1px solid; }