/*--------------------------------------------------
--     Copyright (c) 2005 The Working Group      --
--		    http://theworkinggroup.ca            --
--			 Developed by: Jack Neto             --
-------------------------------------------------*/
#tl{
	float:left;
	background:red;
	width:235px;
	height: 273px;
}
#tr{
	background:green;
	width:235px;
}
#bl{
	float:left;
	background:blue;
	width:235px;
}
#br{
	background:yellow;
	width:235px;
}

body {
	font-family : verdana;
	font-size : .8em;
	letter-spacing: normal;
	font-weight: normal;
	line-height: 16px;
	background: white;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

table {
	color: #656565;
	font-size:100%;
	line-height: 19px;
}

p{
	padding: 0px;
	margin: 0px 0px 8px 0px;
	color: #656565;
	font-size:85%;
	line-height: 115%;
}

h1{
	padding: 0px;
	margin: 0px 0px 11px 0px;
	color: #233b84;
	font-size: 110%;
}

h1.blueTitle{
	font-family : "Arial";
	padding: 0px;
	margin: 10px 0px 11px 0px;
	color: #5C8CA3;
	font-size: 120%;
}

h1.greenTitle{
	font-family : "Arial";
	padding: 0px;
	margin: 10px 0px 11px 0px;
	color: #7BA923;
	font-size: 120%;
}

h1.greyTitle{
	font-family : "Arial";
	padding: 0px;
	margin: 10px 0px 11px 0px;
	color: #333333;
	font-size: 120%;
}

h2.blueTitle{
	font-family : "Arial";
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
	color: #5C8CA3;
	font-size: 100%;
}

a:link {color: black; text-decoration: none;}
a:visited {color: black; text-decoration: none;}
a:active {color: black; text-decoration: none;}
a:hover {color: #233b84; text-decoration: none;}

/* ------ dashedLine ----------*/
.dashedLine {
	border-bottom: dashed #bbbbbb 1px;
	margin: 0px 0px 15px 0px;
}

.separatorLightGrey {
	clear: both;
	border-bottom: solid #E0E0E0 1px;
	margin: 0px 10px 15px 0px;
	padding: 0px 0px 0px 0px;
}

.separatorDarkGrey {
	clear: both;
	border-bottom: solid #C3C3C3 1px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

.blue {color:#5C8CA3;}
.green {color:#7BA923;}



/* =================================*/
/* ----------- Main Page -----------*/
/* =================================*/
#mainPage {
	margin: 0px auto 0px auto;
	padding-top: 0px;
	width: 730px;
	background: white;
	padding: 0px;
	text-align: left;
	background: #ddddff;
	background: white;
}

/* ------ top margin ----------*/
#imgTop { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: white;
	display: block;
}

#logoTitle {
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 200%;
	font-weight: bold;
}
#logoSubTitle {
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
}

#top img{
	float: left;
	margin-top:10px;
}

/* ------ topNav ----------*/
#topNav {
	float: right;
	font-size: 85%;
	padding: 35px 10px 0px 0px;
}
#topNav a {color: #848484; text-decoration: none; margin: 0px 5px 0px 5px;}
#topNav a:hover {color: #79A826; text-decoration: underline;}


/* ------ greyBar ----------*/
.greyBar { 
	clear: both;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	background: #DADADA;
	height: 7px;
	line-height: 0px;
	font-size: 0px;
}

/* =================================*/
/* ------ Main navigation ----------*/
/* =================================*/
#mainNav { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 730px;
	background: #68676B;
	color: white;
	border-collapse: collapse;
}
#mainNav td{ 
	border: solid white 1px;
}
#mainNav td.rightSide{
	background: white;
	width: 253px;
}

#mainNav td.bottomLeft {
	background: white;
	border-right: solid #C3C3C3 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
}
#mainNav td.bottomLeft a {color: #7BA923; text-decoration: none;}
#mainNav td.bottomLeft a:hover {color: #7BA923; text-decoration: underline;}
#mainNav td.bottomLeft p {
	color: #363636;
	font-size:85%;
	line-height: 150%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#mainNav td.bottomLeft .smallImage {
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 1px;
}
#mainNav td.bottomLeft ul {
	color: #363636;
	font-size:85%;
	line-height: 150%;
	margin: 10px 0px 10px 40px;
	padding: 0px 15px 0px 0px;
}
#mainNav img{display: block; }


#mainNav .blueChoice {
	height: 85px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #7CACD0;
}
#mainNav .blueChoice td{
	padding-left: 10px;
}
#mainNav .blueChoice img {
	float: left;
	margin: 3px 4px 0px 0px;
}
#mainNav .blueChoice .immigration {
	font-family : "Arial Narrow";
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	color: #F1FAFE;
}

#mainNav h2 {
	font-family : "Arial Narrow";
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #F1FAFE;
	font-size: 170%;
}

#mainNav a {color: #BFDBEF; text-decoration: underline;}


#nav1 {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	line-height: 19px;
	font-family : "Arial";
	font-weight: bold;
	background: #68676B;
}
#nav1 ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#nav1 li {
	margin: 0px;
	padding: 0px;
}
#nav1 li div {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:15px;
	height:10px;
	color: white;
	font-size: 160%;
}

#nav1 a {
	color: white;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
	}

#nav1 .itemOut a{
	color: white;
}
#nav1 .itemOver a{
	color: white;
}
#nav1 .itemOn a{
	color: #4D4D4D;
}






/* ----- News ------ */
#news {
	padding-left: 10px;
}
#news .newsDate{
	margin: 0px 0px 5px 0px;
	padding-left: 0px;
}

#news .newsTitle{
	padding: 0px;
	margin: 0px 0px 8px 0px;
	color: #333333;
	font-weight: bold;
	color: #7BA923;
}

#news .smallImage {
	clear: both;
	float: left;
	border: solid #AEAEAE 1px;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}

#news .newsExcerpt{
	margin: 0px 0px 10px 0px;
	padding-left: 0px;
}

#news a {color: #848484; text-decoration: none;}
#news a:hover {text-decoration: underline;}

#news a.more {color: #333333; text-decoration: none;font-weight: bold;  }
#news a.more:hover {text-decoration: underline;}
#news a.more img {margin:0;padding:0;display:inline;}

/* -------- Services ---------- */
#services {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
#services a { color: #333333;text-decoration: none;}
#services a:hover { text-decoration: underline;}
#services ul a { color: #333333;text-decoration: underline;font-weight: bold;}
#services p {
	font-size: 85%;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#services h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	
}

#services .smallIcon {
	border: solid black 1px;
}
#services .smallClock {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 1px;
}
#services a.more {color: #333333; text-decoration: none;font-weight: bold; }
#services a.more:hover {text-decoration: underline;}
#services a.more img {margin:0;padding:0;display:inline;}

/* ---- Advertisement ---- */
.add {
	float: right;
	padding: 0 10px 0 10px;
	margin: 0 0 0 5px;
	background: #dddddd;
	color: black;
	width: 160px;
}

/*==========================================*/
/*                FOOTER                    */
/*==========================================*/
/* -------- bottomMargin ---------- */
#bottomMargin {
	clear: both;
	border-bottom: solid #DDDDDD 2px;
	height: 10px;
}

.footer {
	clear:both;
	border-top: solid white 2px;
	background: #DDDDDD;
	padding: 20px 0px 20px 20px;
	margin: 0px;
	text-align: center;
	color: #98A1AD;
	font-size: 85%;
}
.footer .bottomNav	a{color:#7997BF; text-decoration: underline;}

.footer .developed	a{color: #98A1AD;text-decoration: none;}
.footer .developed a:hover{text-decoration: underline;}


/*==========================================*/
/*                TEMPLATE 1                */
/*==========================================*/
#template1 {
	width: 480px;
}

#template1 #leftSide {
	float:left;
}

/* -------- bottomLeft ---------- 
#template1 #bottomLeft {
	width: 475px;
	border-right: solid #C3C3C3 1px;
	background: white;
}
#template1 #bottomLeft a {color: #7BA923; text-decoration: underline;}
#template1 #bottomLeft p {
	color: #363636;
	font-size:85%;
	line-height: 150%;
	margin: 10px 0px 10px 0px;
	padding: 0px 15px 0px 0px;
}

#template1 #bottomLeft .smallImage {
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 1px;
}

#template1 #bottomLeft ul {
	color: #363636;
	font-size:85%;
	line-height: 150%;
	margin: 10px 0px 10px 40px;
	padding: 0px 15px 0px 0px;
}*/

/* ----------- Right Side ----------
#template1 #rightSide { 
	clear: both;
	margin: 10px 5px 0px 480px;
	padding: 0px 0px 0px 0px;
	color: #727272;
}

#template1 #rightSide .separatorLightGrey {
	border-bottom: solid #E0E0E0 1px;
	margin: 0px 10px 10px 0px;
}
#template1 #rightSide .separatorDarkGrey {
	border-bottom: solid #C3C3C3 1px;
	margin: 10px 0px 10px 0px;
}

#template1 #rightSide a.more {color: #333333; text-decoration: none;font-weight: bold;}
#template1 #rightSide a.more:hover {text-decoration: underline;}

*/
/* -------- bottomRight ---------- 
#template1 #bottomRight {
	padding-left: 5px;
}
#template1 #bottomRight a {color: #7BA923; text-decoration: underline;}
#template1 #bottomRight p {
	color: #363636;
	font-size:85%;
	line-height: 150%;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 0px;
}

#template1 #bottomRight .smallImage {
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 1px;
}
*/


/*==========================================*/
/*                TEMPLATE 2                */
/*==========================================*/
#template2 {
	width: 730px;
}

#template1 #bottom td {padding-bottom: 10px;}
#template1 #bottom a.more {color: #333333; text-decoration: none;font-weight: bold; margin-left:10px; }
#template1 #bottom a.more:hover {text-decoration: underline;}
#template1 #bottom h1 {margin-left:10px;}

#template2  a {
	color: #7BA923; 
	text-decoration: none;
	padding-right: 10px;
}
#template2  a:hover {
	background-image:url(../img/cheveron.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-decoration: underline;
}

/* -------- bottomLeft ---------- */
#template2 #bottomLeft {
	border-right: solid #C3C3C3 1px;
}
#template2 #bottomLeft p {
	color: #363636;
	font-size:85%;
	line-height: 150%;
	margin: 10px 0px 10px 10px;
	padding: 0px 15px 0px 0px;
}

#template2 #bottomLeft .smallImage {
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 1px;
}

#template2 ul {
	color: #363636;
	font-size:85%;
	line-height: 150%;
	margin: 10px 0px 10px 40px;
	padding: 0px 15px 0px 0px;
}


/* -------- bottomRight ---------- */
#template2 #bottomRight {
	width: 487px;
	padding-left: 5px;
}
#template2 #bottomRight a {color: #7BA923; text-decoration: underline;}
#template2 #bottomRight p {
	color: #363636;
	font-size:85%;
	line-height: 150%;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 0px;
}

#template2 #bottomRight .smallImage {
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 1px;
}




/*==========================================*/
/*                TEMPLATE 3                */
/*==========================================*/
#template3 {
	width: 730px;
	margin: 0px 0px 0px 10px;
}

/* -------- left ---------- */
#template3 #left {
	float: left;
	width: 474px;
	border-right: solid #C3C3C3 1px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
}
#template3 #left h1 {
	clear: both;
}
#template3 #left p {
	color: #363636;
	font-size:85%;
	line-height: 150%;
	margin: 10px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#template3 #left a {
	color: #7BA923; 
	text-decoration: none;
	padding-right: 0px;
}
#template3 #left a:hover {
	text-decoration: underline;
}
#template3 #left .smallImage {
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 1px;
}

#template3 #left .leftTopNav {
	color: #333333; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
#template3 #left .leftTopNav a {
	color: #7BA923; 
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
#template3 #left .leftTopNav a:hover {
	text-decoration: underline;
}

#template3 #left ul {
	font-size: 11px;
	color: #363636;
	font-size: 85%;
}
#template3 #left table {
	line-height:17px;
	margin-left:10px;
	font-size:11px;
}
#template3 #left table td{
	padding-right: 15px;
}

#template3 #left .post{
	padding-right: 15px;
}
#template3 #left .post a.more {color: #333333; text-decoration: none;font-weight: bold;  }
#template3 #left .post a.more:hover {text-decoration: underline;}
#template3 #left .post a.more img {margin:0;padding:0;display:inline;}

/* -------- right ---------- */
#template3 #right {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 245px;
	color: white;
	border-collapse: collapse;
}

/*
#template3  #nav1 {
	margin: 0px 0px 20px 0px;
}
#template3 #nav1 ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#template3 #nav1 li {
	margin: 0px;
	padding: 0px;
}
#template3 #nav1 li div {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:15px;
	height:10px;
	color: white;
	font-size: 160%;
}

#template3 #nav1 a {
	color: white;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#template3 #nav1 .itemOut a{
	color: white;
}
#template3 #nav1 .itemOver a{
	color: white;
}
#template3 #nav1 .itemOn a{
	color: #4D4D4D;
}
*/