table { border:0px; border-collapse:collapse ; width:100%} 
td {vertical-align:top; padding:0px; }


td, table, select,  input, textarea{
	font-family:arial;
	font-size:18px;
	vertical-align:top;
	line-height:20px;
	color: #003F62;
    margin-bottom: 0px;
}

form { margin:0px; padding:0px}
body { margin:0px; padding:0px; background:#E5F4FE}

h1 { padding-top:8px; color:#FEA141; font-size:25px; line-height:30px;}
h2 { padding-top:8px; color:#FEA141; font-size:22px; line-height:26px;}

a{ color:#588BA7; text-decoration:underline}
a:hover{ text-decoration:none}

strong, b { color:#568AA6}

.main{ background:url(images/main.jpg) repeat-x #FFFFFF}

.footer{ padding-left:30px; vertical-align:middle; color:#515151; line-height:14px}
.footer a{ color:#515151; text-decoration: none}
.footer a:hover{ color:black; text-decoration:none}
.footer span{ color:#4E9AD6}

.foot_bg{ background-color:#C7E0F4; height:70px; font-size:smaller;}
.head_rep{ background:url(images/repeat_head.jpg) repeat-x; width:100%}
.head_left{ background:url(images/left.jpg) no-repeat; width:100%}
.head_right{ background:url(images/right.jpg) no-repeat right top; width:100%}
.menu_bg{ background:url(images/menu_bg.jpg) no-repeat}
.girl{ background:url(images/girl_1.gif) no-repeat right top}

.header{ font-family:geargia; font-size:12px; color:#A2D4F9}

.menu{ width:100%; vertical-align:bottom}
.logo{ width:100%; vertical-align:middle}

.block .l{ background:url(images/left1.jpg) repeat-y #FAFCFE}
.block .r{ background:url(images/right1.jpg) repeat-y right top}
.block .t{ background:url(images/top.jpg) repeat-x}
.block .b{ background:url(images/bottom.gif) repeat-x left bottom}
.block .lt{ background:url(images/lt.jpg) no-repeat}
.block .rt{ background:url(images/rt.jpg) no-repeat right top}
.block .lb{ background:url(images/lb.jpg) no-repeat left bottom}
.block .rb{ background:url(images/rb.jpg) no-repeat right bottom}

.block2 .l{ background:url(images/px.gif) repeat-y #FEFFFF}
.block2 .r{ background:url(images/px.gif) repeat-y right top}
.block2 .t{ background:url(images/px.gif) repeat-x}
.block2 .b{ background:url(images/px.gif) repeat-x left bottom}
.block2 .lt{ background:url(images/lt3.gif) no-repeat}
.block2 .rt{ background:url(images/rt3.gif) no-repeat right top}
.block2 .lb{ background:url(images/lb3.gif) no-repeat left bottom}
.block2 .rb{ background:url(images/rb3.gif) no-repeat right bottom}
.block2 .indent{ padding:21px 23px 7px 30px}
.block2 .indent, .indent_1 div{ margin-left:7px}
.block2 .indent_1{ padding:20px 33px 20px 29px}

.block2 ul{margin:0px; padding:0px; list-style:none; line-height:18px; margin-left:4px}
.block2 ul li { background: url(images/list_bg.gif) no-repeat 0 7px}
.block2 ul li a{ color:#88ADC1; text-decoration: none; font-weight:normal; padding-left:12px}
.block2 ul li a:hover{ text-decoration: underline}
.block2 .read_more{ text-align:right; margin-top:11px}

.block .indent{ padding:20px 29px 6px 137px}
.block .indent_1{ padding:21px 27px 7px 30px}
.block span em{ text-transform:uppercase; font-size:11px}
.block .read_more{ text-align:right; margin-top:10px}

.block1 .t{width:100%; background:URL(images/top2.gif) repeat-x top}
.block1 .b{width:100%; background:URL(images/bot2.gif) repeat-x bottom}
.block1 .l{background:URL(images/left2.gif) repeat-y left}
.block1 .r{background:URL(images/right2.gif) repeat-y right}
.block1 em{ color:#4D4C4C}
.block1 .indent{ padding:23px 10px 7px 3px}
.block1 b{ color:#6E6C6C}
.block1 .list{ margin-top:15px}
.block1 .list td{ height:32px; vertical-align:middle}
.block1 .list .x{ background:url(images/x.gif) repeat-x 36px 0; width:100%}
.block1 .list a{ color:#858585; text-decoration:none}
.block1 .list a:hover{ text-decoration:none; color:#F79765}
.block1 .read_more{ margin:9px 6px 0 0 ; text-align:right}
.block1 .indent_1{ padding:22px 10px 0 7px}
.block1 ul{margin:0px; padding:0px; list-style:none; line-height:32px; margin-left:4px}
.block1 ul li { background: url(images/x.gif) repeat-x left bottom; height:31px}
.block1 ul li a{ color:#858585; text-decoration: none; font-weight:normal}
.block1 ul li a:hover{ text-decoration: none; color:#F89151}


.programs .indent{ padding:28px 0 5px 0}
.programs .indent div{ margin-left:35px; margin-right:20px}
.programs .indent div em{ color:#4B4C4C}
.programs .indent div img{ margin-left:-29px; margin-right:11px}

.bunner1 .rep{ background:url(images/bun1_rep.jpg) repeat-x}
.bunner1 .left{ background:url(images/bun1_left.jpg) no-repeat}
.bunner1 .right{ background:url(images/bun1_right.jpg) no-repeat right top; height:100px}
.bunner1 .indent{ padding:14px 18px 5px 0; text-align:right}

.bunner2 .rep{ background:url(images/bun2_rep.jpg) repeat-x}
.bunner2 .left{ background:url(images/bun2_left.jpg) no-repeat}
.bunner2 .right{ background:url(images/bun2_right.jpg) no-repeat right top; height:100px}
.bunner2 .indent{ padding:14px 12px 10px 0; text-align:right}

.bunner3 .rep{ background:url(images/bun3_rep.jpg) repeat-x}
.bunner3 .left{ background:url(images/bun3_left.jpg) no-repeat}
.bunner3 .right{ background:url(images/bun3_right.jpg) no-repeat right top; height:100px}
.bunner3 .indent{ padding:7px 0 0 20px}
.bunner3 input{ width:120px; height:23px; background:#FFFFFF; color:#858585; vertical-align:middle; margin-right:4px; padding:2px 0 0 4px}

.indent_2{ padding:29px 33px 20px 0}
.indent_2 div{ margin-left:35px; margin-top:14px}
.indent_3{ padding:28px 15px 20px 0}
.indent_3 div{ margin-left:35px; margin-right:20px}
.indent_3 div em{ color:#4B4C4C}
.indent_3 div img{ margin-left:-29px; margin-right:11px}
.indent_4{ padding:28px 15px 5px 0}

.px{ background:url(images/x.gif) repeat-x; width:auto; height:1px}

.form input {
	width:170px;
	height:22px;
	color: #838485;
	padding:2px 0 0 4px;
	line-height:11px;
	background-color:#FFFFFF;
	vertical-align:middle
}
.form textarea {
	width:190px;
	height:82px;
	color: #838485;
	overflow: auto;
	padding:2px 0 0 4px;
	background-color:#FFFFFF;
}


/* my stuff */
 
 .preview {height: 150px;
          width: 120px;}

.previewcolour
{ z-index:1;
  position:relative;
  top:10px;
  left:10px;
  border: solid 2px red;
    }

.previewbg
{ z-index:0;
  position:relative;
    top:10px;
  left:-90px;
 }

.previewlbl
{ z-index:2;
  position:relative;
    font-style:italic; }
    
.line
{display:block;
 color:#F69D73; /* orange */
}

.bgbutton
{ 
 border-style: solid;
 border-width: 1px;
 border-color: Black;
 /*border: solid 1px black;*/
 margin: 6px 3px 6px 3px;
 padding: 2px 2px 2px 2px;
 width:205px;
 }
 
.bgbuttonSel
{ 
 border-style: solid;
 border-width:thick;
 border-color: Black;
 margin: 6px 3px 6px 3px;
 padding: 2px 2px 2px 2px; }

/* css layout */


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.BodyStyle #container {
	width: 100%;  /* this will create a container 100% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.BodyStyle #mainContent {
	/*padding: 0 20px;  remember that padding is the space inside the div box and margin is the space outside the div box */

}

.BodyStyle #LeftSide { 	background:url(images/LeftSide.jpg) no-repeat top left; height: 230px;}
.BodyStyle #RightSide { 	background:url(images/RightSide.jpg) no-repeat top right; height: 230px;}

.BodyStyle #leftheader {height:275px;  float:left; width:580px }
.BodyStyle #Middleheader {background: #B0D5EF url(images/jbHeaderMid.jpg) repeat-x; height:275px; width:100%}
.BodyStyle #rightheader { height:265px; 
	text-align: right;  padding-top: 10px; font-size:12px; float:right; color:#C7E0F4; }
	
#menulinks{margin-left:50px; width:500px;}

#menulinks  ul
{
	margin: 0px;
	padding-top: 30px;
	padding-left: 0px;
	list-style-type: none;
	font-family: arial;
	font-size: 18px;
	}
	
#menulinks ul li {
	display: inline;
	text-align:center;
}
	
#menulinks ul li a
{	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #FFCC00;
	font-weight:bold;
	text-decoration:none;
}

#menulinks a:hover {text-decoration:underline}  

.profiles em {color:#577714; font-style:normal;}