/* CSS Document */

body {
margin: 0; 
text-align: center; /* correct IE bug */
background-color:#f5831f;
font-family:  Helvetica, Arial, sans-serif;
font-size:12px;
color:#FFFFFF;
height:100%;
line-height:14px;
}
 
#hide{
position:absolute;
top:-1000px;
}

/* @group Common */

/**************
common tag
**************/
p{
margin:0px;
}
ul, li{
list-style:none;
margin:0;
padding:0;
}
a{
color:#a71e22;

text-decoration:none;
font-size:12px;
}
a:hover{
color:#f5831f;
}
img{
border:0;
margin:0;
padding:0;
}
h1{
font-weight:bold;
color:#fa3c13;
font-size:30px;
margin:10px 10px 15px 0px;
}
h2, h2 a{
color:#f5831f;
line-height:20px;
font-size:20px;
}
h3{
margin-top:20px;
margin-bottom:0px;
padding-bottom:0px;
}
h4{
margin-bottom:0px;}
h5{
color:#333333;
font-size:24px;
}
input{
margin:0;
}
form{
margin:0;
}

table{
text-align:left;
border-spacing:0px;
border-collapse:collapse;
}
form{
margin:0;}

/**************
general class
**************/
.imgAlignMiddle{
vertical-align:middle;
margin:0;
border: none;
}
.imgAlignTop{
vertical-align: top;
}
.imgFloatLeft{
float:left;
}
.imgFloatRight{
float:right;
}
#marginRight{
margin-right:15px;
}
.imgLeftMargin{
float:left;
margin-right:20px;
margin-bottom:10px;
}
.marginLeft{
margin-left:88px;
}
.alignRight{
text-align:right;}

.gallery{
float:left;
margin-right:15px;
margin-bottom:15px;
}
.button{
display:block;
height:20px;
padding:0;
margin:0;
}
.button a{
background-image:url(../Resources/bt_bkgd.gif);
background-repeat:repeat-x;
color:#FFFFFF;
padding:2px 2px 2px 2px;
font-weight:bold;
line-height:20px;
}
.button a:hover{
color:#333333;

}
.bold{
font-weight:bold;}
.clear{
clear:both;}
.listContent li{
margin-left:40px;
list-style-type:square;
color:#FFFFFF;
list-style-position:outside;
line-height:20px;}
.listContentNews li{
margin-left:40px;
list-style-type:square;
color:#FFFFFF;
list-style-position:outside;
line-height:20px;
font-size:14px;
margin-bottom:10px;
font-style:italic;}
.listContentNews li a{
font-size:20px;
font-style: normal;}

/**************
main structure
**************/
div#global { /* takes everything:  main div  and footer*/
 position: relative; /* global div position */
 margin:auto;
 width:938px;  
 text-align: left;
 background-image:url(../Resources/backgroung_global.gif);
 background-repeat:repeat-y;
 background-position:bottom;
 height:100%;
 display:table;
 }

#backTop{ /* Mainly for IE 6.0*/
background-image: url(../Resources/backBack.gif);
background-repeat:repeat-y;
background-position:bottom;
}
div#header{
position:relative;
top:0px;
left:0px;
height:132px;
width:938px;
background-image:url(../Resources/banner.jpg);
background-repeat:no-repeat;
}
div#main{ 
width:938px;
min-height:500px;
height:100%;
float:left;
background-image: url(../Resources/background_main.gif);
background-repeat:no-repeat;
margin:0;
padding-bottom:20px;
}
div#leftContentBox{
width:173px;
float:left;
min-height:450px;
height:100%;
margin:0px 0px 0px 20px;
}


/**************
header
**************/



/**************
menu
**************/
#menu{/*menu bar*/
width:915px;
height:19px;
display:inline;
margin:0;
background-color:#333333;
background-image:url(../Resources/background_menu.gif);
background-repeat:repeat-x;
padding-top:6px;
float:left;
}
#menu ul {
margin-left:180px;
}

#menu ul li{/*menu */
display:inline;
height:33px;
margin-right:30px;
}
#menu li a{/*menu link*/
height:24px;
padding:4px; 
color:#FFFFFF;
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:18px;
}
#menu li a:hover{
background-image:url(../Resources/menu_background_hover.gif);
background-repeat:repeat-x;
background-position:top;
color:#FFFFFF;
text-decoration:none;
height:13px;
}



/**************
left column
**************/

#leftContentBox ul{
margin-top:20px;
}
#leftContentBox li{
padding-left:5px;
border-bottom:1px solid #cccccc;
line-height:25px;
width:140px;
border-top:3px solid #fef9f4;
font-size:16px;
}
#leftContentBox li a{
font-size:16px;
font-weight:bold;
}
#leftContentBox li:hover{
background-color:#fef9f4;
}
/**************
main content
**************/
#mainContent{
width:730px;
float:left;
margin-left:15px;
}
#centerContentBox{
width:520px;
height:100%;
float:left;
margin-top:50px;
}
#centerContentBox p{
line-height:18px;
margin-top:10px;
}
#centerContentBox a{
color:#f5831f;
}
#centerContentBox a:hover{
color:#a71e22;
}



#dArt li {
height:170px;
margin-top:10px;
margin-bottom:10px;
display:block;
list-style:none;
}
#dArt li span{
font-weight:bold;
}

#topText{
position:relative;
top:70px;
left:150px;
width:360px;
height:50px;
margin-bottom:150px;
font-size:21px;
font-weight:bold;
line-height:30px;
}
#topText a{
font-size:21px;
font-weight:bold;
}


/**************
right column
**************/
#rightContentBox{
float:right;
width:187px;
min-height:450px;
height:100%;
padding:0;
background-color:#FFFFFF;
background-image:url(../Resources/background_right.jpg);
background-repeat:repeat-y;
background-position:left;
}


#links{
background-image:url(../Resources/right_box_02.jpg);
background-repeat:no-repeat;
display:block;
width:177px;
height:90px;
margin-top:5px;
padding-top:30px;
padding-left:5px;
margin-bottom:0px;
margin-left:12px;
}

#links ul li{
line-height:18px;
width:170px;
}
#links ul li a{
font-weight:bold;
font-size:12px;
}

#bookmarks{
background-image:url(../Resources/right_box_03.jpg);
background-repeat:no-repeat;
display:block;
width:177px;
height:105px;
margin-left:12px;
margin-top:0px;
padding-top:25px;
padding-left:5px;
}

#bookmarks ul li{
line-height:18px;
width:170px;
}
#bookmarks ul li a{
font-weight:bold;
font-size:12px;
}
#logo{
margin-top:20px;
text-align:left;
margin-bottom:100px;
color:#a71e22;
padding-left:10px;
line-height:25px;
font-style:italic;
}
#logo img{
margin-right:5px;
margin-bottom:10px;
}



/**************
footer
**************/

#footer{
 position: relative; /* global div position */
 margin:auto;
 width:938px;  
 text-align: left;
 padding-top:2px;
 font-size:11px;
 background-color:#a70e13;
 height:35px;
 color:#FFFFCC;
}
#footer a{
 font-size:11px;
 color:#FFFFFF;
 font-weight:bold;
 padding:3px;
}
#footer a:hover{
background-color:#f5831f;
}

#address{
position:relative;
top:12px;
left:36px;
width:700px;
margin-bottom:30px;
}

.adminButton 
{
   position: absolute;
   top: 200px;
}