/* G-VIS 4 col Layout CSS */

/* Version 1.0, 22nd May 2007, Author: ron@g-vis.co.uk
/********************************* Constants ************************************/
/*

#A4B2A9 light green
#42604E dark green
#C3B482 light brown
#3D133E purple

*/

/******** page framework ********/
/* based on 955 x 600 screen resolution
   equivalent to 1024x768 maximised */

/************** container for page divs ************/
#main {
	width: 890px;
	padding-right: 33px;
	padding-left: 32px;
	background-color: #A4B2A9;
	padding-bottom: 32px;
	height: 380px;
}
#pagecontent {
	background:url(../images/fauxcol.gif) repeat-y right;
	float:left;
	width: 736px;
	padding: 0;
	height: 345px;
}
#pagefooter {
	float:left;
	width: 718px;
	padding: 5px 18px 0px 0px;
	height: 15px;
	text-align: right;
}
/************** main left (contains 2 left most columns) **************/
#left_2cols {
	float: left;
	width: 420px;
	padding-left: 17px;
	background-color: #FFFFFF;
	height: 372px;
}

#col_1and2 {
	float: left;
	width: 420px;
	padding-left: 0px;
	background-color: #FFFFFF;
}
#col_2 {
	float: right;
	width: 202px;
	height: 345px;
	background-color: #FFFFFF;
	margin-left: 15px;
}
#col_1 {
	float:left;
	width: 202px;
	padding: 0px;
	height: 345px;
	background-color: #FFFFFF;
}
/************** main right (contains 2 rightmost columns) **************/
#right_2cols {
	float: right;
	width: 436px;
	background-color: #FFFFFF;
	padding-right: 17px;
	clear: right;
}

#col_3and4 {
	float: right;
	width: 436px;
	background-color: #FFFFFF;
	height: 372px;
}
#col_3 {
	float:left;
	width: 202px;
	padding: 0px;
	height: 345px;
	background-color: #FFFFFF;
	margin-left: 15px;
}
#col_4 {
	float: right;
	width: 202px;
	height: 345px;
	margin-right: 1px;
	background-color: #FFFFFF;
	margin-left: 12px;
	clear: right;
}
#col_4 .right_num {
	float:left;
	width: 20px;
	padding: 5px 10px 0px 5px;
}
/************** Column content containers **************/

#title1 {
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3D133E;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
}
#link_logo1 {
	height: 131px;
	border: 1px solid #C3B482;
	text-align: center;
}
#link_text1 {
	height: 161px;
	background-color: #C3B482;
	padding-left: 5px;
	padding-top: 5px;
}
#title2 {
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3D133E;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
}
#link_logo2 {
	height: 131px;
	border: 1px solid #C3B482;
	text-align: center;
}
#link_text2 {
	height: 161px;
	background-color: #C3B482;
	padding-left: 5px;
	padding-top: 5px;
}
#title3 {
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3D133E;
	text-align: center;
	padding-top: 5px;
}
#link_logo3 {
	height: 131px;
	border: 1px solid #C3B482;
	text-align: center;
}
#link_text3 {
	height: 161px;
	background-color: #C3B482;
	padding-left: 5px;
	padding-top: 5px;
}
#title4 {
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3D133E;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
}
#link_logo4 {
	height: 131px;
	border: 1px solid #C3B482;
	text-align: center;
}
#link_text4 {
	height: 161px;
	background-color: #C3B482;
	padding-left: 5px;
	padding-top: 5px;
}