@charset "utf-8";
/* CSS Document */
@font-face{ font-family:AndaleMono; src:url('ANDALEM0.eot')}

@font-face{ font-family:AndaleMono; src:url("AndaleMono.ttf")}

a { text-decoration: none;}
*{ margin:0; padding:0;}
body{ background:#d0d6d4;}
img{ border:none}
#layout{ width:831px; margin:0 auto; }
#header{float:left; width:831px; background:url(../img/header_banner.jpg) no-repeat 0 0; height:180px;}
#header img{float:left; margin:80px 0 0 19px; display:inline;}

#body_container{float:left; width:831px; margin-left:1px ; display:inline;background-color:#fff;padding-bottom:30px;}
#left_container{float:left; width:262px;min-height:582px;position:relative;}
#left_container #left_nav{float:left; width:192px;}
#left_container #left_nav ul{float:left; width:192px; list-style:none}
#left_container #left_nav ul li{float:left; width:192px; }
#left_container #left_nav ul li.home{ background:#6e97ad url(../img/left_nav_home.gif) no-repeat 0 0;}
#left_container #left_nav ul li.about{ background:#a5d46c url(../img/left_nav_about.gif) no-repeat 0 0;height:45px;overflow:hidden;}
#left_container #left_nav ul li.about li{ background:#f0f5d8 }
#left_container #left_nav ul li.become{ background:#f56483 url(../img/left_nav_become.gif) no-repeat 0 0;}
#left_container #left_nav ul li.confrence{ background:#d7c6a1 url(../img/left_nav_confrence.gif) no-repeat 0 0;height:45px;overflow:hidden; }
#left_container #left_nav ul li.confrence li{ background:#ede4d0 }
#left_container #left_nav ul li ul{float:left; width:183px;list-style:none; margin-left:7px; display:inline;}
#left_container #left_nav ul li ul li{float:left; width:183px; border:1px solid #f3ede1; background:#e0d5b7; margin-bottom:1px; padding:0}
#left_container #left_nav ul li ul li a{float:left; width:132px; line-height:19px;  padding-left:50px;padding-top:3px;padding-bottom:3px;}

#left_container #left_nav ul li.home:hover { background-color:#d9e4ec;}
#left_container #left_nav ul li.about:hover { background-color:#f0f5d8;}
#left_container #left_nav ul li.become:hover { background-color:#fac3cf;}
#left_container #left_nav ul li.confrence:hover { background-color:#ede4d0;}
#left_container #left_nav ul li.resources:hover { background-color:#f2f5f6;}
#left_container #left_nav ul li.photo:hover { background-color:#e6dad5;}


#left_container #left_nav ul li.resources{ background:#b0cfca url(../img/left_nav_resource.gif) no-repeat 0 0;height:45px;overflow:hidden;}
#left_container #left_nav ul li.resources li{ background:#f2f5f6 }

#left_container #left_nav ul li.photo{ background:#b5a198 url(../img/left_nav_photo.gif) no-repeat 0 0;}
#left_container #left_nav ul li a{float:left; width:162px;  color:#3d567e; text-decoration:none;   font: normal 14px/45px AndaleMono, Arial, Helvetica, sans-serif; padding-left:30px;font-family:AndaleMono, Arial, Helvetica, sans-serif;}

#left_container #left_nav ul li ul li.active {height:auto;background-color:#fff;border-color:#fff;}
#left_container #left_nav ul li ul li:hover {background-color:#f2f5f6;}
#left_container #left_nav ul li.active {height:auto;background-color:#fff !important;border-color:#fff}
#left_container #left_nav ul li.topactive {height:auto;background-color:#eee;border-color:#eee;}
#left_container #left_nav ul li ul {background-color:#fff;padding-left:10px;position:relative;left:-10px;}
#left_container .com{float:left; width:auto; margin:40px 0 0 50px ; display:inline;position:relative;top:30px;left:0px;}


#right_container{float:left; width:569px; padding:42px 0 0 0 ; position:relative;color:#183964; font:normal 13px/16px Verdana, Geneva, sans-serif;}
#right_container .bredcrumbs{float:left; width:auto; padding-bottom:20px;}
#right_container .bredcrumbs ul{float:left; width:auto; list-style:none}
#right_container .bredcrumbs ul li{float:left; width:auto ;color:#959ca2; font:normal 14px/16px Verdana, Geneva, sans-serif; padding-right:3px;}
#right_container .bredcrumbs ul li a{ float:left; width:auto; text-decoration:none; color:#959ca2; padding-right:3px }
#right_container .bredcrumbs ul li a:hover{ text-decoration:underline}
#right_container h3{float:left; width:560px; font:normal 22px/24px Georgia, "Times New Roman", Times, serif; color:#445e81}
#right_container h3 span{ color:#2d8ba4;}
#right_container h4{float:left; width:500px; font:normal 16px/18px Georgia, "Times New Roman", Times, serif; color:#A6A8AB}
#right_container .concepts{float:left; width:404px; padding-top:0px}
#right_container .concepts h5{float:left; width:350px; color:#027091; font:bold 16px/18px Georgia, "Times New Roman", Times, serif;}
#right_container .concepts p{float:left; width:370px; color:#183964; font:normal 13px/16px Verdana, Geneva, sans-serif; padding-bottom:17px}
#right_container .concepts p a{ color:#183964; text-decoration:none}
#right_container .concepts p a:hover{ text-decoration:underline}
#right_container .concepts p a.download{ color:#ee2c51; text-decoration:none; margin-top:18px; float:left; width:auto;}
#right_container .concepts p a.download:hover{ color:#ee2c51; text-decoration:underline}
#right_container .pic_section{float:left; width:165px; padding-top:37px;}
#right_container .pic_section img{ margin-bottom:10px; float:left}

#right_container .meeting{float:left; width:167px; height:107px; background:url(../img/red_cirle.gif) no-repeat 0 0; position:absolute; top:-40px; right:43px; padding-top:60px}
#right_container .meeting h3{float:left; width:167px; text-align:center; font: normal 10px/12px "futura",Arial, Helvetica, sans-serif;  color:#241415; text-transform:uppercase; }
#right_container .meeting h2{float:left; width:167px; text-align:center; font:normal 24px/29px "futura",Arial, Helvetica, sans-serif; color:#241415; text-transform:uppercase}
#right_container .meeting h4{float:left; width:167px; text-align:center; font: normal 8px/10px "futura",Arial, Helvetica, sans-serif;  color:#fff; text-transform:uppercase}
#right_container .meeting h5{float:left; width:167px; text-align:center; font: bold 8px/27px Verdana, Geneva, sans-serif;  color:#241415; text-transform:uppercase;}
#right_container .meeting h3 span{color:#fff;}
#briefs li { clear:both;}

.contentitems {
font-family:Verdana, Geneva, sans-serif;
font-size: 12px;
position: relative;
left:-40px;
}

.contentitems a {
    color: grey;
    
}

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 0 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}


/* forms */

fieldset {
    border:1px solid #ccc;
}
form {
margin-top: 2em;
}
form div{
vertical-align: text-top;
margin-bottom:2em;
}
form div.date{
margin-left: 0em;
}
label {
display: block;
float:left;
font-size: 11px;
padding-right: 10px;
height:20px;
}

input[type=checkbox] {
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}

input, textarea {
clear: both;
display:block;
font-size: 11px;
font-family: inherit;
}

textarea {
width:400px;
height:600px !important;	
padding-bottom:30px; 

	}
    
select {
clear: both;
vertical-align: text-bottom;
font-size: 11px;
font-family: inherit;
}

option {
font-size: 11px;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
text-align:left;
font-size:11px;
}

div.required {
clear: both;
color:#555;
font-weight:bold;
}

div.optional {
clear: both;
color:#555;
}

div.submit {
clear: both;
margin-top: 40px;
text-align:left;
}


input[type=text], textarea,select{
	border:1px solid #666;
	background-color:#fff;
	}	
    
.thumb { width:150px; padding-right:20px;  padding-bottom: 20px;}

.gallery div {
    width : 380px;
    padding-bottom:10px;
    padding-top: 10px;
} 

.gallery div img {
    width: 100%;
}

.gallery_image h4, .pic_section h4, .pic_section h4 a {
    width: 150px !important;
}

.gallery_image {
    height: 210px !important;
    width : 170px !important;
    background-color:#dfd2ce;
    float: left;
    border-right: 13px #fff solid;
    border-bottom: 13px #fff solid;

    padding: 0px !important;
}

.gallery_image img {
    height :120px;
    width   :170px;
}

#right_container .gallery_section { margin-bottom:10px; margin-top:10px; float:left; width:165px; background-color:#dfd2ce; position:relative;top:-112px; }
#right_container .gallery_section h4 {width: 160px;}
.gallery_section {padding-bottom: 5px;}
.gallery_section h4{padding-top:40px;padding-bottom:20px; padding-left:8px; color:#1f4d87 !important;}
.gallery_item { padding : 8px; }
.gallery_item h4 { padding: 0px; }
.gallery_image,.gallery_image a,.gallery_item,.gallery_item a { color: #ef4c6f;font:normal 14px/16px Verdana, Geneva, sans-serif !important; }
.gallery_image h4 {color:#1f4d87 !important;}

.last {
    cursor: default;
}

ol {
    width : 400px;
    clear: both;
    margin-left: 20px;
}

.concepts ul  {
    width : 400px;
    clear: both;
    margin-left: 12px;
}

.gallery {
    width: 404px !important;
}

#banner {
    position:absolute;
}

.concepts ul li p {
    display : inline;
    margin  : 0px;
    padding : 0px;
}
a {
    color: #3399CC;
}
a:visited {
    color: #666666;
}

a:active {
    color: #99CCCC;
}

.bredcrumbs a:hover {
    color: #3399CC !important;
}