/*
-----------Used colors------------
blue ................ #00214D (dark)


gold ................ #A27800


grey .................# CCCCCC
----------------------------------
*/


body{
  background : url(/img/bgBanner.jpg) repeat-x left 18px;
  margin           : 0px;
  font-family      : Verdana, Arial;
  font-size        : 12px;
  color            : #00214D;
  background-color : #ffffff;
}

a img                       {border: none;}
a:link, a:active, a:visited {background-color: inherit; color: #FFFFFF;	text-decoration: none;}
a:hover                     {background-color: inherit; color: #CCCCCC;	text-decoration: none;}



.button{
border      : 1px solid #A27800;
background  : #CCCCCC;
color       : #00214D;
}


.top{
 background : #ffffff;
 width      : 70%;
 height     : 12px;
 position   : absolute;
 top        : 0px;
 left       : 280px;
 text-align : left;
 padding    : 6px;
}

.info{
display   : inline;
font-size : 9px;
}

.language{  
 display    : inline;
 text-align : right; 
 position   : absolute;
 right      : 0px;
 }
 
.language a:link, .language a:active, .language a:visited {color: #A27800;}
.language a:hover                                         {color: #00214D;}




.container{
 height     : 622px;
 margin     : 0;
 padding    : 0;
 text-align : center;
}

.viewer
  {
  z-index: 100000;
  position : absolute;
  display : none;
  width :100%;
  height :800px;
  background : url(/img/bgPreview.png);
  text-align : center;
  vertical-align : middle;
  top: 0px;
  left: 0px;
  }


.menu{
 background : url(/img/menu.jpg) no-repeat left top #00214D;
 width      : 250px;
 height     : 630px;
 display    : inline;
 position   : absolute;
 top        : 0px;
 color      : #ffffff;
}

.open{
 display: block;
}


.closed {
 display  : none;
}

.menu ul{
 padding-left  : 10px;
 margin-left   : 5px;
 margin-top    : 2px;
}
.menu li {
  cursor: pointer;
}

.selected a{
color : #A27800;
}




li{
 list-style-type : none;
 padding-top     : .2em;
 padding-bottom  : .2em;
 font-size       : 12px;
}


.dotList{
 list-style-type : disc;
 list-style-position : inside;
}

.banner{
 background : url(/img/banner.jpg) no-repeat 250px top;
 height     : 268px;
 margin-top : 22px;
}


.boxed {
  border  : 1px solid #00214D;
}

.bgSeparator{
 background    : url(/img/bgSeparator.jpg) repeat-X 251px bottom;
 height        : 70px;
 text-align    : right;
}
/* for Mozilla/Safari/Opera */
*>.bgSeparator{
 margin-top    : -30px;
}
* html .bgSeparator{
/* for IE, with IE5/Mac backslash filter \*/
 margin-top    : -25px;
/* end filter */
}



.pageTitle{
 height        : 30px;
 text-align    : left;
 padding-top   : 5px;
 margin-left  : 330px;
 color         : #A27800;
 font-size     : 20px;
 z-index       : 10;
 position      : relative;
}



.pageSubTitle{
 font-size     : 16px;
}


.pageIcon{
 width         : 55px;
 height        : 55px;
 margin-top    : -60px;
 margin-left   : 270px;
 z-index       : 11;
}


.content{
 margin-left     : 275px;
 margin-top      : 0px;
 text-align      : justify;
}


.column1{
 display         : inline;
 margin          : 0px;
 float           : left;
}
/* for Mozilla/Safari/Opera */
*>.column1{
  width           : 98%;
}
* html .column1{
/* for IE, with IE5/Mac backslash filter \*/
  width           : 70%;
/* end filter */
}


.textColumn
{
  display        : inline;
  float          : left;
  margin         : 10px;
  width          : 45%;
  text-align     : justify;
  text-indent    : 5px;
  vertical-align : top;
}

.textlink a:link, .textlink a:active, .textlink a:visited {color: #00214D;	text-decoration: underline;}
.textlink a:hover  {color: #A27800;	text-decoration: none;}



.column2{
 right      : 10px;
 top        : 40px;
 position   : absolute;
 width      : 250px;
 text-align: center;
}
.column2 a:link, .column2 a:active, .column2 a:visited {color: #FFFFFF;	text-decoration: underline;}
.column2 a:hover                                       {color: #A27800;	text-decoration: none;}


.column2 img{
  border  : 1px solid #A27800;
  width   : 50px;
  height  : 50px;
  cursor  : pointer;  
 }


.columnItem{
  margin: 5px;
  float: left;
  background: #FEA;
}


.imageBorder{
border  : 1px solid #A27800;
width   : 200px;
height  : 104px;
cursor  : pointer;
}

#viewerImageId{
 border      : 1px solid #A27800;
 margin-top: 100px;
}

.backBtn{
text-align:right;
}

.w3c{
position : absolute;
top      : 435px;
left     : 0px;
width    : 200px;
margin-left: .4em;
}

.w3c .register{
  color: #fff;
  font-size: .75em;
  margin-left: .4em;
}


.iconLeft{
padding : 2px;
display : inline;
float   : left; 
}

.iconRight{
padding : 2px;
display : inline;
float   : right;
}