/*defaults*/

* {
padding:0px;
margin:0px;
font-size:small;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
text-align:justify;
text-decoration:none;
list-style:none;
border:0px;
font-weight:normal;
}

h1 {
color:#999999;
font-size:x-large;
}

h2 {
color:#333333;
font-size:large;
margin-bottom:10px;
text-align:left;
}

h3 {
color:#990000;
font-size:small;
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

h3 a{
font-weight:700;
margin-top:20px;
margin-bottom:10px;
}

h4 {
color:#999999;
text-align:left;
margin-top:30px;
margin-bottom:-15px;

}

hr {
margin:20px;
border:1px dashed #dddddd;
}

a {
color:#0099CC;
}
a:hover {
color:#999999;
}

input, select, textarea {
padding:4px;
border:1px solid #bbbbbb;
width:320px;
}
textarea {
height:150px;
}
th,td {
padding:4px;

}
td {
text-align:center;
}
th {
font-size:x-small;
color:#999999;
}

.button {
background-color:#339900;
color:white;
width:auto;
border:0px;
text-align:center;
cursor:pointer;
}

img {
margin:0 auto;
text-align:center;
}


/*structure*/
body {
position:relative;
margin-left:auto;
margin-right:auto;
background-color:#cccccc;
background-image:url(bg.jpg);
background-position:center;
background-repeat:repeat-y;
}

#page {
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
margin:0 auto;
width:762px;
}
#banner {
position:relative;
margin:0 auto;
text-align:center;
width:762px;
height:100px;
}
#logo {
position:absolute;
right:5px;
top:25px;
}
#ssf {
position:absolute;
left:0px;
top:20px;
}

#menu {
margin:0 auto;
text-align:center;
width:762px;
 height:92px;
background-image:url(menu.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}
#menu li {
float:left;
}
#menu a{
 font-size:x-small;
 text-decoration: none;
 color:#ffffff;
 width:125px;
 height:89px;
 display:block;
 padding-top:3px;
 margin-right:2px;
 text-indent:4px;
}
#menu a:hover {
 color:#000000;
 background-color:#ffffff;
 -moz-opacity:0.5;
 filter:alpha(opacity=50);
 opacity: 0.5;
}

#active {
 background-image:url(blue.jpg);
 background-repeat:no-repeat;
 background-position:left top;
}

.notactive {
  background-image:url(red.jpg);
 background-repeat:no-repeat;
 background-position:left top;
}

#foot {
float:none; clear:both;
color:#999999;
text-align:center;
margin:0 auto;
height:40px;
width:762px;
}

/*content*/

#content {
float:none;
text-align:center;
margin:0 auto;
margin-top:30px;
width:762px;
background-color:white;
}

#leftpane {
float:left;
width:510px;
}

#leftpane p {
margin-top:10px;
margin-bottom:10px;
}

#leftpane ul {
margin-left:20px;
}

#leftpane li {
margin-left:20px;
list-style:square;
}


#rightpane {
float:left;
width:230px;
border-left:#cccccc dashed 1px;
text-align:right;
margin-left:15px;
}

#breadcrumb {
display:block;
margin-bottom:15px;
color:#999999;
font-size:x-small;
}
#breadcrumb a {
color:#999999;
font-size:x-small;
}
#breadcrumb a:hover {
color:#0099CC;
}








.album {
width:90px;
height:120px;
float:left;
margin:5px;
overflow:hidden;
background-color:#0066cc;

}
.album h2 {
font-size:xx-small;
text-align:center;
margin:0 auto;
margin-top:1px;
color:white;
}
.album img {
width:90px;
height:80px;
display:block;
text-align:center;
margin:0 auto;
border:0px;
cursor:pointer;
}

.photos {
display:block;
overflow:hidden;
text-align:center;
margin:0 auto;
margin-bottom:30px;
}
.photos h2 {
font-size:small;
text-align:center;
margin:0 auto;
margin-top:5px;
}
.photos h3 {
color:#999999;
font-size:xx-small;
text-align:center;
margin:0 auto;
margin-top:5px;
font-weight:normal;
}
.photos img {
display:block;
text-align:center;
margin:0 auto;
border:0px;
}



/* ADMIN */
#cmsnav{
float:left;
width:270px;
font-size:x-small;
}
#cmscontent {
float:left;
width:400px;
margin-left:20px;
font-size:x-small;
}
#cmsnav a {
font-size:x-small;
}
#cmsnav a:hover {
color:red;
}

#cmsoptions {
text-align:center;
font-size:x-small;

}
#cmsoptions li{
font-size:x-small;

}

.listMenu {
color:#666666;
font-size:x-small;
}
#adminmenu {
margin-top:20px;
margin-left:5px;
font-size:x-small;

}

#adminmenu ul {
padding:2px;
margin-left:5px;
}
#adminmenu li {
padding:2px;
margin-left:5px;
list-style:url(redarrow.gif);
font-size:x-small;

}

a.aoption {
color:#999999;
font-size:xx-small;
}

a.pag {
color:#333333;
}
a.pag:hover {
color:#333333;
}


#cmscontent input {
width:auto;
background-color:white;
cursor:pointer;

}