
/*
------------------------------------------------------
Copyright Kemie Guaida, some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/
------------------------------------------------------
*/


/* 	********	*/
/* GENERAL STYLES	*/
/* 	********	*/

body {
    color: #4D4D4D;
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em; /*1.8em;*/
    text-align: center;
    background: #E6E6E6;
}

a {
    color: #005880;
}

a:hover {
    color: #006B95;
}

a:visited {
    color: #006B95;
}

a:visited:hover {
    color: #2C91B2;
}

h1{
    font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #FFFFFF; /*#006B95;*/
    margin: 15px 0 15px 0;
    padding-left: 15px; 
}


h2 {
    font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color: #F5A018; /*#007AAC;*/
    margin: 15px;
}


h3 {
    font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #F5A018; /*#56A7C1;*/
    margin: 15px;
}

p {
    margin: 10px 15px 5px 15px;
}


.pageAnchor {
  font-size: 90%;
  text-align: center;
  line-height: 1.25em;
}

.pageAnchorCAC {
  font-size: 90%;
  text-align: right;
  line-height: 1.25em;
}

.boldness {
  font-weight: bold;
}

.italicBold {
  font-weight: bold;
  font-style: italic;
}

.italics {
    font-style: italic;
}

.note {
    color: red;
    font-weight: bold;
}

.meetingHead {
    color:#1666AB;
    font-weight: bold;
    font-size: 1.1em;
}


div.img5Star
{
  margin: 2px;
  height: auto;
  width: auto;
  float: center;
  text-align: center;
}	

div.img
{
  margin: 2px;
  height: auto;
  width: auto;
  float: center;
  text-align: center;
}	

div.img img
{
  display: inline;
  margin: 3px;
  border: 5px ridge #331221;
}

div.img a:hover img {
  border: 1px solid #0000ff;
}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}


/* 	********	*/
/* LAYOUT STYLES 	*/
/* 	********	*/

#container {
  width: 866px; /*change to for increased with 866px;*/
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
 /* margin: 10px auto 0 auto;*/
  background: #FFFFFF ; 
  /* use back_containor2.gif for increase width */
  padding: 0 !important;
  line-height: 1.4em; /*1.8em;*/
  overflow:hidden;
}


#banner {
  height: 146px;
  background: url(imgs/banner_long_noBorder.gif) #E6E6E6 no-repeat; /* banner_long.jpg */
}


#banner h1 {
  float: left;
  color: #FFFFFF;
  margin: 40px 0 0 20px;
  background: none;
}


#content {
  float: left;
  width: 600px; /*590px; was 520x;*/ 
  margin: 2px 2px 0 2px;
  padding: 0;
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

}



* html #content {
  margin-left: 5px;
}


#content_sub {
  float: left;
  width: 820px; 
  margin: 20px 10px 0 10px;
  padding: 0;
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

#content_sub h1.cs {
  font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  color: #F5A018; 
  margin: 0 0 15px 0;
  padding-left: 15px; 
}

#content_sub td.eduHead {
    font-weight: bold;
    text-align: center;
}

#content_sub table.edu td {
	border-width: 1px 2px 2px 1px;
	_border:1px outset #f5f5f5;
	padding: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: #f5f5f5;
	-moz-border-radius: 0px 0px 0px 0px;
}

#content_sub td.eduClassAbbr {
	border-right: 0;
	font-weight: bold;
}

#content2 h1.cs {
  font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  color: #F5A018; 
  margin: 0 0 15px 0;
  padding-left: 15px; 
}

#content_sub h2.cs {
  font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  color: #F5A018; 
  margin: 0 0 15px 0;
}

#sidebar {
  float: left;
  width: 240px; /* 200px; for increase width 230px;*/
  margin: 10px 0 0 0;
  padding: 0;
background-image: url(imgs/home/bg_foi.gif);
background-repeat: no-repeat;
/*background-position: 0px 160px;*/
color: #787878;
}


#sidebar h3 {
    font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #FFFFFF; /*#56A7C1;*/
    margin: 15px;
 }


#sidebar h3.sub{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin: 15px;
color: #F5A018;
}

#sidebar p {
    margin: 1px 15px 5px 15px;
}


/* 	********	*/
/* 	meta nav 	*/
/* 	********	*/
#nav-meta {
float: right;
margin: 11px 25px 0 0;
background: url(imgs/back_navmeta2.gif) no-repeat bottom right;
font-size: .9em;
}


#nav-meta ul {
margin: 0;
padding: 2px;
background: url(imgs/back_navmeta1.gif) no-repeat bottom left;
}


#nav-meta li {
  display: inline;
  padding: 4px;
}

#nav-meta a, #nav-meta a:visited {
  color: #FFFFFF;
  text-decoration: none;
  margin: 4px;
}

#nav-meta a:hover, #nav-meta a:visited:hover {
  color: #D1EBF4;
}

.skip {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}

.skip:active, .skip:focus {
  position: absolute;
  overflow: visible;
  width: auto;
  height: auto;
  background: #2C91B2;
}




/* 	********	*/
/* 	footer 	*/
/* 	********	*/
#info-site {
  clear: both;
  text-align: center; 
  /*background-image: url(imgs/bg_footer_trans.gif);*/  /* back_infosite.gif */
  /*background-repeat: no-repeat;*/
  /*background-position: center bottom;*/
  margin: 0; 
  padding: 30px 0 15px 0;
}

#info-company {
  padding: 5px;
  background: url(imgs/bg_footer_blue.gif) #007AAC no-repeat;  /* back_navmain.gif */
  margin: 10px 16px 10px 10px!important;
  color: #FFFFFF;
}

#info-company a,#info-company a:visited {
  color: #D1EBF4;
}


#info-company a:hover,#info-company a:visited:hover {
  color: #FFFFFF;
}

#info-standards{
  font-size: 10px;
  padding: 0;
  margin: 5px !important;
}



/* 	********		*/
/* 	Event Photos 	*/
/* 	********		*/

iframe{
   text-align:center;
   padding:0px;
   border:0px solid #F0F5FB;
   width:650px;
   height:450px;
   margin:auto;
   text-align:center;
   overflow: hidden;
   background-color: #FFFFFF;
}

#if {
	background-color: #FFFFFF;
	margin:0px auto;
	padding:0px;
	text-align:center;
}

#if img{
	border:1px solid #000;
	text-align:center;
}


.simg{
   border:1px solid #000;
}


.timg{
   border:1px solid #000;
   margin:2px 5px;
}

#content_sub #frameHolder{
   text-align:center;
   padding:20px;
}

#content_sub #list{
   height:120px;
   overflow:auto;
   text-align:center;
}

/* IFRAME STYLES */

#imgInfo {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    text-align:center;
    margin:0px;
    padding:0px;
    color:#ccc;
}

#imgInfo h2 {
    font-size:1.3em;
    font-weight:bold;
}

#imgInfo p {

}


