/*=============================================
CTWorkshop Portal Template Style
Version:  Version 1
Designer: Errol Elumir
Date:     September 7, 2006
  =============================================*/

/* Colours */
/*  #0079C6; /* FOOW Blue */
/*  #E7E75A;  /* FOOW Green */
/*  #DBEF3B;  /* Corporate Green */
/*  #0079C6;  /* Corporate Blue */
/*  #2E3192; /* FOOW PURPLE */
/* GLOBAL TAG STYLES */
/*-------------------*/
body {
  background:#2E3192; /* FOOW PURPLE */
  background-image: url(../images/web-background.gif);
  margin:0px;
  padding:5px 0px;
  text-align:center;
  font:14px "Trebuchet MS",Verdana,Arial,Sans-serif;
  COLOR: #0079C6; 
}


UL { LINE-HEIGHT: 18px; }

A {	COLOR: #29578e; }

A:hover { 
  COLOR: #666666;
  TEXT-DECORATION: underline
}

td {
  font:14px Geneva, Arial, Helvetica, sans-serif;
  color:#0079C6;
  padding-left: 5px;
  margin: 0;
}

td A {
  font:14px Geneva, Arial, Helvetica, sans-serif;
  color:#0079C6;
  padding-left: 5px;
  margin: 0;
  TEXT-DECORATION: none;
}

td A:hover{
  COLOR: #FF1100;
  TEXT-DECORATION: underline
}

P {
	FONT-SIZE: 14px; 
	COLOR: #0079c6; 
	FONT-FAMILY: Verdana, Arial
}

H3 {
	FONT-SIZE: 18px; 
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

H2 {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

HR {
	padding-top: 1px;
	margin-top: 0px;
}

/*=============================================
   Main Page Structure
  =============================================*/

#center_page {
	width:1230px;
	margin:auto auto;
	text-align:left;
}

#wrapper {
  width:970px;
  float: left;
  margin-right: 5px;
}

#main {
  background:#DBEF3B;
  width:970px;
  margin:auto auto;
  text-align:left;
}

#content {
  background:#FFF;
  float: left;
  width:970px;
}

#ad_area {
  width:164px;
  float:right;
  /*      T    R    B    L */
  margin: 13px 10px 15px 0px;
  text-align:left;
}

#footer {
  background: url(../images/portal_footer.gif) no-repeat; padding-top: 10px; padding-bottom: 30px;
  width:970px;
  margin:auto auto;
  text-align:left;
  font:18px Geneva, Arial, Helvetica, sans-serif;
  color:#FFF;
}

#footer A {
  font:18px Geneva, Arial, Helvetica, sans-serif;
  color:#FFF;
  padding-left: 5px;
  margin: 0;
  TEXT-DECORATION: none;
}

#footer A:hover{
  COLOR: #FFFF00;
  TEXT-DECORATION: underline
}

/*=============================================
   Front Page
  =============================================*/
#white_bold {
  font:18px Geneva, Arial, Helvetica, sans-serif;
  color:#fff;
  padding-left: 5px;
  margin: 0;
}

#white_bold A {
  font:18px Geneva, Arial, Helvetica, sans-serif;
  color:#fff;
  padding-left: 5px;
  margin: 0;
  TEXT-DECORATION: none;
}

#white_bold A:hover{
  COLOR: #FFFF00;
  TEXT-DECORATION: underline
}


/*=============================================
   LINK Pages - Folder Structure
  =============================================*/
#folder1_top {
	background: url(../images/folder1_top.gif) no-repeat; 
	height: 45px;
	width: 760px; 
	/* T R B L*/
	padding: 10px 0px 0px 15px;
}
#folder1_middle {
	background: url(../images/folder1_middle.gif) repeat-y;
	width: 760px; 
	padding-left: 10px;
}
#folder1_bottom {
	background: url(../images/folder1_bottom.gif) no-repeat; padding-top: 25px; padding-bottom: 0px;
}

#folder2_top {
	background: url(../images/folder2_top.gif) no-repeat 0px 2px; 
	height: 27px;
	width: 750px;
	/* T R B L*/
	padding: 10px 0px 0px 15px;
}
#folder2_middle {
	background: url(../images/folder2_middle.gif) repeat-y;
	width: 750px;
	padding-left: 10px;
}
#folder2_bottom {
	background: url(../images/folder2_bottom.gif) no-repeat; padding-top: 20px; padding-bottom: 0px;
}
#folder3_top {
	background: url(../images/folder3_top.gif) no-repeat 0px 2px; 
	height: 27px;
	width: 725px;
	/* T R B L*/
	padding: 10px 0px 0px 15px;
}
#folder3_middle {
	background: url(../images/folder3_middle.gif) repeat-y;
	width: 725px;
	padding-left: 10px;
}
#folder3_bottom {
	background: url(../images/folder3_bottom.gif) no-repeat; padding-top: 25px; padding-bottom: 0px;
}
#folder4_top {
	background: url(../images/folder4_top.gif) no-repeat 0px 2px; 
	height: 27px;
	width: 700px;
	/* T R B L*/
	padding: 10px 0px 0px 15px;
}
#folder4_middle {
	background: url(../images/folder4_middle.gif) repeat-y;
	width: 700px;
	padding-left: 10px;
}
#folder4_bottom {
	background: url(../images/folder4_bottom.gif) no-repeat; padding-top: 20px; padding-bottom: 0px;
}
#folder_text {
	background-color: #fff; 
	width: 90%;
	border:solid 1px;
	border-color:#999999;
	margin-left: 5px;
	padding: 5px 10px 5px 10px;
}

#space { /* I can't put a margin in the folder_text, because it screws up the background iamge */
	height: 1px;
}

#blurb {
	padding-left: 15px; 
	font-size: 14px; 
	color: #666;
}

.txtSmall {
	font-size: 10px;
	color:#0079C6;
	padding: 0px;
	margin: 0px;
}



