/* CSS Document */
body{ background: #F5F5F5 url(../images/bg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #474848; }
a:link, a:visited { color: #720803; text-decoration: none; font-weight: bold;} 
a:active, a:hover { color: #720803; text-decoration: none; font-weight: bold; }
/* Wrapper ----------------------------------------------------------------------------------- */
#wrapper { background: url(../images/img08.gif) repeat-x left bottom; }
/* Page ----------------------------------------------------------------------------------- */
#bgtop { height: 30px; width: 960px; margin: 0px auto; background: url(../images/left_top.png) no-repeat bottom left; }
#page { width: 960px; margin: 0px auto; background: url(../images/img06.gif); }
#bgbottom { padding-bottom: 70px; background: url(../images/img09.gif) no-repeat left bottom; }
h1 { margin:0px; padding-left: 5px; padding-top: 10px; font-weight: bold; font-size: 18px; color:#0000CC; }
h2 { margin: 0px; font-weight: bold; padding: 3px 0 0 5px; font-size: 14px; color:#336633; }
h3 { margin:20px 0px 20px 40px; font-weight: bold; font-size: 12px; color:#adadad; }
.dropcap { float: left; width: .7em; font-size: 2em; line-height: 83%; }
#left_column { margin-left: 1px; float: left; width: 27px; height: 442px; background: url(../images/left_corner.jpg) no-repeat; }
#left_title { margin-top: 1px; height: 207px; color: #5e5e5e; line-height: 1.5em; letter-spacing: 2px; background: url(../images/logo.jpg) no-repeat top center ; }
#lav { margin-top: 10px; height: 222px; text-align: center; }
a img { border:0; }
.photo { background:#fff; border:1px solid #bababa; padding:2px; }
.left { float:left; margin:3px 18px 2px 1px; }
.right { float:right; margin:3px 1px 2px 18px; }
#menu_column { float: left; width: 230px; background: url(../images/left_title.jpg) no-repeat; }
.menu_list { float: left; width: 230px; }
.menu_list ul { list-style-type: none;  margin: 10px 5px; padding: 0; width: 213px; }
.menu_list li a { display: block; height: 25px; padding-top: 8px; color: #666666; padding-left: 50px; background: url(../images/menu_button.gif) no-repeat; }
.menu_list li a:hover, .menu_list li .current { color: #a81407; }
#new { float: left; width: 210px; padding-top: 20px; padding-left: 0px; text-align: justify; padding-right: 20px; font-size: 11px; }
#new a:link, a:visited { color: #720803; text-decoration: none;} 
#new a:active, a:hover { color: #999999; text-decoration: none; }
#new span { background: #ffffff; border: thin dotted; color: #999999; padding: 1px; }
.list { background: url(../images/news.gif) repeat-x; height: 35px; margin: 0 0 0px 0; padding: 3px 0 0 2px;}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE DROPDOWN MENU ^^^^^^^^^^ */

.preload1 {background: url(../images/drop2.gif);}
.preload1 {background: url(../images/drop3.gif);}

.topmenu {padding:0 0 0 32px; margin:0; list-style:none; height:39px; background:transparent url(../images/dropback.gif); z-index:500; font-family: Arial, Helvetica, sans-serif; border-top:4px solid #c3c3c3;}
.topmenu li.top {display:block; float:left;}
.topmenu li a.top_link {display:block; float:left; height:39px; line-height:34px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 5px; cursor:pointer;background: url(../images/drop0.gif) no-repeat;}
.topmenu li a.top_link span {float:left; display:block; padding:0 10px 0 8px; height:39px;background:url(../images/dropback.gif) repeat-x right top;}
.topmenu li a.top_link:hover {color:#B00000; background: url(../images/drop2.gif) no-repeat; line-height:34px;}
.topmenu li a.top_link:hover span {background:url(../images/drop2.gif) repeat-x right top;}

.topmenu li:hover > a.top_link {color:#B00000; background: url(../images/drop2.gif) no-repeat; line-height:34px;}
.topmenu li:hover > a.top_link span {background:url(../images/drop3.gif) no-repeat right top;}


.topmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.topmenu a:hover {visibility:visible; position:relative; z-index:200;}
.topmenu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.topmenu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.topmenu ul.sub1 {width:160px;}
.topmenu ul.sub2 {width:150px;}
.topmenu ul.sub3 {width:180px;}
.topmenu ul.sub4 {width:125px;}

.topmenu :hover ul {left:0; top:39px; background: #f3f4f6; padding:3px; border:1px solid #a9aaaa; border-width:1px; white-space:nowrap; height:auto; z-index:300;}
.topmenu :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.topmenu :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#666; text-decoration:none;}
.topmenu :hover ul li a:hover {background:#a9aaaa; color:#B00000;}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#right_column { margin: -30px 1px 0 0; float: left; width: 491px; }
#right_column_s { margin: -30px 1px 0 0; float: left; width: 671px; }
#head {	height: 251px;color: #FFFFFF;background: url(../images/header.jpg) repeat-x; margin-left: 1px; }
#right_header { float:left}
#gradumag { float: right; padding: 4px 5px 0 0;}

#content_right { background: url(../images/right_bg.jpg) repeat-x; height: 106px; margin-right: 1px; }

#content { padding: 0 10px 0 10px; }
#content p { margin: 15px 5px 0 5px; text-align: justify; }

.line {	margin: 0 0px; background: url(../images/line.gif) repeat-x; }

#sidebar { float: right; width: 180px; margin: 10px 20px 0 0 ; }
#sidebar .bottom { float:left; width:180px; background:url(../images/box-bottom.gif) no-repeat right bottom; padding:0 0 9px 0; }
#sidebar .border { float:left; width:178px; background:url(../images/grey-box.gif) repeat-x bottom; min-height:123px; border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB; border-top:1px solid #DBDBDB; padding:10px 0px; color:#787878; }
* html #sidebar .border { height:123px; }

#right_sidebar { float: right; width: 180px; margin: -30px 20px 0 0 ; }
#right_sidebar .bottom { float:left; width:180px; background:url(../images/box-bottom.gif) no-repeat right bottom; padding:0 0 9px 0; }
#right_sidebar .border { float:left; width:178px; background:url(../images/grey-box.gif) repeat-x bottom; min-height:123px; border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB; border-top:1px solid #DBDBDB; padding:10px 0px; color:#787878; }
* html #right_sidebar .border { height:123px; }

.wedolist { float: left; width: 230px; }
.wedolist ul { list-style-type: none;  margin: 10px 5px; padding: 0; width: 213px; }
.wedolist li a { display: block; height: 25px; padding-top: 8px; color: #666666; padding-left: 30px; background: url(../images/pdf.jpg) no-repeat left ; }
.wedolist li a:hover, .wedolist li .current { color: #a81407; }

.wedolisth { float: left; width: 230px; }
.wedolisth ul { list-style-type: none;  margin: 10px 5px; padding: 0; width: 213px; }
.wedolisth li a { display: block; height: 25px; padding-top: 8px; color: #666666; padding-left: 30px; background: url(../images/lnk.gif) no-repeat left ; }
.wedolisth li a:hover, .wedolisth li .current { color: #a81407; }

.wedo .details_l { float: left; font-size: 0.85em; margin:10px 0; }
.wedo .details_l a { display: block; float: left; padding: 4px 12px; background: url(../images/details.gif) repeat-x 0 0; border: 1px solid #EBEBEB; margin-left: 4px; }
.wedo .details { float: right; font-size: 0.85em; margin:10px 0; }
.wedo .details a { display: block; float: left; padding: 4px 12px; background: url(../images/details.gif) repeat-x 0 0; border: 1px solid #EBEBEB; margin-left: 4px; }



/* Footer ----------------------------------------------------------------------------------- */

#footer { width: 860px; height: 43px; margin: 0 auto; background: url(../images/img10.gif) no-repeat; }
#footer p { padding-top: 10px; text-align: center; font-size: .8em; font-weight: bold; }
.centerdiv { padding: 4px 0 0 0px;}

/* form ----------------------------------------------------------------------------------------------------------------- */

.box { margin-bottom: 10px; text-align: left; }
.boxBody { background: url(../images/boxBg.gif) no-repeat bottom; border: 1px solid #dbdbdb; padding: 7px 10px 10px 10px; }

.textbox, textarea, password { background: url(../images/textboxBgnd.gif) repeat left top; border: 1px solid #dbdbdb; padding: 2px 5px; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
.commentbox { width: 176px; margin-bottom: 5px; }
.commentarea { width: 176px; overflow: auto; height: 100px; margin-bottom: 7px; }
.login { margin: 4px 0px 0 3px;}
.send { margin: 3px 0px 0 3px;}
select { background: #fff; border: 1px solid #b6c9d9; padding: 1px; }

/*menu */
#left { width: 200px; float: left; padding: 0px; }
#left ul  { padding: 0px 0 0px 0; list-style-type: none; margin-left: 0px; }
#left ul li a { padding: 0 10px 0 10px; height: 25px; line-height: 25px; background: #ffffff; display: block; text-decoration: none; border-bottom: 1px dotted #929292; color: #666666; }
#left ul li a:hover { background: #f0f0f0; color: #a81407; }


.osobe { display: inline;}
.label{width:110px; float:left; display:block; padding: 3px 0;}
.thumbnail { float: left; width: 140px; height:220px; border: 1px solid #dadada; margin: 0 5px 15px 5px; padding: 2px; }



.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 1px solid #dadada;*/
overflow: scroll; /*leave this value alone*/
width: 178px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 10px; /*margin around each panel*/
width: 158px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}