/*
Theme : gic
 */

html {
font-family:arial, helvetica, sans-serif;
font-size:14px;
color:#555;
background-image:url("images/back.jpg");
}

body {
position:relative;
width:840px;
padding:0px;
margin:0px auto 0px auto;
}

img {
color: #e1e1e1;
border: 1px solid #000;
background-color: #ffffff;
}

* input { 
background-color: #fff; 
border: solid 1px #369; 
}
* textarea { background-color: #fff; border: solid 1px #369; }


#banner {
position:absolute;
left:0px;
width:100%;
height:35px;
padding:0 !important;
background:transparent;
}

#banner p {
position:relative;
top:10px;
left:0px; 
padding:0;
margin:0;
font-family:sans-serif;
font-size:28px;
font-weight:bold; 
vertical-align:center;
text-align: center;
color:#253f5f;
}

#nav-main {
position:absolute;
left:0px;
top:45px;
width:840px;
heigth: 30px;
margin:0px;
padding:0px;
font-family:arial;
font-weight:bold; 
font-size:16px;
text-align:center;
z-index:1;
}

#nav-main ul {
margin:0px;
padding:8px;
}

#nav-main ul li {
display:inline;
color:#555;
border:2px ridge #fff;
list-style:none;
margin:0;
margin-left:6px;
padding:1px 5px 1px 5px;
}

#nav-main a {
display:inline;
text-decoration:none;
color:#555;
margin:0 !important;
padding:0;
margin-right:-6px;
padding: 1px 5px 1px 5px !important; 
}


#nav-main li:hover {
/* background-color:#a5bee3; */
color:#fff;
}

#nav-main li a:hover {
/* background-color:#a5bee3; */
color:#fff;
}

#nav-main li.here {
background-color:#fff; 
border:2px ridge #fff;
/* border-bottom:8px solid #000; */
margin:0px;
margin-left:6px;
padding: 6px 5px 8px 5px !important; 
color:#000;
}

#nav-main li.here a {
color: #000;
background-color:inherit;
margin:0 !important;
padding:0;
margin-right:-6px;
padding: 3px 5px 3px 5px !important; 
}

#nav-main li.here a:hover {
color: #000;
background-color:inherit;
}

#content {
position:absolute;
top:88px;
left: 0px;
width: 840px;
padding-top: 20px;
border:1px solid #000;
text-align:center;
background: #fff;
}

div.guide { 
padding:2px;
margin:0px;
 }

div.guide table.guide {
width: 410px;
height:100px;
background-color:#ccd9e7;
border:1px outset #000;
margin:0px;
padding:2px;
 }

div.guide table.coord {
width: auto;
height:auto;
background-color: inherit;
border: none;
margin:0px;
padding:0px;
font-family:arial;
font-size:12px;
}

div.guide td.guide-photo {
width: 100px;
color: #000;
background-color:#ccd9e7;
margin:0px;
padding:0px;
 }

div.guide td.guide-text {
width: 310px;
color: #000;
background-color:#ccd9e7;
margin:0px;
padding:4px;
 }

td.item { 
color: #666;
 }


h1,h2,h3,h4,h5,h6 {
height:auto !important;
font-family:sans-serif;
font-style:normal;
}

h1 {
width:auto;
padding-top:0.3em;
padding-left:0px;
padding-bottom:4px;
font-size:1.5em;
margin: 0;
color:#555;
text-align: center;
border-bottom:1px solid #000;
}

h2 {
width:250px;
font-size:1.2em;
color:#fff;
margin-left:25px;
padding-left:10px;
background-color:#3970c3;
border:1px outset #000;
}


h3, h4, h5, h6 {
width:250px;
font-size:1.2em;
color:#666;
margin-left:50px;
padding-left:10px;
border-bottom:1px solid #000;
}

img.noborder {
color: #e1e1e1;
border: none;
background-color: #ffffff;
}


#footer { 
position:relative;
/* top:0px;
left: 0px; */
width: 840px;
background-color:#ccd9e7;
border-top:1px solid #000;
text-align:center;
margin: 0px;
padding: Opx;
padding-top: 4px;
padding-bottom: 4px;
 }

/* Ditto */
#DittoContainer {
width: 840px;
text-align: center;
padding: 0px;
margin: Opx;
}

div.ditto_summaryPost {
        width: 740px;
	color: #336699;
        background-color: #c9d4e9;
        margin: 30px;
        padding: 20px;
        text-align: left;
	border: solid 1px #336699;
}

div.ditto_summaryPost h3 {
width:auto;
padding-top:0.3em;
padding-left:0px;
padding-bottom:4px;
font-size:16px;
margin: 0;
color:#555;
text-align: center;
border-bottom:1px solid #000;
}

/* Forms */
div.form {
color: #000;
background-color:#ccd9e7;
text-align: right;
}