/*
** CSS for atac 
** 04 December 07
** Last Update: 06 December 07
** Fran Soddell
** fran@cajid.com
*/

body {font-family	: helvetica, arial, verdana, tahoma, sans-serif; font-size: 14px; margin:0; padding:0; color: #2B2E33; background-color: #F5FFFA; text-align: center; }

h1 { color:#76C02C; font-size:16px; text-transform:capitalize;  }
h2 { color:#76C02C; font-size:14px; margin:0px; text-transform:capitalize; }
h3 { color:#76C02C; font-size:24px; margin:0px; text-transform:capitalize; }


/* navigation */
a:link{ color: #F05035; text-decoration: none; background: transparent; }
a:visited { color: #B1160B; text-decoration: none; }
a:hover{ color: #666; }
a:active { }

img { border: 0; }
p.access, a.access { display	: none; }
p { margin: 0px 0px 1em 0px; line-height: 125%; }
p.small{ font-size	: 10pt; }

#page { width: 850px; margin: 11px auto; background-color: #FFF; }

#header { height: 104px; overflow: hidden; text-align: center; }
#topNav { width: 850px; text-align: center; background: url(media/topNavBG.gif) no-repeat bottom left #FFF; padding: 5px 0; }

#topNav a.topNavLink{ padding: 0px 5px; color: #808080; text-decoration: none; }
#topNav a.topNavLink:visited{ color: #2F4f4f; }
#topNav a.topNavLink:hover{ color: #2B2E33; }
#topNav a.topNavLink:active{ color: #808080; }

#content { width: 600px; float: left; text-align:left; }
#big_content {  width: 750px; text-align:left; float: left; }

#sideRight { width:235px; float: left; background-color: #f0fff0; text-align:left; }

#footer{ width: 850px; float: left; font-size: 10px; font-weight: bold; text-align: center; background-color: #ffb90f;
}
h1, h2, h3, h4	{ margin: 10px 10px 0 10px; color: #ff9912; }

#content h2	{ font-size: 20px; }
#content h3	{ font-size: 17px; margin: 17px 0 0 15px; }
#content h4	{ font-size: 17px; margin: 17px 0 0 0; }

h2.above_box { padding: 15px 15px 11px 15px; background:url(media/h2Left.gif) no-repeat top left #2B2E33; }
*html h2.above_box { padding: 15px 15px 11px 15px; }

h2.above_box2 { line-height: 19px; padding: 5px 15px 4px 15px; background:url(media/h2Left.gif) no-repeat top left #2B2E33; }
*html h2.above_box2 { padding: 5px 15px 4px 15px; }

/* centre content */
.item { margin: 0 10px 0 22px; padding: 5px;  border-left: 10px solid #2B2E33; border-right: 1px solid #2B2E33;  border-bottom: 1px solid #2B2E33; }

.last_item{
	margin: 30px 11px 15px 11px;
	padding: 5px;
	
}
.item p:first-letter{
	font-size	: large;
<font color="#666600">}

div.gap{
   clear       : both;
   padding-top : 0.2em;
}
div.above_box{
	margin-left	: 15px;
	margin-top	: 15px;
}


	
/* sideRight links navs img */
#sideRight h2 	{
	text-transform	: uppercase;
	letter-spacing	: 1px;
	margin			: 0;
	color			: #2B2E33;
	padding			: 2px 5px 3px 5px;
	font-size		: small;
	font-weight		: normal;
	background: url(media/h2RightPane.gif) no-repeat top right #ffb90f;
}
*html #sideRight h2 { margin-top: 10px; }

/* Prevent gaps appearing in between */
/* navigation items for Netscape and */
/* Firefox.                          */

#sideRight img{
	display			: block;
	vertical-align	: top;
}

#sideRight dl {
	margin	: 0;
	padding	: 0;
}

#sideRight dt, #sideRight dd {
	margin-left		: 0;
	padding-left	: 0;
	line-height		: 18px;
	margin-bottom	: 2px;
	margin-top		: 3px;
}
#sideRight dt{
	color			: #778855;
	font-weight	: normal;
}

#sideRight dd {
	margin-left		: 10px;
	line-height		: 17px;
	margin-bottom	: 5px;
	font-size		: 80%;
}
#sideRight a:link, #sideRight a:visited,
#sideRight a:hover, #sideRight a:active{
	font-weight		: normal;
	padding-left 	: 18px;
	background: url(media/arrow.gif) no-repeat 8px center;
	text-decoration: none;
}
#sideRight a:link{
	color			: #808080;
}
#sideRight a:visited{
	color	: #2F4f4f;
}
#sideRight a:hover{
	color					: #2B2E33;
	background-position: 11px center;
}
#sideRight a:active{
	background-color	: #2B2E33;
	color					: #808080;
}

#sideRight ul{
	list-style-type	: none;
	margin				: 0px;
	padding				: 0px;
	letter-spacing		: 0px;
	line-height			: 1.3em;
}
#sideRight li{
	padding-right	: 0px;
	padding-left	: 0px;
	padding-bottom	: 0px;
	padding-top		: 0px;
	margin			: 0px;
}
#sideRight ul li{
	margin-top	: 0px;
}
ul li.first{
	margin-top: 9px;
}

ul#names{
	list-style-type	: none;
	margin-left			: 0px;
	margin-bottom		: 0px;
	margin-top			: 0px;
	margin-left			: 0px;
	padding-left		: 0px;
}

.left_label{
	width					: 190px;
	float					: left;
	font-weight			: bold;
}

.name{
	font-weight			: bold;
	padding-bottom		: 0px;
	float					: left;
	color					: #2B2E33;
}


div.row{
	clear				: both;
	width				: 315px;
	border-top		: 1px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-left		: 1px solid #ddddbb;
	min-height		: 20px;
}

div.row#last{
	border-top		: 3px solid #ddddbb;
	border-bottom	: 3px solid #ddddbb;
	min-height		: 20px;
	font-weight		: bold;
}

div.row span.label {
  float				: left;
  width				: 190px;
  text-align		: right;
  padding-right	: 10px;
}

div.row span.amount {
	float				: left;
	width				: 90px;
	text-align		: right;
	border-left		: 1px solid #ddddbb;
} 

div.float_left{
	float	: left;
}
div.float_left p{
	text-align	: center;
}

div.float_right{
	float	: right;
}
div.float_right p{
	text-align	: center;
}

div.container{
	border		: 1px solid #ddddbb;
	border-left : 10px solid #ddddbb;
	margin-left	: 11px;
	margin-top	: 11px;
	height		: 1000px;
	padding		: 10px 10px 10px 10px;
}