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

body
{
margin-top: 0px; background-color:#e9e9e9;
}


#mainContainer
{
width:970px; margin:auto;
background-color:#FFFFFF;
}

#topArea
{
width:970px; height: 100px; float:left; background-color:#FFFFFF;
}

#logoArea
{
margin-top:20px;
width:300px;
height:80px;
float:left;
}
.logo
{

background-image:url(../images/CyberSafeLogo.jpg);
background-repeat:no-repeat;
}


#navigationArea
{
width:970px; height:38px; float:left;
}

#navigationAreaLeft
{
width:4px; height:36px; float:left;
}
#navigationAreaRight
{
width:4px; height:36px; float:right;
}
#navigationAreaMiddle
{
width:962px; height:36px; float:left;
}

#bannerArea
{
width:970px; height:120px; float:left; border-bottom: 3px solid #B4BECB;
}


#contentArea
{
width: 970px; float:left;
background-color:#FFFFFF;
/* height: 415px;*/
}

#innerContent_1
{
width: 970px; float:left; /*height: 190px;*/
}

#innerContent_1_leftArea
{
padding-left:10px; width: 680px;  float:left; /*height: 185px; */  margin-top:8px;  padding-right: 10px; border-right: 1px solid #DADADA;
}


#innerContent_1_leftArea_1
{
padding-left:10px; width: 319px;  float:left; /*height: 185px; */  margin-top:8px;  padding-right: 10px; border-right: 1px solid #DADADA;
}

#innerContent_1_leftArea_2
{
padding-left:10px; width: 319px;  float:left; /*height: 185px; */  margin-top:8px;  padding-right: 10px; border-right: 1px solid #DADADA;
}

#innerContent_1_leftAreaAlbum
{
padding-left:10px; width: 950px;  float:left; /*height: 185px; */  margin-top:8px;  padding-right: 10px; 
}

#innerContent_1_rightArea
{

width: 250px;  float:left; padding-left: 10px; padding-top: 7px;
}




#productInfo
{
width: 930px;
height: 100px;

clear:both;
font-size: 135%;
padding: 20px;
float:left;
background-color:#FFFFFF;
border-top: 1px solid #CCCCCC;
}

#signup
 {	
 padding-left:5px;	
 height:130px;	
 margin-left:5px;	
 width:180px;	
}


#productInfo h6 
{	
font-size:11px;
color:#666666;
margin:4px 0px; 
font-family:Tahoma, Arial, sans serif;
}




#footerArea
{
width: 970px; height: 50px; float: left; padding-top: 10px; border-top:3px solid #BAC9CD;background-color:#FFFFFF;
}











/*  for menu*/

#menu
{
height: 25px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;
font-weight: bold; float:left; position:relative;
}

#menu ul
{
margin: 0px; padding: 0px; list-style-type: none; width:auto;
}
#menu ul li
{
display:block; float:left; margin: 0px 9px 0px 0px;
}

#menu ul li a
{
display:block; padding: 10px 12px 5px 12px; float:left; text-decoration: none; color:#000000;
}

#menu ul li a:link
{
display:block; padding: 10px 12px 5px 12px; float:left; text-decoration: none; color:#000000;
}

#menu ul li a:hover
{
display:block; padding: 10px 12px 5px 12px; float:left; text-decoration: none; color:#ffffff;
}





/* classes */

.navigationImageLeft
{
background-image:url(../images/leftNavigation.jpg); background-repeat:no-repeat;
}

.navigationImageRight
{
background-image:url(../images/rightNavigation.jpg); background-repeat:no-repeat;
}

.navigationImageMiddle
{
background-image:url(../images/middleNavigation.jpg); background-repeat:repeat-x;
}




.headingText
{
font-family:Tahoma,Arial, sans-serif; font-size:13px; font-weight: bold; color:#336699;

}

.BulletListHeadingText
{
font-family: Tahoma, Arial, sans serif; font-size: 11px;  line-height:14px; font-weight: bold; color:#333333;
}



.contentText
{
font-family: Arial, sans serif;  font-size: 12px; color:#666666; line-height: 18px; text-align:justify;
}


#contentText_album
{
width:970px;
float:left;
}

.newEventsHeading
{
font-family:Tahoma, Arial, sans serif; font-size: 13px; color:#666666; font-weight: bold;
}

.bulletedText
{
font-family: Tahoma, Arial, sans serif; font-size: 11px; color:#666666; line-height: 18px; list-style-type:disc; margin-left:-8px;
}


.readMore
{
text-align:right; font-family: Tahoma, Arial, sans serif; font-size: 10px; color:#4294BB; font-weight:bold; text-decoration: none;
}

.readMore a
{
text-align:right; font-family: Tahoma, Arial, sans serif; font-size: 10px; color:#4294BB; font-weight:bold; text-decoration: none;
padding-left: 3px;
}

.readMore a:link
{
text-align:right; font-family: Tahoma, Arial, sans serif; font-size: 10px; color:#4294BB; font-weight:bold; text-decoration: none;
}

.readMore a:hover
{

font-family: Tahoma, Arial, sans serif; font-size: 10px; color:#ff6600; font-weight:bold; text-decoration: none;
}

.footerText
{
font-family: Tahoma, Arial, sans serif; font-size: 11px; color:#8F8F8F; line-height:14px; font-weight: bold;
}

.inputStyle
{
border: 1px solid  #CCC; height: 18px; font-size: 11px; margin-top: 2px; padding-top: 2px;
}

.select
{
border: 1px solid #ccc; height: 20px; font-size: 11px;
}

.footermenu
{
font-family:Tahoma, Arial, "microsoft Sans Serif";
font-size:11px;
padding-top:5px;
color:#999999;
}

.copyright
{
font-family:Tahoma, Arial, "microsoft Sans Serif";
font-size:10px;
padding-top:4px;
color:#999999;
}






#m1 {
	FLOAT: left; WIDTH: 10px; HEIGHT: 39px
}
#m2 {
	FLOAT: left; BACKGROUND-IMAGE: url(images/mentab1.jpg); WIDTH: 101px; HEIGHT: 39px
}
#m3 {
	FLOAT: left; BACKGROUND-IMAGE: url(images/mentab2.jpg); WIDTH: 99px; HEIGHT: 39px
}
#m4 {
	FLOAT: left; BACKGROUND-IMAGE: url(images/mentab3.jpg); WIDTH: 102px; HEIGHT: 39px
}
#m5 {
	FLOAT: left; BACKGROUND-IMAGE: url(images/mentab4.jpg); WIDTH: 103px; HEIGHT: 39px
}
#m6 {
	FLOAT: left; BACKGROUND-IMAGE: url(images/mentab5.jpg); WIDTH: 99px; HEIGHT: 39px
}
#m6a {
	FLOAT: left; BACKGROUND-IMAGE: url(images/mentab.jpg); WIDTH: 284px; HEIGHT: 39px
}
#m7 {
	FLOAT: left; WIDTH: 13px; HEIGHT: 39px
}
#m8 {
	FLOAT: left; WIDTH: 20px; HEIGHT: 473px
}
#b1 {
	FLOAT: left; WIDTH: 10px; HEIGHT: 500px
}
#flashandtext {
	FLOAT: left; WIDTH: 846px; HEIGHT: auto
}
#flash {
	FLOAT: left; WIDTH: 846px; HEIGHT: 239px; BACKGROUND-COLOR: #000000
}
#textarea1 {
	FLOAT: left; WIDTH: 846px; HEIGHT: auto
}
#textbox1 {
	FLOAT: left; WIDTH: 800px; HEIGHT: auto
}
#contarea {
	FLOAT: left; WIDTH: 990px; HEIGHT: auto
}
#tex1 {
	FLOAT: left; WIDTH: 55%; HEIGHT: auto
}
#tex2 {
	FLOAT: left; WIDTH: 45%; HEIGHT: auto
}
#t1 {
	PADDING-RIGHT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; COLOR: #cccccc; LINE-HEIGHT: 16px; FONT-STYLE: normal; FONT-FAMILY: Arial; HEIGHT: auto; TEXT-ALIGN: justify
}
#t2 {
	PADDING-RIGHT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; COLOR: #cccccc; LINE-HEIGHT: 16px; FONT-STYLE: normal; FONT-FAMILY: Arial; HEIGHT: auto; TEXT-ALIGN: justify
}
#rightblok {
	FLOAT: left; BACKGROUND-IMAGE: url(images/matriux_13.jpg); WIDTH: 140px; HEIGHT: 480px
}
#footer {
	FONT-SIZE: 9px; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 990px; COLOR: #999999; LINE-HEIGHT: 18px; FONT-FAMILY: "MS Sans Serif"; HEIGHT: 20px; BACKGROUND-COLOR: #666666; TEXT-ALIGN: center
}
menuuu {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "ms sans Serif"
}
#m2 {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; VERTICAL-ALIGN: 10%; COLOR: #ffffff; LINE-HEIGHT: 39px; PADDING-TOP: 0px; FONT-FAMILY: "ms sans Serif"; TEXT-ALIGN: center
}
#m3 {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; VERTICAL-ALIGN: 10%; COLOR: #ffffff; LINE-HEIGHT: 39px; PADDING-TOP: 0px; FONT-FAMILY: "ms sans Serif"; TEXT-ALIGN: center
}
#m4 {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; VERTICAL-ALIGN: 10%; COLOR: #ffffff; LINE-HEIGHT: 39px; PADDING-TOP: 0px; FONT-FAMILY: "ms sans Serif"; TEXT-ALIGN: center
}
#m6 {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; VERTICAL-ALIGN: 10%; COLOR: #ffffff; LINE-HEIGHT: 39px; PADDING-TOP: 0px; FONT-FAMILY: "ms sans Serif"; TEXT-ALIGN: center
}
#m5 {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; VERTICAL-ALIGN: 10%; COLOR: #ffffff; LINE-HEIGHT: 39px; PADDING-TOP: 0px; FONT-FAMILY: "ms sans Serif"; TEXT-ALIGN: center
}
#subtex1 {
	FLOAT: left; WIDTH: 95%; HEIGHT: auto
}
.album {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #FFFFFF;
}
.album .imageSingle {
	BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; FLOAT: left; MARGIN: 5px; BORDER-LEFT: #333 1px solid; WIDTH: 235px; BORDER-BOTTOM: #333 1px solid; TEXT-ALIGN: center
}
.album .imageSingle .image {
	MARGIN: 3px; WIDTH: 180px; HEIGHT: 130px;BACKGROUND-COLOR: #fffffff;
}
.album .footer {
	BORDER-TOP: #333 1px solid; MARGIN-TOP: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 7px; WIDTH: 235px; COLOR: #999; PADDING-TOP: 7px; TEXT-ALIGN: center; BACKGROUND-COLOR: #fffffff;
}
.borderimage {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid;BACKGROUND-COLOR: #fffffff;
}


.tr
{
border: 1 px thin #666666;
}


.tableTexthead
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#FFFFFF;
}


.tableText
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000033;
padding-left: 5px;
padding-top: 3px;



}