/* MAIN BODY */
BODY {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size: 100%;
	color: #333;
	line-height: 1.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	background-color:#FFFFFF;
	background-image: url(../images/backgrounds/tile.jpg);
	/*BACKGROUND-REPEAT: no-repeat;*/
}

/* BACKGROUNDS
.brand   {background-image:url(../images/brand.jpg); background-repeat:no-repeat;
}
.panelbgheader  { background-image: url(../images/backgrounds/panelbgheader.jpg); height: 20px; background-repeat:no-repeat
}
.panelbgcenter  { background-image: url(../images/backgrounds/panelbgcenter.jpg);
}
.panelbgfooter { background-image: url(../images/backgrounds/panelbgfooter.jpg); height: 20px; background-repeat:no-repeat
}
.backgroundnorepeat {
	background-repeat: no-repeat
} */

/****** DROP-DOWN ******/
.dropdown {
	margin:0 20px 0 10px;
	padding:0 0 20px 0;
	list-style:none;
}
.dropdown li {
	background:#eeeeee;
	border:1px solid #dddddd;
	margin:0;
	padding:5px;
}

/* IMAGES */
img.border {
	border: 1px solid #ccc ;
	padding: 1px 1px 1px 1px ;
	float: left;
	margin: 0px 10px 10px 10px;
}
img.border2 {
	border: 1px solid #ccc ;
	padding: 7px 7px 7px 7px ;
	float: left; 
	margin-top:0px;
    margin-right:15px;
    margin-bottom:5px;
}

.brandcolor1{
	background: #2dba03;
}
.brandcolor2{
	background: #2dba03;}

hr { color: #2dba03;
}


.paper {
width:140px;
height:182px;
background-image:url(../images/paper_bg.jpg);
float:left;
}
.paper p {
padding: 55px 15px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#666666;
margin:0px 0px 0px 10px;
line-height:18px;
letter-spacing:0px;

}
.paper a, .paper a:visited, .paper a:link{
padding: 55px 15px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#339933;
margin:0px 0px 0px 10px;
line-height:18px;
letter-spacing:0px;
display:block;
text-decoration:none;
}

.paper a:hover {
	color:#FF0000;
}
/* LEFT PANEL */
.lp	{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #ffffff;
	background: #7eaeb8;

}

/* RIGHT PANEL*/
.rp	{
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #ccc;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 0px;
	margin: 5px 0px 0px;
	line-height: 1.0;	
}

/* LINKS */
A:link {
	COLOR: #a1d14b;  TEXT-DECORATION: underline
}
A:visited {
	COLOR: #a1d14b;  TEXT-DECORATION: underline
}
A:active {
	COLOR: #a1d14b;  TEXT-DECORATION: underline
}
A:hover {
	COLOR: #d4af36; TEXT-DECORATION: none
}

/* ALL TITLES */
h1          { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#316991; padding:10px 0px 10px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}
h1 span 	{ font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; color:#666666; line-height:1.2em; letter-spacing:0px;
}
h2          { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#ffffff; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}
h3          { font-family:Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold; color:#333333; padding:15px 10px 5px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}
h4          { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; line-height:1.2em; letter-spacing:0px; margin:0; padding:0;
}
h6          { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; color:#333333; padding:7px 10px 0px 10px; margin:0px 0px 0px 0px; line-height:1.28em; letter-spacing:0px;
}
h7          { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; color:#333333; padding:7px 10px 0px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}
p.first { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; padding:7px 10px 10px 0px; margin:0px 0px 0px 10px; line-height:18px; letter-spacing:0px;
}
p.second { font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal; color:#333333; padding:7px 10px 10px 0px; margin:0px 0px 0px 10px; line-height:1.2em; letter-spacing:0px; font-weight:bold
}
p.footer { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; padding:7px 10px 10px 20px; margin:0px 0px 0px 10px; line-height:1.2em; letter-spacing:0px;
}

/* LOGO */
.logo { padding:0px 0px 0px 0px;
}

/* ROTATER */
.rotate {padding: 10px 0px 0px 10px
}

/* CLOCK */
#clock { font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; color:#2dba03; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}



/* ROUNDED BUBBLE*/ 
div.bubble div.rounded {
	margin-bottom: 19px; /*use this padding to position the arrow and title relative to the bubble*/
	border: 3px solid #ccc;
	background-color: #f0f0f0;
	margin-left:10px;
	width:546px; /*use this to change the width of the bubble*/
}

#titlebubble {
padding-bottom:20px; /*use this to adjust the padding below the title bubble*/
}

div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: absolute;
	margin: 355px 0px 0px 10px; /*use this padding to position the arrow left and right*/
	padding-left: 0px;
	padding-top: 18px; /*use this padding to position the arrow reletive to the title*/
	top: 10px;
	background: transparent url(../images/tip-rounded.gif) no-repeat 15px 0; /* EDIT THE tip-rounded.gif IN PHOTOSHOP TO CHANGE COLOUR!!!!*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style:normal;
	/*margin: 356px 0px 0px 10px; /*use this padding to position the arrow left and right*/
}

html>/**/body div.bubble cite.rounded {
margin: 356px 0px 0px 10px; /*This is the same class as above except IE ignores this due to the code before the class name. Its to fix cross browser problems */
}

/* AC STYLE */

.headerinfo{
float:right;
position:relative;
top:60px;
right:60px;
}

.header{
position:relative;
top:-40px;
}

p.headerfirst { font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#316991; padding:7px 10px 10px 0px; margin:0px 0px 0px 10px; line-height:1.2em; letter-spacing:0px;
}
p.headerfirst span { color:#a1d14b;
}

.top{
height:10px;
background-image:url(../images/backgrounds/top.png);
background-repeat:no-repeat;
}

.mid {
background-image:url(../images/backgrounds/mid.png);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

.bot {
height:10px;
background-image:url(../images/backgrounds/bot.png);
background-repeat:no-repeat;
margin:0px 0px 10px 0px;
}

.content{
padding-left:0px;
}

.contentwidth{
width:625px;
}

.footerspacerleft{
float:left;
margin:9px 0px 0px 0px;
}

.footerspacerright{
float:right;
position:relative;
top:-23px;
margin:0px 0px 0px 0px;
}

html>/**/body .footerspacerright{
top:-13px;
/*This is the same class as above except IE ignores this due to the code before the class name. Its to fix cross browser problems */
}

.contentpadding{
margin: 0px 0px 0px 5px;
}