@charset "utf-8";
/* CSS Document */


*{
padding: 0px;
margin: 0px;
}

body { 
/*
background-image: url(../img/home_sketch.jpg);
*/
background-image: url(../img/skin/bg_top.png); 
background-repeat: repeat-x;
background-position: top center;
font-family:Arial, Helvetica, sans-serif;
min-width: 900px;
background-color: #fff;
font-size: 0.9em;
}


.topSky {
background-image:url(../img/skin/illust_top.png);
background-repeat: no-repeat;
background-position: top center;
height:305px;
margin-bottom: -305px;
top: 0px;
left: 0px;
z-index: 0;
}

a { text-decoration:none; }



#login { 
position: absolute;
margin-left: 95px;
margin-top: -1px;
left: 50%;
font-size: 0.7em;
border: 1px solid #1b5770;
}

#login table { 
width: 200px;
margin: 10px
}

#login td { 
border: 0px solid black;
padding: 2px 5px;
color: white;
}

#login .close {float: right; font-size: 1.5em; margin-top: -7px;}

#login h2 {
margin-top: 0em; 
margin-bottom: 0.5em; 
}
#login .submitRow input {
margin-bottom: 0.5em; 
}
#login input.text {
width: 130px;
}
#login .submitRow a {
color: #1b5770;
}

.logo {
position:absolute;
top: 10px;
margin-left:10px;
}
.subnavigaion {
font-size: 0.7em;
float: right;
margin-right:10px;
}

.subnavigaion li,
.navigation li  {
list-style: none;
float: left;
}
.subnavigaion li a{ 
display: block;
padding: 5px 10px 5px 10px;
}

.header .navigation {
margin-top: 16px;
margin-bottom: 5px;
margin-right:10px;
clear:right;
font-size: 0.8em;
font-weight: ;
font-variant:caps;
float: right;

}
.navigation li {
margin: 0px 0px;
}

.header .navigation li a {
display: block;
padding: 5px 25px 5px 25px;

}
.footer .navigation {
padding-top: 10px;
float: right;
}
.footer .navigation a{
margin: 5px 20px ;
height: 30px;
display: block;
}



.header,
.mainContainer,
.footContent {
clear:both;
width: 900px;
margin-left: auto;
margin-right: auto;
}

.mainContainer {
font-size: 0.8em;
min-height: 200px;
background-color: white
}

.mainContainer .section {
min-height: 2em;
padding:  1.5em 1em 0em 1em;
font-weight:100;
font-size: 1.5em;
background-image:url(../img/skin/bg_draw3.gif);
vertical-align: bottom;
clear:both
}



.content {
padding: 2em; 
background-image:url(../img/skin/bg_page_corner.gif);
background-position:right top;
background-repeat:no-repeat;
min-height: 200px;
}


.content h4 {
margin-bottom: 1.5em;	
letter-spacing: 10px;
}


hr {
clear: both;
border: 0px dotted white;
height: 1px;
background-image: url(../img/skin/line_dash1.gif);
background-repeat:repeat-x;
}
.content ul {
padding-left: 1.3em;
padding-bottom: 1.5em;
margin-bottom: 2em;

background-image: url(../img/skin/line_dash1.gif);
background-position:right bottom;
background-repeat:repeat-x;
}

.content ul li {
margin-bottom: 0.5em;
}
p {margin-bottom: 1em}



.footer {
clear:both;
font-size: 0.8em;
margin: 2em 0px 0px 0px;
width: 100%;
height: 80px;
background-repeat: repeat-x;
background-position: top left;
padding-top: 2em;
}

.footer .left { 
padding: 10px 40px 10px 10px;
margin-right: 20px;
float: left;
border-right: 1px solid white;
line-height: 1.5em;
}


.header h1 {
clear:both; 
font-size: 2em; 
font-weight:100; 
text-align:right; 
margin-right: 10px;
padding-top: 0.5em;
padding-bottom: 0.3em;
}







/*  = = = = =  COLORS */

body { color: #808080; }

.header .navigation a 	{color: #fff; background-repeat: no-repeat;}
.header .subnavigaion a {color: #5dc8de ;}
.footer .navigation a,
#login a,
.content a	{color: #3495b2 ;}


.header .subnavigaion li a:hover{ color: #fff; }
.header .navigation li a:hover 	{ background-color: #5dc8de; }
.footer .navigation li a:hover 	{ color: #276c81 ; }
#login a:hover	{color: white ;}

.header .navigation {
border-bottom: 1px solid #1b5770;
}
.header h1 {color: white }


.header .subnavigaion li a.selected { 
color: #276c81 !important;
background-image:url(../img/skin/selected.png);
background-repeat:no-repeat; 
background-position:bottom center;
}

.header .navigation li a.selected {
background-image:url(../img/skin/jet.png);
background-position: 8px 5px;
padding-left: 40px;
}

.header .navigation li a.selected,
.mainContainer .section {
background-color:#1b5770;
color: #a4bcc6;
}


#login { 
background-color: #42aec5;
background-image:url(../img/skin/bg_bottom2.gif);
}

.content h4 {
color: #1b5770;
}


.footer .navigation li a.page_up:hover img { 
visibility: ;
}

.footer .navigation li a.page_up:hover {
background-image:url(../img/skin/up.png);
background-repeat: no-repeat;
background-position: top center;
}


.footer .left {
color:#ffffff;
}

.footer {
background-color: #42aec5;
background-image:url(../img/skin/bg_bottom2.gif);
}





#home .tagLine {color: #1b5770; }
#home .content h2 {color: #fff;}
#home h3.description { color: #6ABEC4;}


.icon_slideShow {
display: block;
padding-top: 12px;
padding-left: 12px;
width:187px;
height: 40px;
margin-left: 330px;
margin-top: 12px;
background-image:url(../lightbox/images/galleryIcon_BG.gif);
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
text-transform:uppercase;
}

.icon_slideShow img{
float: left;
margin: 5px 20px;
}

.icon_slideShow:hover {
background-image:url(../lightbox/images/galleryIcon_BG2.gif);
color: white;
}