@import url("wscraft_default.css");



html {



	height: 100%;

}



body {

	background-color: #535353;

   background: url(../images/css_back1.gif);

	margin: 0px;

	padding: 0px;

	min-height: 100%;

	height: 100%;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

	}

form {

  margin: 0px;

  padding: 0px;

}





  a {

    color: #2C73A7;

    text-decoration: none;

  }



    a:hover {

    color: #E68200;

    text-decoration: underline;

  }



.clear-both {

  clear: both;

}



/* ----- demo Descriptions --------------- */



.demo-desc {

  margin-bottom: 10px;

  margin-top: 10px;

  background: #F7F7F7;

  padding: 10px;

  border: dotted 2px #E0E0E0;

  font-size: 11px;

}





/* ----- LAYOUT --------------- */

#container { 
	background: White;
   /* background: url(../images/css_back.gif) repeat-y; */

	width: 906px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0px;

	margin-bottom: 0px;

	padding-top: 0px;

	text-align: left;

	position: relative;

    min-height: 100%;

	}



#container-in {

	width: 889px;

	background: White;

	padding-left: 0px;

	padding-right: 0px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0px;

	margin-bottom: 0px;

	padding-top: 0px;

	text-align: left;

	position: relative;

	height: 100%;

	}		

		

#header {

	height: 90px;

	background: url(../images/css_header_back.gif);

	background-position: bottom;

	background-repeat: repeat-x; 

}



#logo {

float: left;

height: 80px;

width: 300px;

background: url(../images/logo.gif);

background-repeat: no-repeat;

background-position: 0px 10px;



}



#topmast {

float: left;

height: 194px;

width: 890px;

background: url();

background-repeat: no-repeat;

background-position: 0px 0px;



}





#search {
z-index: 256;
float: top;

width: 890px;

margin-top: 0px;



text-align: right;
padding-top: 00px;
padding-right: 00px;
}

div.flash {
    width:890px; height:166px;
}
div.flash2 {
     width:890px; height:166px;
}

#search input {

border: solid 1px #9E9E9E;

background: #F3F3F3;

font-size: 9px;



}



#head-login {

margin-top: 10px;

}



#path {

padding: 2px;

background: #EEEEEE;

font-size: 11px;

padding-right: 20px;

text-align: right;



}



#title {

background: #F3F3F3;

padding-left: 25px;

padding-top: 5px;

padding-bottom: 5px;

margin-top: 5px;

margin-bottom: 5px;

font-size: 17px;

font-weight: bold;

border-bottom: 1px #B1B1B1 dotted;

color: #519CD2;

background: url(../images/title.gif);

background-repeat: no-repeat;

background-position: 0px 5px;





}



#main-description {

  background: #EEEEEE;

  padding: 10px;

  margin-bottom: 10px;

  border-bottom: 1px solid #CACACA;

}







#footer {

	height: 80px;

	background: url();

	background-position: top;

	background-repeat: repeat-x; 

	margin-top: 10px;

    padding-top: 18px;

}	



#menu {

	height: 30px;

	border-bottom: 1px solid #B1B1B1;

	margin-bottom: 0px;

    background: #002563;

    padding-top: 0px;
	
}

		

/* ----- INDEX------- */



#index-left {

	float: left;

	width: 400px;

    margin-top: 20px;



}

#image-rotate {

	float: left;

	width: 890px;

    margin-top: 00px;
	background:#002563;


}

#index-page {

	float: left;

	width: 899px;

    margin-top: 30px;



}



#index-right {

	float: right;

	width: 232px;

    margin-top: 20px;

    background: #F8F8F8;

    height: 250px;

}





.index-links {

  height: 200px;

  border-top: 1px dotted #CECECE;

  margin-top: 20px;

}



.index-welcome img {

  margin-bottom: 5px;

}



.index-welcome div {

margin-left: 2px;

margin-right: 10px;

}



.index-what-new {

  padding: 10px;

}





.index-div-links1 {

  float: left;

  width: 212px;

  height: 150px;

  margin-top: 10px;

}



.index-div-links {

  float: left;

  width: 212px;

  height: 150px;

  border-left: solid #D4D4D4 1px;

    margin-top: 10px;

}



.index-div-links2 {



background: #F3F3F3;

padding-left: 25px;

padding-top: 5px;

padding-bottom: 5px;

margin-top: 5px;

margin-bottom: 5px;

margin-left: 10px;

margin-right: 10px;

font-size: 17px;

font-weight: bold;

border-bottom: 1px #B1B1B1 dotted;

color: #519CD2;

background: url(../images/title.gif);

background-repeat: no-repeat;

background-position: 0px 5px;



}



.index-div-links3 {

padding-left: 10px;

}



.index-div-links3 ul {

list-style: none;

margin: 0px;

padding: 0px;

margin-top: 10px;

}



.index-div-links3 li {

padding-bottom: 5px;



}







/*REGISTER - EDIT */



.account-title {

padding: 10px;

  background: #E1E1E1;

  margin-bottom: 10px;

  margin-top: 10px;

  font-weight: bolder;

}



.reg-css h3 {

width: 140px;

font-size: 12px;

margin: 0px;

padding-left: 10px;

}



.reg-css td {

border: 1px #D7D7D7 solid;

padding: 2px;



}



.reg-css input {

width: 200px;

border: 1px #C3C3C3 solid;

margin: 3px;

padding: 4px;



}