body { font-family:Arial;
background-color: #ffffff;
 /* background-color: #336633; */
 /* background-image: url('style/blue.jpg');*/
  }
  

  
img{ border:none;}


a { text-decoration:none }



.header{
	border:0px solid #747474;
	background: #cccccc;
	/*background-image:url('style/headerfs.jpg');*/
	color: #333;
	width:100%;
	height:50px;
}


.footer{
clear:both;
	border:0px solid #747474;
	background: #cccccc;
	/*background-image:url('style/eclipseheader.png');*/
	color: #333;
	width:100%;
	height:50px;
	
		text-align:center;
}




.cell{height:100%;  display: inline-block; text-align: left;  border:0px solid #747474;  padding:0px 0px 0px 0px; overflow: auto; vertical-align: top;}







.register{width:960px; background-color:#ffffff; float:left;  border:0px solid #747474; overflow: auto;}

.registertitle{width:100%; height:75px; background-color:#ffffff; 	background-image:url('style/titlesregred.png');   float:left;  border:0px solid #747474; overflow: auto;}
.registercont{width:96%; background-color:#ffffff;  border:0px solid #747474; overflow: auto; margin-left: auto; margin-right: auto;}
.register70{width:450px; height:100%; background-color:#A3BDFF; float:left;  border:1px solid #747474;  padding:0px 0px 0px 0px; overflow: auto;
-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}

.regleft{width:450px; height:100%; display: inline-block; text-align: right;  border:1px solid #747474;  padding:0px 0px 0px 0px; overflow: auto; vertical-align: top;}
.regright{width:450px; height:100%;  display: inline-block; text-align: left;  border:1px solid #747474;  padding:0px 0px 0px 0px; overflow: auto; vertical-align: top;}

.register30{width:310px; height:100%; background-color:#ffffff; float:left;  border:0px solid #747474; padding:0px 0px 0px 0px; overflow: auto;}
.register30cont{width:280px; background-color:#ffffff;  border:0px solid #747474; overflow: auto; margin-left: auto; margin-right: auto;}




.templateholder   { width:890px; margin-left:auto; margin-right:auto;}
.templateholder2   { width:1290px; margin-left:auto; margin-right:auto; border:0px solid red;}


/*   padding: 0 10px 0 20px;     clockwise         top rt bot lt     */
/*  if no ht specified div will expand  w overflow auto              */
.layouttitle{ width:100%; background-color:#000000; float:left;  border:0px solid #747474; overflow: auto;}

.layout{ width:100%; background-color:#f1f1f1; float:left;  border:0px solid #747474; padding:0px 0px 0px 20px; overflow: auto;}




/*.layout30{ width:400px; height:100%; background-color:#f1f1f1; float:left;  border:0px solid #747474; padding:10px 10px 0px 0px; overflow: auto;}     non scrollbar background*/
.layout30{ width:410px; height:640px; background-color:#f1f1f1; float:left;  border:0px solid #747474; padding:10px 10px 0px 0px; overflow: auto;}
.layout70{ width:440px; height:640px; background-color:#f1f1f1; float:left;  border:0px solid #747474;  padding:10px 10px 0px 20px; overflow: auto;}






/*    1234   . . .          top   left*/
.layout302{ width:410px; height:640px; background-color:#f1f1f1; float:left;  border:0px solid #747474; padding:10px 10px 0px 0px; overflow: auto;}
.layout702{ width:820px; height:640px; background-color:#f1f1f1; float:left;  border:0px solid #747474;  padding:10px 0px 0px 10px; overflow: auto;}








.layoutclear{clear:both;}





.auto-style1 {
text-align: center;
display:inline-block
}




.matrixlandscape {
    position: relative;
    width: 820px;
    height: 600px;
    border: 0px solid black;
}
.matrixlandscape div {
    position: absolute;
	/*background-image:url(style/blank.png);*/
    /*outline: 1px dashed #000;*/
	}

	
	
.matrixportrait{
    position: relative;
    width: 420px;
    height: 600px;
    border: 0px solid black;
}
.matrixportrait div {
    position: absolute;
	/*background-image:url(style/blank.png);*/
    /*outline: 1px dashed #000;*/
	}
	



.wrapper
{
max-width: 100%;
text-align: center;  
display: block;
margin-left: auto;
margin-right: auto;
}
.wrapper img
{
display: block;
margin-left: auto;
margin-right: auto;
}
#test
{
display:inline-block;
text-align: center;
margin: 0 auto 0 auto; 
}
.centerImg
 { 
float: left;
padding-right: 10px; 
}






	
	
.statusbar ul
{
    padding:0px 0 0 0px;
    margin:0px;
    list-style:none;
	font-family: 'Raleway', 'sans-serif';
    font-size:13px;
	
	width:100%;
	
    height:30px;
    line-height:30px;
	background-image: url(style/bar.png);
    background:red;
}
.statusbar_div ul li
{
    float:left;
}
.statusbar_div ul li a
{
    color:#fff;
    text-decoration:none;

    padding: 2px 15px 2px 15px;
}









.menu_div ul
{
/*   set all pads at zero */
    padding:0px 0 0 0px;
    margin:0px;
    list-style:none;
	font-family: 'Raleway', 'sans-serif';
    font-size:13px;
	
	width:800px;
	
    height:30px;
    line-height:30px;
	background-image: url(style/bar.png);
    background:red;
}
.menu_div ul li
{
    float:left;
}
.menu_div ul li a
{
    color:#fff;
    text-decoration:none;

    padding: 2px 15px 2px 15px;
	}
.menu_div ul li a:hover
{
    color:#FFF;
    background:#c80202;
}
.menu_div ul li#active a
{
    color:#FFF;
    background:#c80202;
}





.inldiv
{
display:inline-block;
text-align: center;
margin: 0 auto 0 auto; 
}




h1 {
font-family: 'Raleway', 'sans-serif';
font-size: 32px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}
h2 {
font-family: 'Raleway', 'sans-serif';
font-size: 16px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}
h3 {
font-family: 'Raleway', 'sans-serif';
font-size: 12px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}
h4 {
font-family: 'Raleway', 'sans-serif';
font-size: 32px;
color: #ffffff;
font-weight: bold;

padding: 0px;
margin: 0px;

display: inline;
}
h5 {
font-family: 'Raleway', 'sans-serif';
font-size: 16px;
color: #ffffff;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}
h6 {
font-family: 'Raleway', 'sans-serif';
font-size: 12px;
color: #ffffff;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}