/********************************************
browser-home.css file
Atomic Tarp - main page CSS file
copyright 2009
 *******************************************/ 

/* top elements */
* {
	padding: 0; margin: 0; border: 0;
}

body {
	margin: 0;
	padding: 0;
	font: 1em  Tahoma, Arial, sans-serif;
	color: #666; 
	background: #FFF;
	text-align: left;
	border-top: 5px solid #CE0000;
}

/* paragraphs, headers, and lists */
p {
	margin: 5px;
	font: 0.8em Tahoma, Arial, sans-serif;
	line-height: 1.3em;
}

ul, ol {
	margin: 10px 5px;
	padding: 0;	
	color: #666666;
	font: 0.8em Arial, sans-serif;
	line-height: 1.5em;
	list-style: disc inside;
}

/* headers */
h1, h2, h3, h4 {
	font: bold 1em Tahoma, Sans-serif;
	color: #AAA;
	margin: 10px 5px;
}

h1 {
	font-size: 1.5em;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h2 {
	font-size: 1.3em;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h3 {
	font-size: 1.1em;
	text-transform: none;
}

h4 { 
	font-size: 0.9em; 
	text-transform: none;
	font-weight: normal;
	color: #999;
	}

/* images */
img {
	margin: 5px 15px;
}

img.noborder-left {
	border: none;
	float: left;
}
img.noborder-right {
	border: none;
	float: right;
}
img.noborder-center {
	clear: both;
	border: none;
	float: center;
}
img.border-left {
	border: 5px solid #F2F2F2;
	float: left;
}
img.border-right {
	border: 5px solid #F2F2F2;
	float: right;
}
img.logo {
	border: none;
	margin: 0px 25px 10px 25px; 
	float: left;
}

/* links */
a {
	color: #CE0000;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #000;
	background-color: inherit;
	text-decoration: underline;
}

/* full page wrap - includes header, content, and footer */
#wrap {
	background: #FFF;
	width: 850px;
	margin: 0 auto;
	text-align: left;
	float: center;
}

/* header div only calls out top AMS logo */
#header {
	position: relative;
	background: #FFF;
	height: 40px;
}

#header img {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 25px;
	left: 15px;
}

/* central content area */
#content {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
	width: 100%;
	background: #FFF;
}

#threechoices {
	clear: both;
	float: left;
	margin: 10px 0;
	padding: 0 40px;
	width: 100%;
	background: #FFF;
}

.redblock  {
	color: #FFF;
	font: normal 1.4em Tahoma, Arial, sans-serif;
	text-align: left;
	margin: 10px 0;
	padding: 0;
	border: 3px solid #666;
	background: #96100F;
	line-height: 1.3em;
}

.redblock  a{
	color: #ddd;
}


/* two column design */
.twocolumn {
	float: left;
	width: 49%;
	margin: 0;	
	padding: 0; 
	display: inline;	
}

/* three column design */
.threecolumn {
	float: left;
	width: 25%;
	margin: 0 10px;
	padding: 0 20px; 
	display: inline;
}

/* two-third column design */
.twothirdcolumn {
	float: left;
	width: 64%;
	margin: 0;
	padding: 0; 
	display: inline;
}

/* three column design */
.fourcolumn {
	float: left;
	width: 22%;
	margin: 0 10px;
	padding: 0; 
	display: inline;
}
.fourcolumn ul {
	list-style: none inside;
	margin: 0;
	padding: 0;	
}

/* floating quote design */
.floatquote {
	width: 30%;
	margin: 10px;
	padding: 0; 
	display: inline;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.floatquote p{
	color: #999;
	font-size: 1.3em;
	text-align: left;
}


/* Footer */
#footer-base { 
	background: #F2F2F2;
	width: 100%;
	margin: 30px auto 0 auto;
	position: inline;
	clear: both;
	border-bottom: 5px solid #CE0000;
}
#footer { 
	background: #F2F2F2;
	width: 850px;
	height: 100px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
	float: center;
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

/* additional classes */
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

/* color classes for span control c*/
.green {	color: #9EC630; }
.blue  {	color: #006FAC; }
.yellow  { color: #CC9900; }
.red  { color: #EB2728; }
.black { color: #000; }

/* added text control classes */
.introtext {
	color: #666;
	font: normal 1.2em Tahoma, Arial, sans-serif;
}
.bigtitle {
	font: bold 1.6em Tahoma, Arial, sans-serif;
	border-bottom: 1px solid #CCC;
	margin: 30px 5px 5px 0;
}
.bigtitle a{
	color: #AAA;
}
.bigtitle a:hover{
	color: #EB2728;
	text-decoration: none;
}
.bigparagraph {
	font: normal 1em Tahoma, Arial, sans-serif;
	margin: 0 20px 10px 0;
	color: #666;
}