/* BOJE
	#321F77	- blue
	#F4AE3F	- orange
    #eeecf8 - pale blue
    #9d88ce - menu selected blue
*/


body 
{
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
    background-color: #eeecf8;
}

h1
{
    font-family: "Times New Roman", "Times Roman", "Times", Serif;
    font-size: 18pt;
    font-weight: normal;
}

h2
{
    font-family: "Times New Roman", "Times Roman", "Times", Serif;
    font-size: 14pt;
    font-weight: normal;
    margin-bottom: 3pt;
}

h3
{
    font-size: 10pt;
    font-weight: bold;
}

p
{
    margin-top: 0pt;
    margin-bottom: 6pt;
}

a
{
    text-decoration: none;
    color: #321F77;
}

a:hover
{
    text-decoration: underline;
    color: #321F77;
}


.smallFont
{
    font-size: 8pt;
}


li
{
    margin: 0pt 0pt 3pt 0pt;
}


/* boje pozadina sa generičkim nazivima */

.bgDark
{
    background-color: #321F77;
}

.bgOther
{
    background-color: #F4AE3F;
}

.bgLight
{
    background-color: #eeecf8;
}

.bgSelected
{
    background-color: #9d88ce;
}



/* ------------------ STILOVI ZA LAYOUT POMOĆU DIVOVA ------------------- */

#divWrapper
{
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    
    background-color: #eeecf8;

    vertical-align: top;
    margin-top: 0px;
    padding-top: 0px;
}

#divTopWide
{
    width: 100%;
    background-color: White;
    border-bottom: solid 1px #321F77;
    border-top: solid 1px #321F77; 
}

.divTop
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.divTopMenu
{
   width: 900px;
   margin-left: auto;
   margin-right: auto;
   border-top: solid 1px #F4AE3F; 
   padding-top: 0px;
   font-size: 0pt; /* IE7 display hack */
}

#divTopLeft
{
    float: left;
    width: 80px;
    height: 90px;
    padding: 5px 20px 0px 0px;
}

#divTopRight
{
    font-family: Times New Roman, Times;
    height: 90px;
    text-align: left;
    border: solid 1px White;
    padding-top: 5px;
}

.divQuickLinks
{
    float: right;
    font-size: 9pt;
    text-align: right;
    margin: 0px;
    padding: 0px;
}


.pNaslovMali
{
    font-variant: small-caps;
    font-size: 9pt;
    margin: 0px;
    margin-top: 1em;
    padding: 0px;
}

.pNaslovVeliki
{
    font-variant: small-caps;
    font-size: 16pt;
    margin: 0px;
    margin-top: 0.3em;
    padding: 0px;
}

#divBanners
{
    text-align: center;
}

#divBanners img
{
    margin: 4px;
    border: solid 1px #321F77;
}

#divMidWide
{
    width: 100%;
    background-image: url("Images/GradientDownPaleBlue.png");
    background-position: top;
    background-repeat: repeat-x;
}

#divMid
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}


#divBotWide
{
    width: 100%;
}

#divBot
{
    width: 920px;
    margin-left: auto;
    margin-right: auto;
}

#divContent
{
    width: 900px;
    padding: 10px 16px 10px 16px;
    background-color: White;
    border: solid 1px #321F77; 
}

/*
.tableCollapse
{
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 12pt 6pt 0 0pt;
}
*/

.mainImageTable td
{
    margin: 0 0 0 0;
    padding: 16px 8px 0 8px;
}

.mainImageTable a img
{
    border: none;
}



/*
.divAnnouncements
{
    width: 790px;
    margin: 16px 16px 10px 8px;
    background-color:  #eeecf8;
    background-image: url("Images/CornerNWPaleBlue.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.divAnnouncements div
{
    background-image: url("Images/CornerNEPaleBlue.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.divAnnouncements div div
{
    background-image: url("Images/CornerSEPaleBlue.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.divAnnouncements div div div
{
    background-image: url("Images/CornerSWPaleBlue.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 10px 10px 10px 10px;
}
*/

#divFooterWide
{
    width: 100%;
    /* #eeecf8; #321F77; */
    margin-top: 16px;
    border-top: solid 1px #321F77;
    background-color: #321F77;
}

.divFooter
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    
    color: White;
    font-size: 8pt;
    text-align: center;
}

/* ------------------ TABLE LAYOUT ZA VESTI NA NASLOVNOJ STRANI --------------------- */

td.tdWide
{
    vertical-align: top;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    
}
    
td.tdLeft
{
    vertical-align: top;
    border-right: solid 2px #eeecf8;
    margin: 0px 0px 0px 0px;
    padding: 0px 16px 0px 0px;
    width: 600px;
}

td.tdRight
{
    vertical-align: top;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 16px;
    width: 260px;
}


/* --------------------------- MENIJI NA VRHU STRANE ------------------------------------ */


.MainMenu
{
}

.MenuLevel1
{
    color: #321F77;
    font-size: 11pt;
    font-variant: small-caps;
    padding: 2px 2px 2px 2px;
}


.MenuLevel2 td
{
    cursor: default;
    
    text-align: left;
    font-size: 9pt;
    
    height: 24px;
    background-image: url("Images/GradientTopMenuPaleBlue.png");
    background-repeat: repeat-x;
    background-position: left;
    border: none;
    margin: 0px;
    padding: 0px;
    border-left: solid 1px #321F77;
    border-right: solid 1px #321F77;
}

.MenuLevel2 span
{
    padding: 4px 10px 4px 10px;
    color: Black;
}

.MenuLevel2 td:hover
{
    background-image: none;
    background-color: #F4AE3F;
}



/* HORIZONTALNI DIV MENI UNUTAR CONTENT OKNA */
.ContentSubmenu
{
    padding: 1px 0px 3px 16px;
    font-size: 8pt;
    background-image: url('Images/GradientUpWhite.png');
    background-repeat: repeat-x;
    background-position:  bottom;
    margin: -10px -16px 6px -16px;
}






/* -------------- VESTI i VESTI10 ------------ */

.naslovSpanLeft
{
}

.naslovSpanRight
{
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
    float:right;
}

div.Vesti
{
    font-size: 8pt;
    margin-bottom: 9pt;
    padding: 2px 0px 2px 0px;
}

div.Vesti10
{
    font-size: 10pt;
    margin-bottom: 9pt;
    padding: 2px 0px 2px 0px;
}

div.VestiHeading
{
    font-family: "Times New Roman", "Times Roman", "Times", Serif;
    font-size: 14pt;
    font-weight: normal;
    margin: 12pt 0px 12pt 0px;
    border-bottom: solid 1px #F4AE3F;
}

div.VestiNaslov
{
    background-image: url('Images/GradientUpWhite.png');
    background-repeat: repeat-x;
    background-position:  bottom;
    font-weight: bold;
    color: #321F77;
    padding: 1px 3px 1px 3px;
}

div.VestiDatum
{
    color: #321F77;
    margin: 0px 0px 0px 0px;   
    padding: 0px 3px 0px 3px;
    
}

div.VestiTekst
{
    margin: 0px 0px 12pt 0px;
    padding: 0px 3px 0px 3px;
}



/* --------- FACULTY ----------------- */

.FacultyPhotoDiv
{
    float: right;
}

.FacultyPhotoDiv img
{
    border: solid 1px Black;
}

.FacultyList 
{
    border-spacing: 0px;
}

.FacultyList td
{
    padding: 1pt 2pt 1pt 2pt;
}

.FacultyListName
{
    width: 190px;
    background-image: url('Images/GradientUpWhite.png');
    background-repeat: repeat-x;
    background-position:  bottom;}

.FacultyListTitle
{
    width: 200px;
    background-image: url('Images/GradientUpWhite.png');
    background-repeat: repeat-x;
    background-position:  bottom;}

.FacultyListOffice
{
    width: 110px;
    background-image: url('Images/GradientUpWhite.png');
    background-repeat: repeat-x;
    background-position:  bottom;}

.FacultyListPhone
{
    width: 100px;
    background-image: url('Images/GradientUpWhite.png');
    background-repeat: repeat-x;
    background-position:  bottom;}

.FacultyListPersonalWeb
{
    width: 80px;
    text-align: center;
    background-image: url('Images/GradientUpWhite.png');
    background-repeat: repeat-x;
    background-position:  bottom;
}

.FacultyListOfficeHours
{
    width: 180px;
    background-image: url('Images/GradientUpWhite.png');
    background-repeat: repeat-x;
    background-position:  bottom;
}