﻿*
{
    font-family: Arial, Helvetica, Sans-Serif;
    color:#000000;
    font-size:12px;   
}
body
{
    margin:0;
    padding:0;
    line-height: 1.8em;
    background-color:#ccc;
}
a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 5px 21px 0 0;
	vertical-align: top;
}
img { border: none; }
a
{
    outline: none;
    color: #055AE5;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}
em
{
    color: #FF1919;
}
.ctr
{
    text-align:center;
}
html>body #leftcolumn
{
height: auto;
min-height: 500px;
}
#maincontainer
{
    width: 860px;
    margin: 5px auto;
    padding:1px; 
	background-color:#0c3a8f;
}
.logo
{
    margin-left:55px;
}
#head3r
{
    z-index:3;
    border-right:0px;
    border-left:0px;
    border-bottom:1px solid #C0C0C0;
    background-color:transparent;
}

#head3r h1
{
    font-size:120%;
    margin: 0;
    /*text-shadow: 2px 2px 2px #ccc;*/
    color: #FFFFFF;/*#0074CE;*/
}
#head3r a
{
    font-weight:bold;
    font-size:100%;
}

#head3r .inner
{
    background-color:Transparent;
}
.head3rimage
{
    border-top:1px solid #0c3a8f;
    height:115px;
    padding:5px;
    background:#FFFFFF;
    text-align:center;
}
#contentwrapper
{   
    float: left;
    width: 100%;
    background-color:#ffffff;
}

#contentcolumn
{
    margin-left: 200px;
    z-index:1;
    position:relative;
    background-color:Transparent;
}
#contentcolumn h4
{
    color:#FF1919;
    font-size:120%;
}
#leftcolumn
{
    float: left;
    width: 200px;
    margin-left: -860px;
    border-right:1px solid #C0C0C0;
}
#leftcolumn .inner
{
    border:1px solid #C0C0C0;
    -moz-border-radius: .5em;
    -khtml-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.2);
	box-shadow: 0 3px 10px rgba(0,0,0,.2);
	background-color:#ffffff;
	height:auto;
	margin-bottom:15px;
	}
#leftcolumn .inner a img
{
    border:none;
    margin:0 auto;
    padding:0;
}
#footer
{
    clear: both;
}
#footer a
{
     color:#FFFFFF;
     text-decoration:underline;
}
.inner
{
margin: 5px;
}
#contentcolumn .inner
{
    padding:0 5px;
}
.contentTitle
{
    margin:3px;
    text-align:center;
    font-weight:bold;
    border:1px solid #0c3a8f;
    text-transform:uppercase;
    color:#000;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#FF1919;
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.2);
	box-shadow: 0 3px 4px rgba(0,0,0,.2);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF1919), to(#ff8c8c));
	background: -moz-linear-gradient(top,  #FF1919,  #ff8c8c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1919', endColorstr='#ff8c8c');
/*	background: -webkit-gradient(linear, left top, left bottom, from(#FF1919), to(#ff8c8c));
	background: -moz-linear-gradient(top,  #FF1919,  #ff8c8c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1919', endColorstr='#ff8c8c');
*/
}
#tblProject td
{
    padding:5px;
    border:none;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;

}
#tblProject
{
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.2);
	box-shadow: 0 3px 10px rgba(0,0,0,.2);
    border:none;
    border-left:1px solid #ccc;

}
#tbltopNav
{
    list-style-type:none;
    width:100%;
    margin:0;
    margin-bottom:-3px;
    z-index:2;
}
.tblLeft
{
    width:50%;

    padding-left:3px;
}
.tblLeft a
{
    color:#FFF;
}
.tblRight
{
    width:50%;
    text-align:right;
    vertical-align:bottom;
}
#head3r .tblRight a
{
    padding-bottom:0;
    vertical-align:bottom;
}
.leftlink
{
    border-bottom:1px solid #ccc;
    display:block;
    background-image:url('./img/p3.png');    
    background-position: 5px center;
    background-repeat:no-repeat;
    padding-left: 20px;
    padding-top:0px;
}
.activelink
{
    text-decoration:underline;
    font-weight:bold;
    background-image:url('./img/p4.png');    
    background-position: 5px center;
    background-repeat:no-repeat;
    padding-left: 20px;
    padding-top:0;
}

ul#nav,ul#nav li{float:right;list-style-type:none;margin:0;padding:0}
ul#nav{margin-right:-3px;margin-bottom:-1px;}
ul#nav li{float:left;margin-right:1px;text-align: center;}
ul#nav a{float:left;padding: 3px 6px 0px 6px;text-decoration:none;color: #FFFFFF;cursor:pointer;}
ul#nav a:hover{text-decoration:underline;}
ul#nav li.active a{border-bottom:1px solid #7FB9E9;}
ul#nav li.activelink a,ul#nav a:hover{font-weight:bold}
.gradient
{
/*    background: #0074CE ;
    background: -webkit-gradient(linear, left top, left bottom, from(#0074CE), to(#7fb9e6));
	background: -moz-linear-gradient(top,  #0074CE,  #7fb9e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074CE', endColorstr='#7fb9e6');*/
	
}
.whiter
{
/*    background: #0074CE ;
    border-bottom:1px solid #7FB9E9;
    background: -webkit-gradient(linear, left top, left bottom, from(#0074CE), to(#7fb9e6));
	background: -moz-linear-gradient(top,  #0074CE,  #7fb9e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074CE', endColorstr='#7fb9e6');*/
	background-color:transparent;

}
#home
{
    
background: #0074CE ;
background: -webkit-gradient(linear, left top, left bottom, from(#0074CE), to(#7fb9e6));
	background: -moz-linear-gradient(top,  #0074CE,  #7fb9e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074CE', endColorstr='#7fb9e6');
}
li#about a{background: #0074CE ;background: -webkit-gradient(linear, left top, left bottom, from(#0074CE), to(#7fb9e6));
	background: -moz-linear-gradient(top,  #0074CE,  #7fb9e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074CE', endColorstr='#7fb9e6');}
li#activities a{background: #0074CE ;background: -webkit-gradient(linear, left top, left bottom, from(#0074CE), to(#7fb9e6));
	background: -moz-linear-gradient(top,  #0074CE,  #7fb9e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074CE', endColorstr='#7fb9e6');}
li#contact a{background-color: #0074CE ;background: -webkit-gradient(linear, left top, left bottom, from(#0074CE), to(#7fb9e6));
	background: -moz-linear-gradient(top,  #0074CE,  #7fb9e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074CE', endColorstr='#7fb9e6');}
	
#contactcolumn
{
    position:relative;
    background-color:Transparent;
    height:auto;
}
#contactcolumn .inner
{
    border:1px solid #C0C0C0;
    -moz-border-radius: .5em;
    -khtml-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.2);
	box-shadow: 0 3px 10px rgba(0,0,0,.2);
	background-color:#ffffff;
	padding-left:5px;
}
.note
{
    list-style-position:inside;list-style-type:square;
}

.leftinside
{
    float:left;
    width:32%;
    padding:5px;
    height:auto;
    text-align:center;
}
.leftinside a img
{
    border: 1px solid #BBB;
	padding: 2px;	
	margin: 5px auto;
	vertical-align: top;
}
.rightinside
{

    float:right;
    width:65%;
    height:auto;
}
.topinside
{
    float:left;
    width:100%;
    padding:5px;
    margin-bottom:25px;
}
.topinside .note
{
      list-style-position:outside;list-style-type:square; 
}
.bottominside
{
    text-align:center;
    display:inline-block;    
    float:left;
    width:100%;
    padding:5px;
}
.bottominside img
{
border:none;
}
.bottominside a img
{
    border: 1px solid #BBB;
	padding: 2px;	
	margin: 5px 15px 0 0;
	vertical-align: top;
}
#gallery {
	position:relative;
	height:300px;
	background-color:#FFFFFF;
	margin-left:5px;
	padding-left:5px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
