body {
	color: #808080;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	background:#fff url(../layout/bg-page.jpg) top left no-repeat
	}

p,dl,ol,ul,pre,table,address,fieldset,hr {
	margin-bottom: 1em; 
	font-weight:bold
	}
	
pre { font-weight:normal }

h1 { font-size: 1.4em;  margin-bottom: 0.5em; color:#e2001a }
h2,h3,h4 { font-size: 1.1em;  margin-bottom: 0.5em; color:#e2001a }
h5,h6 { font-size: 1em;  margin-bottom: 0.5em }

blockquote { padding:1em 1em 1em 1.5em; font-family: baskerville,"palatino linotype",serif }
blockquote > *:first-child:before { content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0 }/* From Tripoli  */

ul, ol { margin: 0 1em 1em 1.5em }

hr {
	border: 0 #FFF solid;
	border-top-width: 1px;
	clear: both;
	height: 0
	}
	
a {
	color:#000; 
	text-decoration:none
	}
a:hover { color:#e2001a }
a.on { color:#e2001a }

table, td, th { vertical-align: middle; }
th { text-align:left }

#wrapper {
	width: 970px;
	margin: 0 auto
	}	
#header { height:164px }
#strap {
	width:590px;
	float:right;
	text-align:right;
	margin-right:0;
	margin-top:64px
	}
#strap p {
	margin-bottom:0; 
	font-size: 1.5em; 
	color:#e2001a
	}	
#content { 
	background: url(../layout/bg-content.jpg) no-repeat bottom #FFF;
	padding:10px 10px 0 0
	}	
#footer { margin:10px 0 10px 0 }
#footer a { color: #808080 }
	
#logo .title {
	background: url(../layout/logo.png) no-repeat;
	height:105px;
	width:265px;
	float:left;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	text-decoration: none;
	border: none;
	margin:10px 0 0 0
	}

/* list based menu system */
#tabs {
	width:590px;
	float:right;
	text-align:right;
	margin:10px 0 0 0
	}
#tabs ul {
	float:right;
	margin: 0
	}
#tabs li{
	list-style-type: none;
	float: left;
	text-align:right;
	display:block;
	margin-left:20px
	}
#tabs li a { color: #808080 }
#tabs li a:hover { color:#e2001a }
#tabs li a.on { color:#e2001a	}

/* 12 column grid system */
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {float:left; display: inline; margin-left:10px; margin-bottom:10px; background:#ededed; padding:10px 10px 10px 10px } 
.col1 {width:50px}
.col2{width:130px }
.col3{width:210px}
.col4 {width:290px}
.col5{width:370px}
.col6{width:450px}
.col7{width:530px}
.col8{width:610px}
.col9{width:690px}
.col10{width:770px}
.col11{width:850px}
.col12{width:930px}

.nopad { margin-bottom: 0; padding:0; background:none }

.rule { background:url(../layout/rule-vert.gif) left top repeat-y #FFFFFF }

.rainbow {
	width:970px;
	height:22px;
	background:url(../layout/rainbow.gif) no-repeat
	}

/* form styles */
.textInput {
	border:1px solid #ccc;
	padding: 2px;
	width: 200px;
	font: 0.8em/1em 'Lucida Sans', Arial, Helvetica, sans-serif; 
	margin-bottom:1em
	}
.textInput:focus, .textInput:hover {
     background-color: #fff;
	}
input.textInput {
	height: 15px
}
input.btn { 
	color:#FFF; 
	font: normal 1em 'Lucida Sans', Arial, Helvetica, sans-serif; 
	background-color:#999; 
	border:1px solid;
	border-color: #ccc #333 #333 #ccc;
	padding:4px;
	cursor:pointer;
	margin-bottom:1em; 
	}
input.btn:hover {
	color: #fff;
	background-color:#666;
	border-color: #333 #ccc #ccc #333;  
	}
form label {
	width: 100px;
	display:block;
	float:left
	}

.small { font-size: 0.8em }
.xsmall { font-size: 0.6em }
.error { color: #CC0000 } 	 
.purple { color:#60579d }
.blue { color:#009ac1 }
.green { color:#40a52b }
.lime { color:#bccc00 }
.yellow { color:#ffeb00 }
.orange { color:#f4a100 }
.red { color:#e1001a }
.black { color:#000 }
a:hover.purple,a:hover.blue,a:hover.green,a:hover.lime,a:hover.yellow,a:hover.orange,a:hover.red { color:#000 }

.image-block{
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	text-decoration: none
	}
	
.clear { clear:both }