/* CSS Document */

* {margin:0px; padding:0px;}
/*-BASIC-------------------------------------------------------*/
html {width:100%; height:100%;}
body {width:100%; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:#edcb83 url(../images/pattern.jpg); }
#wrap {width:100%; height:100%; background:url(../images/tkanica_back.gif) repeat-x 0px 196px;}


/*-HEADER-start------------------------------------------------*/
#header_Wrap {width:100%; height:294px; clear:both;}
.header_Top {width:970px; height:4px; margin:0px auto; background:url(../images/b_top.png) no-repeat; line-height:2px; font-size:2px;}

#header {width:970px; height:290px; margin:0px auto; background:url(../images/b_mid.png) repeat-y;}
.header_Inner { width:933px; height:229px; margin: 0px auto; padding:11px 11px 9px 11px; background:url(../images/header_imgBack.gif) no-repeat 10px 10px; }
.logo_Place { width:203px; height:229px; float:left; background:#000 url(../images/logo_grachanitsa.jpg) no-repeat;}
.logo { width:203px; height:229px; display:block; cursor:pointer;}
#header_image { width:728px; height:229px; float:left; }
#header_image.index {background:url(../images/header_index.jpg) no-repeat;}
#header_image.about_us {background:url(../images/header_about_us.jpg) no-repeat;}
#header_image.choreographies {background:url(../images/header_choreographies.jpg) no-repeat;}
#header_image.events {background:url(../images/header_events.jpg) no-repeat;}
#header_image.photo_gallery {background:url(../images/header_photo_gallery.jpg) no-repeat;}
#header_image.contact {background:url(../images/header_contact.jpg) no-repeat;}


.shlajf_small { width:940px; height:38px; margin:auto;}
.shlajf_left { width:7px; height:38px; float:left; display:block; background:url(../images/shlajf_left.jpg) no-repeat;}
.shlajf_mid {width:926px;  height:38px; float:left; display:block; background:url(../images/shlajf_small.jpg) repeat-x;}
.shlajf_right { width:7px; height:38px; float:left; display:block; background:url(../images/shlajf_righ.jpg) no-repeat;}

/*-HEADER-end--------------------------------------------------*/


/*-CONTENT-start-------------------------------------------------*/
#content_Wrap {width:100%; clear:both;}
#content {width:970px; margin:auto; background:url(../images/b_mid.png) repeat-y; clear:both;}

#lang_Line { width:930px; height:15px; padding:5px; margin:auto; color:#999;}
a.lang_en { width:28px; height:12px; float:left; padding:2px; background:url(../images/flag_usa.gif) no-repeat; cursor:pointer; font-size:2px;}
a.lang_sr {width:28px; height:12px; float:left; padding:2px; background:url(../images/flag_sr.gif) no-repeat; cursor:pointer; font-size:2px;}
a:hover.lang_en {background:url(../images/flag_usa.gif) no-repeat 0px -16px;}
a:hover.lang_sr {background:url(../images/flag_sr.gif) no-repeat 0px -16px;}


.content_Left { width:220px; float:left;}
.content_Main { width:695px; float:right;  padding:0px 35px 10px 20px; background: url(../images/crtVert.gif) repeat-y top left;}
.content_Main a { color:#900; text-decoration:none; font-weight:bold; }
.content_Main a:hover { color:#900; text-decoration:underline;}

#page_content h1 { font-size:20px;  font-weight:normal; color:#333;}
#page_content h2 { font-size:15px; font-weight:bold; color:#900; margin:5px 5px 5px 0px;}
#page_content h2 span { color:#333; font-size:12px; font-style:italic; font-weight:normal;}
#page_content h3 { font-size:10px; font-weight:bold; color:#900; margin:5px 5px 5px 0px;}
#page_content p { text-align:justify; padding:5px 0px;}

.specialBox { border:1px #900 solid; padding:15px 30px; background:#edcb83;}
.flash_Gallery { margin:auto; text-align:center;}

#menu_Left { width:180px; padding:10px 0px 0px 20px; }
#menu_Left li h2 {font-size:12px;}
#menu_Left li a { width:140px; font-size:12px; color:#333333; text-decoration:none; border-bottom:1px #ffc solid; border-left:1px #ffc solid; border-right:1px #ffc solid; display:block; padding:3px 0px 3px 40px;}
#menu_Left li a:hover {text-decoration:none; background:#edcb83; display:block; border-bottom:1px #666 solid;  border-left:1px #ccc solid; border-right:1px #666 solid;  padding:3px 0px 3px 40px;}
#menu_Left ul { margin:0px; padding:0px; list-style:none outside;}
#menu_Left ul li {margin:0px; padding:0px; list-style:none outside; border-top:1px #ccc solid; }

.stamp_index { width:151px; height:176px; margin:auto; background:url(../images/stamp_001.jpg) no-repeat;}
.stamp_about_us { width:151px; height:176px; margin:auto; background:url(../images/stamp_002.jpg) no-repeat;}
.stamp_choreographies { width:151px; height:176px; margin:auto; background:url(../images/stamp_003.jpg) no-repeat;}
.stamp_photo_gallery { width:151px; height:176px; margin:auto; background:url(../images/stamp_004.jpg) no-repeat;}
.stamp_events { width:151px; height:176px; margin:auto; background:url(../images/stamp_005.jpg) no-repeat;}
.stamp_contact { width:151px; height:176px; margin:auto; background:url(../images/stamp_006.jpg) no-repeat;}

.image_RightFloat { float:right; margin:0px 0px 5px 10px; padding:5px; background:#ebebeb; border:1px #CCCCCC solid;}
.image_LeftFloat { float:left; margin:0px 10px 5px 0px; padding:5px; background:#ebebeb; border:1px #CCCCCC solid;}

.thumb_RightFloat { float:right; margin:0px 0px 5px 10px; padding:5px; background:#ebebeb; border:1px #CCCCCC solid;}

#list_2col { margin:10px 0px 10px 0px;}
.box_UniWrap { background-color:#ebebeb;}

.box_UniWrap h2 { margin-bottom:5px;}
.box_UniWrap h2 a {color:#333333; text-decoration:none; font-size:12px;}
.box_UniWrap h2 a:hover { text-decoration:underline;}
.box_Uni {}
.box_Uni p { margin:0px; padding:0px;}
.box_Uni h3 a {color:#333333; text-decoration:none; font-size:11px;}
.box_Uni h3 a:hover { text-decoration:underline;}
.box_Uni a span.btn_small { width:40px; color:#ffffff; padding:2px 5px 2px 5px; background:#000000; border:1px #ffffff solid; cursor:pointer; outline:none; float:right; font-size:9px; display:block; text-align:left; text-decoration:none; clear:left;}
.box_Uni a:hover span.btn_small {text-decoration:underline; background:#ffffff; color:#000000; border:1px #000000 solid;}

.float_Left { float:left;}
.float_Right { float:right;}

/*-CONTENT-end-------------------------------------------------*/


/*-FOOTER-start--------------------------------------------------*/
#footer_Wrap {width:100%; background:url(../images/tkanica_back.gif) repeat-x; clear:both; }
#footer {width:970px; height:150px; margin:auto; background:url(../images/b_mid.png) repeat-y; position:relative;}

.shlajf_B { width:940px; height:138px; margin:auto;}
.shlajfB_left { width:7px; height:138px; float:left; display:block; background:url(../images/tkanica_left.jpg) no-repeat;}
.shlajfB_mid {width:926px;  height:138px; float:left; display:block; background:url(../images/tkanica_back.gif) repeat-x;}
.shlajfB_right { width:7px; height:138px; float:left; display:block; background:url(../images/tkanica_right.jpg) no-repeat;}


.footer_Bot {width:970px; height:10px; margin:auto; background:url(../images/b_bot.png) no-repeat;}

  /*------------copy-start------------*/  
.signature { width:355px; float:right; }
.foot_Logo { width:355px; height:50px;}
.copy { width:325px; height:25px; padding-right:10px; text-align:right; color:#ffc; font-size:9px; margin-right:10px; position:absolute; bottom:10px; right:15px;}
.copy a {color:#ffc; font-size:9px; font-weight:bold; text-decoration:none;}
.copy a:hover {text-decoration:underline;}
   /*------------copy-end-------------*/ 

/*-FOOTER-end--------------------------------------------------*/


/*-SPACERI-----------------------------------------------------*/
.spacer_1px {margin:0px; padding:0px; clear:both; height:1px; font-size:1px; line-height:1px;}
.spacer_2px {margin:0px; padding:0px; clear:both; height:2px; font-size:2px; line-height:2px;}
.spacer_5px {margin:0px; padding:0px; clear:both; height:5px; font-size:2px; line-height:2px;}
.spacer_15px {margin:0px; padding:0px; clear:both; height:15px; font-size:2px; line-height:2px;}
.spacer_10px {margin:0px; padding:0px; clear:both; height:10px; font-size:2px; line-height:2px;}
.spacer_20px {margin:0px; padding:0px; clear:both; height:20px; font-size:2px; line-height:2px;}
.spacer_30px {margin:0px; padding:0px; clear:both; height:30px; font-size:2px; line-height:2px;}
.spacer_10x10px {margin:0px; padding:0px; clear:both; height:10px; width:10px; font-size:2px;}