html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
 background: #fff;	
 height: 100%;
 font-family: Verdana;
 color: #275662;
}

a {
	color: #275682;
}


#wrap {
 width: 900px;
 margin: 0 auto;
 background: url('bg.jpg');
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}


.clear {
 clear: both;	
}

.hidden {
 display: none;	
}

h1 {
 margin-bottom: 15px;
 margin-top: 5px;	
}

h2 {
 margin-bottom: 10px;
 margin-top: 5px;
 font-size: 90%;	
}

p {
 margin-bottom: 20px;	
}

.header {
 height: 140px;
 width: 791px;
 margin: auto;	
}

.header .logo {
 float: left;
 width: 225px;
 height: 140px;	
 background: url('images/logo.jpg') no-repeat 20px 20px;
}

.logo a {
 display: block;
 width: 225px;
 height: 140px;		
}

.header .menu {
 float: right;
 width: 500px;	
 text-align: right;
 padding: 65px 20px 0px 0px;
 color: #ddd;
}

.menu a {
 font-size: 90%;	
 margin-left: 10px;
 margin-right: 10px;
 color: #275682;
 text-decoration: none;
}

.menu a:hover {
 text-decoration: underline;	
}

.content {
 clear: both;
 width: 751px;
 margin: auto; 
 padding: 20px;
 border-top: 1px dotted #275682;
 border-bottom: 1px dotted #275682;	
}

.reg_form {
 width: 350px;
 margin: 100px 0px 100px 150px;	
}

.login_form {
 width: 350px;
 margin: 100px auto;	
 margin: 100px 0px 100px 150px;	
}

.error {
 color: #a44;	
 font-size: 80%;
}

.jform_element {
 margin-top: 10px;	
}

.jform_caption {
 float: left;
 width: 150px;
 text-align: right;
 font-size: 80%;
 font-weight: bold;
 padding: 7px 5px 5px 0px;
}

.jform_input {
 float: left;
 width: 100px;
}

.jform_input input {
 border: 1px solid #275682;
 background-color: #fff;
 color: #275682;
 padding: 5px;
}

.jform_input input:hover {
 border: 1px solid #275682;
 background-color: #eef;
 color: #275682;
 padding: 5px;
}




.th > td {
	padding: 5px;
	border: 1px solid #ccc;
	background: #dde;
}

.row > td {
	padding: 5px;
	border: 1px solid #ccc;
}

.spiders {
 width: 100%;
}

.inp {
 	border: 1px solid #ccc;
 	background-color: #fff;
 	padding: 3px;
 	margin: 3px;
 	color: #557;
}

.ch {
 	border: 1px solid #ccc;
 	background-color: #fff;
 	padding: 3px;
 	margin: 3px;
 	color: #557;
}

.but {
 	border: 1px solid #ccc;
 	background-color: #eee;
 	padding: 3px;
 	color: #557;
}

.capt {
 font-size: 80%;	
}

.but:hover {
 	border: 1px solid #ccc;
 	background-color: #e5e5e5;
 	padding: 3px;
 	color: #557;
}

.frm > td {
 padding: 3px;	
}

.ml {
 float: left; width: 445px;	
}

.ml .bb {
 width: 200px; 
 margin: 20px auto; 	
}

.bb a {
 display: block; 
 padding: 5px 5px 7px 5px; 
 text-align: center;	
 text-decoration: none;
 color: #222;
 background: #7Da9d0;
}

.bb a:hover {
 background: #4D79A0;	
}

.mr {
 margin-top: 8px;
 margin-left: 10px;
 background: url('images/girl.jpg') no-repeat 40px 13px;
 float: left; 
 width: 290px;	
 height: 320px;
}

.invite {
 text-align: center;	
}

.invite a {
 display: block;
 margin: 10px;
 font-size: 110%;	
}



.footer {
 clear: both;
 width: 751px;
 margin: auto; 
 padding: 20px 20px 50px 20px;
 
 text-align: right;
}

.footer a {
 display: block;
 color: #bbb;
 margin: 5px;
 font-size: 75%;
}

.copy {
 display: block;
 color: #bbb;
 margin: 5px;
 font-size: 75%;
}