/* atmail.org css front page */

.center {text-align: center;}

body {
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:62.5%;
	line-height:22px;
	margin: 0px;
	padding: 0px; 
	color: #333;
	text-align: left;
	background: #555555 url('/imgs/bg_newest2.png') repeat-x;
}

div, img, form, ul {
	margin: 0px;
	padding: 0px;
	border: 0px; 
}


small {font-size: 9px;}


a {
	font: normal 8pt;
	text-decoration: underline;
	color: #322b7b; 
}

a:hover { text-decoration: none; }

h1 {
	font: normal 9pt;
	color: #333;
	padding: 0px;
	margin: 0px; 
}

h2 {
	font: bold 11pt;
	color: #000000;
	padding: 0px;
	margin: 0px; 
}

h3 {
	font: bold 10pt;
	color: #333;
	padding: 0px;
	margin: 25px 0 4px 0; 
}

.clear {clear: both;}

h2.front_h2 {color: #9ccef0; font-weight: normal; font-size: 21px; margin: 0 0 15px 0;}

h2.front_h3 {color: #9ccef0; font-weight: normal; font-size: 17px; margin: 0 0 0px 0;}

/* blue text */
p.bluehead {color: #9ccef0; font-weight: normal; font-size: 19px;}


.leftcontain {width: 60px; float: left;}
.leftcontainlong {width: 90px; float: left;}

.rightcontain {width: 190px; float: left; margin: 0px 0 0 7px;}
.rightcontainlong {width: 390px; float: left; margin: 0px 0 0 7px;}


.container {
	width: 980px;
	margin: 0px auto;
}	

#content { background: #ffffff top left repeat-y; }
.left {float: left;}	
.right {float: right; }	

.top {
background: #666666;
	padding: 10px;
	padding-right: 40px;
	margin: 0 0 40px 0;
	text-align: right;
	height: 40px;
}	

.logo {
	height: 40px;
	background-image: url('/imgs/atmail_open_source_logo.gif');
	background-repeat: no-repeat;
}

.top a {
	color: #FFE19C;
	text-decoration: none;
	padding: 10px;
	margin-right: 5px;
	font-size: 1.2em;
}

a.selected {background: url('/imgs/tab_bg.jpg'); color: #B5D7FA;
	border-bottom: 2px solid #333;
	border-left: 2px solid #333;
	border-right: 2px solid #333;
}
.leftcol {width: 500px; margin-right: 10px;}
html>body .leftcol {width: 500px; margin-right: 50px;}

.front a {
	font-size: 1em;
	text-decoration: none;
	color: #333;
	text-decoration: underline;
}

.newsdate {
	color: #d0d0d0;
}

.moreinfo {
	color: #d0d0d0;
	font-size: 12px;
}

a 					{color: #fffee1;}

.outside {padding: 25px 0 17px 0; margin: 40px 0 40px 0; background: #666666; color: white;}
.inside {background: white; padding: 15px 25px;}

.front a 					{color: #fffee1;}
.front a:hover 				{text-decoration: none;}
.front 						{color: white; margin: 10px 0 30px 6px; list-style: none;}
.frontslim					{color: white; margin: 10px 0 10px 6px; list-style: none;}

.frontcircle 				{color: white; margin: 0px 0 0px 15px; list-style: circle;}
.front2 						{color: white; margin: 10px 5px 0 6px; list-style: none;}
.front li 					{line-height: 160%; margin: 0 0 11px 0; font-size: 12px;}
.frontslim li 					{line-height: 160%; margin: 0 0 11px 0; font-size: 12px;}
.frontcircle li 					{line-height: 160%; margin: 0 0 11px 0; font-size: 12px;}
.front2 li 					{line-height: 160%; margin: 0 0 11px 0; font-size: 12px;}

h1 a 						{font-size: 17px;}
h1#tagline 					{margin: 0 0 15px 5px; padding: 0px 0 14px 5px; border-bottom: 1px dotted #ddd; color: #eee; font-size: 17px; font-weight: normal;}
h2.header 					{color: black; margin: 0 0 6px 0; font-size: 18px;}
.frontright 				{width: 400px; padding: 30px 0 0 0;}
.frontleft 					{width: 400px; padding: 10px 0 0 0;}
.grad_box 					{background: #a6dbff; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 15px 15px 15px 15px; margin: 0 0 20px 0; }
.grad_box2 					{background: #a6dbff; border-top: 1px solid #666; border-bottom: 1px solid #666;padding: 0;margin: 40px 0 0 0; }
.frontleft .grad_box 		{margin: 25px 0 0 40px;}
#login_form2				{margin: 15px 0;}
#login_form2 td				{padding: 1px; height: 33px;}
.grad_box2 h1 {
		padding: 0px;
		margin: 20px; 
}
h1#big_h1 {color: #333; margin: 20px 0 40px 0; font-weight: normal; text-align: center; font-size: 29px; padding: 30px; background: #a6dbff;}


/* Top Tab Menu */

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;}
ul#nav{margin-left: 544px;margin-top: 14px;width:650px;}
ul#nav li{float:left;margin-right: 25px;text-align: center; }
ul#nav a{float:left;width: 4.5em;height: 2.6em;padding: 7px 0;text-decoration:none;color: #FFF;}
ul#nav a:hover{color:#FFE19C;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #438CBF;color: #FFF; width: 7.2em;}

/* Side bar for other pages */

.linkfront {
color: #9ccef0;
font-weight: bold;
text-decoration: none;
list-style:none;
}

.footer {
	width: 980px;
	margin: 0px auto;
	padding-bottom: 20px;
}

.inputfield {
	border: 2px #cdcdcd solid;
}