html {height: 100%;}

body{
	background-color: #f1f1f1;
	font-family: verdana, helvetica, arial;
	margin: 0px;
	padding: 0px;
}

#page{
	background-color: #FFFFFF;
	border: 0px none #ecECD8;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	width:744px;
}

#swfMenu{
	background-position:0px 0px;
	padding	:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	height:152px;
	float:left;
	display:inline;
	background-color: #ffffff;
}

#lcol {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 10px;
	margin-top: 0px;
}
#lcol li {
	padding-bottom:5px;
}

#header a {cursor:pointer;}

/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
  text : padding and margin  
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

p,h3,h5,h6{margin: 0px;padding: 12px 12px 0px 12px;}
h1,h4{margin: 0px;padding: 5px 12px 0px 6px;}
h3{
	color: #000000;
}

h5{
	margin:0px;
	padding: 12px;
	background-color:#ffffff;

}
h2{
	margin:0px;
	padding: 12px;
	background-color:#f1f1f1;
}

/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
  text : point size weight and line height  
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

p {font-size: 10px;line-height: 13px;font-weight: normal;}
ul{font-size: 10px;line-height: 13px;font-weight: normal;}
ol{font-size: 10px;line-height: 13px;font-weight: normal;}
h1{font-size: 12px;line-height: 13px;font-weight: normal;}
/*h2{font-size: 14px;line-height: 15px;font-weight: bold;}*/

h2{font-size: 10px;line-height: 13px;font-weight: normal;}
h3{font-size: 12px;line-height: 15px;font-weight: normal;}
h4{font-size: 12px;line-height: 13px;font-weight: bold;}
h5{font-size: 10px;line-height: 13px;font-weight: normal;}
h6{font-size: 10px;line-height: 10px;font-weight: bold;}




/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
  text : link properties  
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/
/*#869911*/
a:link,a:visited		{color: #A0C804;text-decoration: none;}
a:hover        		{color: #CECAB5;text-decoration: none;}

.Green a:link,.Green a:visited{color: #336600;text-decoration: none;}
.Green a:hover {color: #CECAB5;text-decoration: none;}
.Steel a:link,.Steel a:visited{color:#ffffff;}
.Steel a:hover{text-decoration: none;}

/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
 background box properties 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

/* 4 pixel border */

.bWhite, .bGreen, .bYellow{
margin-left:4px;
margin-top:0px;
border-width:4px;
margin-bottom:4px;
border-style: solid;
overflow:visible;
padding:1px;

}

/* 1 pixel border  */

.bTan,.bImage{
margin-left:4px;
margin-top:0px;
border-style: solid;
overflow:visible;
padding:0px 0px 7px 0px; 
border-width:1px;
margin-bottom:4px;
}

.bImage	{
	background-color:#FFFFFF;
	background-image:url(../../../canterburyuv/home/graphics/sidebar_backgrounds/conference_flower_1.jpg);
	border-color:#ADA684;
	color:#373437;
	background-position: left top;
	background-repeat: no-repeat;
}

.bWhite	{background-color:#ffffff; border-color:#e8e8e8; color:#000000;}
/*.bTan		{background-color:#EFECD2; border-color:#ADA684;}*/
.bTan	{background-color:#ffffff;border-color:#A0C804;} 
.bGreen	{background-color:#ffffff;border-color:#A0C804;} 
.bYellow	{background-color:#ffffff;border-color:#C5DE3B;} 


/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
 foreground box properties 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

.Lime		{background-color:#A0B604; color:#ffffff;background-image:url(../../../canterburyuv/home/images/graphics/chinkhov.gif);background-repeat: repeat-x;}
/*.Tan		{background-color:#EFECD2; padding:10px;}*/
.Tan		{background-color:#ffffff; padding:10px;}
.Green	{background-color:#A0C804; color:#ffffff;}
.Yellow	{background-color:#C5DE3B; color:#ffffff;}

.Black	{background-color:#343434; color:#FFFFFF}
.Steel	{background-color:#949899; color:#ffffff;}
/*.Grey		{background-color:#EAEAEB; color:#434A4B;}*/
.Grey		{background-color:#8F8E8F; color:#ffffff;}
.White	{background-color:#FFFFFF; color:#373437;}
.Char		{background-color:#293133; color:#ffffff;}

/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
 footer box properties 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/
.footer{
text-align: left;
padding: 10px 0px 0px 0px;
font-size: 10px;
width: 744px;
background-color:#646263;
margin-top: 0px;
height: 24px;
border-top-color: #666666;
border-top-style: none;
border-top-width: 0px;
clear:both;
}
.footer input{
	font-size:10px;
	padding-left: 0px;
}



#sponsor {
	width:740px;
	float: none;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	padding: 0px;
	clear: both;
	text-transform:uppercase;
}
#sponsor ul {
	width:550px;
	padding: 0px;
	font-size:9px;
	list-style-type: none;
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 190px;
}
#sponsor ul li {
	height:22px;
	margin: 0px;
	padding:0px;
	display:inline;
}
#sponsor ul li a {
	margin: 0px;
	padding: 0px 4px 0px 4px;
	background-color:#AAAAAA;
	float:right;
	color:#FFFFFF;
	border-bottom: 0px;
	text-decoration: none;
}
#sponsor ul li a:hover {
	color: #FFFFFF;
	background-color:#999999;
	text-decoration:none;
	cursor:pointer;
}



/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
 form field properties 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

select,textarea{font-size:10px;font:Verdana, Arial, Helvetica, sans-serif;color: #666666;margin: 5px;border: 1px solid #EFECD2;}

/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
  vertical link menu list properties  
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 

  important : read buggn' notes below. 

*/

#menuV {
	list-style-type: none;
	font-size:11px;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	margin: 0px;
 }
#menuV li{
	margin: 0px;
	padding:4px 4px 0px 4px;
 }
 #menuV a{
	display: block;
	text-decoration: none;
	background-image:url(../../../canterburyuv/home/images/global_images/chink.gif);
	background-repeat: no-repeat;
	
	padding: 4px 8px 4px 31px;
	margin: 0px;
	
	background-color: #869911;
	border:1px solid #EDECD8;
	color:#EDECD8;
	text-decoration: none;
}
#menuV a:visited{
	background-color: #869911;
	border:1px solid #EDECD8;
	color:#EDECD8;
	text-decoration: none;
 }
#menuV a:hover{
	background-color:#EDECD8;
	border:1px solid #ffffff;
	color:#000000;
	background-image:url(../../../canterburyuv/home/images/global_images/chinkSelect.gif);

}



#ordermenuV {
	font-size:10px;
	margin: 0px;
	padding: 0px 2px 4px 28px;
	margin: 0px;
 }
#ordermenuV li{
	margin: 0px;
	padding:4px 4px 5px 2px;
 }

/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
  horizontal link menu list  properties  
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/
#menuH{
	margin: 0;
	padding: 0px 0px 4px 4px;
	list-style-type: none;
	
 }
#menuH li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding-left: 4px;
}
 #menuH li a{
	text-decoration: none;
	padding: .2em .9em;
	color: #FFFFFF;
	background-color:#646263;
	border: 1px solid #646263;
 }
 #menuH li a:visited{
	text-decoration: none;
	padding: .2em 1em;
	color: #ffffff;
	background-color:#646263;
	border: 1px solid #646263;
 }
#menuH li a:hover {
	color: #ffffff;
	background-color: #A0C804;
	border: 1px solid #ffffff;
 }


/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
 autoStretch Divs
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

#vLeft{}
#vRight{}
#vContent{}

/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
 hacks  
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

img{margin:0px 0px 0px 0px; display:block;}					/* moz, safari, i.e - 4px padding under image??? */
.stretcher{font-size:1px;clear:both;}		/*all - force wrapper div to stretch */
.w01,.w02,.w025,.w03,.w04,.w05,
.w06,.w075,.w07,.w08,.w09,.w10
{float:left;display: inline;} 				/* ie win - doubled float margin bug http: //www.positioniseverything.net/explorer/doubled-margin.html */
.fleft {float:left;}

/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
  box heights  
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

.v01 {height:22px;}
.v02 {height:58px;}
.v03 {height:94px;}
.v04 {height:130px;}
.v05 {height:166px;}
.v06 {height:202px;}
.v07 {height:238px;}
.v08 {height:274px;}
.v09 {height:310px;}
.v10 {height:346px;}
.v11 {height:382px;}
.v12 {height:418px;}
.v13 {height:454px;}
.v14 {height:490px;}
.v15 {
}
.v16 {height:562px;}
.v17 {height:598px;}
.v18 {height:634px;}
.v19 {height:670px;}
.v20 {height:706px;}
.v21 {height:742px;}
.v22 {height:778px;}
.v23 {height:814px;}
.v24 {height:850px;}
.v25 {height:886px;}
.v26 {height:922px;}
.v27 {height:958px;}
.v28 {height:994px;}
.v29 {height:1030px;}
.v30 {height:1066px;}
.v31 {height:1102px;}
.v32 {height:1138px;}
.v33 {height:1174px;}
.v34 {height:1210px;}
.v35 {height:1246px;}
.v36 {height:1282px;}
.v37 {height:1318px;}
.v38 {height:1354px;}
.v39 {height:1390px;}

#vLeft{}
#vRight{}
#vContent{}/*  generic height for auto height div */

/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
 column widths  
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

.w01{width:74px;}
.w02{width:148px;}
.w03{width:222px;}
.w04{width:296px;}
.w05{width:370px;}
.w06{width:444px;}
.w07{width:518px;}
.w08{width:592px;}
.w09{width:666px;}
.w10{width:740px;}
.w025{width:185px;}
.w075{width:555px;}

.col01{width:9%;}
.col02{width:19%;}
.col03{width:29%;}
.col04{width:39%;}
.col05{width:49%;}
.col06{width:59%;}
.col07{width:69%;}
.col08{width:79%;}
.col09{width:89%;}
.col10{width:98%;}
.col,.col01,.col02,.col03,.col04,.col05,.col06,.col07,.col08,.col09,.col10{float:left;display:inline;overflow:hidden; padding:0px; margin:0px}
.colbg{ background-color:#293133; border:0px; padding:0px 0px 1px 1px;}
.tabular{padding: 4px 0px 0px 6px;}


/* 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
  notes  
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/


/*
----------------------------------------------------------
 buggn'
----------------------------------------------------------

LINK LISTS : IEWIN ADDS LINE BREAKS BETWEEN <li> TAGS. 

win IE will add line breaks between
each list item if the list item tags have a 
carriage return between them, eg<li>I hate MSIE </li><li>with it's bullshit quirks</li>

will cause the browser to render an extra br 
between the two items. To prevent this, 
write tags  as follows. <li>i hate MSIE </li><li>with it's bullshit quirks</li>


----------------------------------------------------------
breakdown of div classes used for page layout
----------------------------------------------------------

<div id="page">			container div. centers page on screen and sets page background color. 

<div class="w05">			column div. sets width of all row boxes contained in column		

<div class="bgWhite">	content background div. sets border color and pinline colour

<div class="Green v10">	content foreground div. sets foreground colour and height 
								

stretcher divs are used to force page and backgound divs (which contain floated divs) to stretch. 

columns float and therefore must not have any margin or padding, as this will be added to the height of the box in ieWin , boxes will not align correctly. 

foreground divs are optonal. included only to create the 'pinline' effect inside the box border.

foreground or background divs may include a height class eg v10, in order to vertically align
boxes across all columns. If not included, div will just stretch to fit content. If the optional
foreground box is included, the height class must be added to this div, not the background div.


----------------------------------------------------------
sample page layout 
----------------------------------------------------------
sample shows a two column page with two content boxes in each column. 
each element in this sample represents a div box. 

page
	column

		 background
			 foreground
				[content]
			foreground/ 
		background/		 

		background
			 foreground
				[content]
			foreground/ 
		background/

	column/

	column

		 background
			 foreground
				[content]
			foreground/ 
		background/		 

		background
			 foreground
				[content]
			foreground/ 
		background/

	column/

page/

 */
#intro {
	display: block;
	border: 1px solid #CCC;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	padding: 5px;
}
#intro p {
	position: relative;
	}
#stretcher {
	clear: both;
}

#bottom_link {
	width: 172px;
	border: 1px solid #CCC;
	text-align: center;
	float: left;
	margin-right: 2px;
	margin-left: 3px;
}
#bottom_link h2 {
	background-color: #f1f1f1;
	display: block;
	margin: 0px;
	text-align: center;
	color: #000;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
#bottom_link p {
	padding-bottom: 5px;
}