/*PROJEX style sheet*/

body {
    margin-top: 0px;
    background: #006eaa;
    color: #000000; /*cc0000*/
    background-image: url(../ui/bg-body.gif);
    font-family:  Verdana, Helvetica, Arial, sans-serif;
    font-size: .8em;
}

#wrapper {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    /*background-image: url(../ui/bg-wrapper2.gif); */
    /*background-color: #cfecff;*/
    background-repeat: no-repeat;
    /*background-repeat: repeat-y;*/ 
}

#header {
    margin: auto auto auto auto;
    background-image: url(../ui/bg-header.png);
    background-repeat: no-repeat;
    width: 1000px;
    height: 216px;
}

#printonly {display: none;}

#mainContent{
    float: left;
    width: 500px; /*674 - 2 leftmargin = 6*/
    padding-left: 30px;
    /*background-color: #dcde85;*/
    background-image: url(../ui/bg-content.png);
    font-size: 1em;
}

#sideNav {
    float: left;
    width: 298px; 
}

.navButton {
    height: 63px;  //58 - 20 = 38
    /*background-color: #3399FF;*/
    //background-image: url(../ui/button-wiki.png);
    background-image: url(../ui/bg-button.png);
    /*background-position: 0px -5px;*/
    background-repeat: no-repeat;
}

.nav { margin-left: +20px;    margin-top: 20px;}
a.nav:link {color: #000000; text-decoration: none; 
font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif; 
font-size: 1.3em; font-weight: bold;     margin-top: 10px;}

a.nav:visited {color: #1c0000; text-decoration: none;
font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em; font-weight: bold; margin-left: +30px;    margin-top: 10px;}

a.nav:hover { color: #FFFFFF; /*background: #fd7113;*/ text-decoration: none;
font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em; font-weight: bold; margin-left: +30px;    margin-top: 10px;}



.anhr {
    margin-top:2px;
    margin-bottom:2px;
    width: 340px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    border-top: 2px #00b7f1 solid;
    height: 5px; 
}

.anhrmain {
    margin-top:2px;
    margin-bottom:2px;
    width: 628px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    border-top: 2px #fd7113 solid;
    height: 5px; 
}

a.c:link {color: #FFFFFF; }
a.c:visited {color: #FFFFFF; }
a.c:hover {color: #FFFFFF; background: #7f5f01; }



.photo { margin-left: -10px; }

.textBlockForPics {
    width: 450px; /*314 +5 +5 +4 +4 = */
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    /*background-color: #ffffff;*/
    /*background-image: url(../ui/bg-row.png);*/
    text-decoration: none;
}


h1 {
    //color: #323232;
    font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.3em; 
}

h2 {
    color: #111111;
    font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.2em; 
}

h3 {
    color: #222222;
    font-family: Myriad Pro, Verdana, Helvetica, Arial, sans-serif;
    font-size: 1em; 
}


li {
    list-style: circle url(../ui/li-dot.png) outside;
    list-style-image: url(../ui/li-dot.png); 
}

li.sideNav {
	list-style: circle url(../ui/li-dot.png) outside;
	list-style-image: url(../ui/li-dot.png);
	font-size: .95em;
    margin-left: -10px; 
}


.cluster {width: 320px;
/*background-color: #FFaaFF;*/
margin-left: auto;
margin-right: auto; }

	
/* ====================== CONTENT CELS */
.cCelBig {background-color: #cfecff; width: 640px;
border-top: 2px #cfecff solid;
border-bottom: 2px #cfecff solid;
border-right: 2px #cfecff solid;
border-left: 2px #cfecff solid;}

.cCelSingle {
    width: 332px; /*314 +5 +5 +4 +4 = */
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    background-image: url(../ui/bg-row.png);
    text-decoration: none;
    border-top: 2px #fd7113 solid; }

.cCelDouble {
    width: 628px; /*640 -5 -5 -4 -4 = 628*/
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    background-image: url(../ui/bg-row.png);
    text-decoration: none;
    border-top: 2px #fd7113 solid; }

.cCelDTxt {float: left; width: 304px;/*310*/
margin-left:5px;
margin-right:5px;}

.cCelDTxtR {float: right; width: 304px;/*310*/
margin-left:5px;
margin-right:5px;}

.cCelDPict {float: left; width: 300px; /*220*/ 
margin-left:5px;
margin-right:5px;
margin-bottom: 10px;
}

.cCelPict {float: left; width: 320px; /*220*/}
.cCelPictTxt {float: left; width: 290px;/*270*/  padding-left:10px;}
p.cCelTxt {float: left; width: 290px;/*270*/  padding-left:10px;}
a.cCelTxt:link {color: inherit;
    text-decoration: none;}