html,body,ul,ol,li,div,p,h1,h2,h3,hr,img,br,form { margin: 0; padding: 0; line-height: normal; }

body { width: 100%;font-family:Arial,Helvetica,sans-serif;font-size:0.625em; max-width:1280px;margin-left:auto;margin-right:auto;}

a { color:#333399 }

p { padding:5px 0 }
#a h3 {padding:5px 0 }
#header { background:#333399;width:100%;overflow:auto }

#header h1 a { background:url(/images/cllogo.gif) 0 0 no-repeat; display:block;float:left;text-indent:-9999em;height:70px; width:200px    }
#contact_details { float:right; color:#fff; text-align: right; padding: 10px;font-size:120%  }
#contact_details a { color:#fff }
body#twocol #leftcolumn { position: relative;margin-right:250px }
#leftcolumn { margin-left:20px }
#main_nav { min-width: 750px }
#leftcolumn p {  line-height:1.5em;font-size:120%; color:#777 }

#first_image { float:left; padding-right:10px; }

.boxed { margin:20px 0 20px 20px;padding:10px;border: 1px solid #333399;float:left}
.boxed h2, .rcolbox h2 { font-size:230%;color:#333399; font-weight:normal; padding-bottom:15px}
#rightcolumn{ padding-top: 20px;width:230px; float:right;margin-top:0px!important;margin-top:0px;margin-left:0px!important;margin-left:40px }
h2 { font-size:230%;color:#333399; font-weight:normal;  }
form h3 { margin:0; padding:0 }
form h3 span, #b p span { padding: 0 0 0 30%; margin: 0 0 0 10px}
#b p#summary { padding:0 0 0 30%;margin: 0 0 0 10px; width:60% }
#contact_me { padding: 20px 20px 40px 20px; float:left; text-decoration:none }
#contact_me img { border:0 }
.rcolbox {border:1px solid #333399;padding:10px;margin:20px 20px 20px 20px;width:190px}
.rcolbox p {  line-height:1.5em;font-size:120%;  }
.rcolsummary { width:55%; }
.rcoltitle { white-space:pre }
.padme { padding: 20px }
.sidepadme { margin:0;padding: 0 0 0 240px;padding: 0 20px 0 240px}
.clear { clear: both;height: 0;overflow:hidden}
* html .visualIEFloatFix { height: 0.01%; }
#leftcolumn li { font-size:130%  }
#leftcolumn ul { padding:20px }
#leftcol { width:50%;float:left}
#rightcol { width:50%;float:left }

ul#nav {clear:both;width:100%;float:left;background:url(/images/menu_fade.gif) 0 0 repeat-x;overflow:auto }
li.nav_gradient {float:left; list-style-type:none;  }
li.nav_gradient a {font-size:120%; color:#333399;text-decoration:none; display:block;background:url(/images/rounded_r.gif) bottom right no-repeat; padding: 0}
li.nav_gradient a.active {background:#fff url(/images/rounded_r.gif) bottom right no-repeat;}


li.nav_gradient span { background:url(/images/rounded_l.gif) bottom left no-repeat; display:block; padding:5px 15px 5px 15px;   }

li.nav_gradient a:hover { background:#333399 url(/images/rounded_rhover.gif) bottom right no-repeat;color:#fff; text-decoration:underline}

#footer { color:#fff;clear:both;width:100%; background:#333399 url(/images/cllogo_small.gif) right no-repeat;margin-top:20px; font-size:11px  } 
#footer_text { padding: 5px 0 5px 5px; width:70%;overflow:auto}
#sitemap  { float:right;padding:10px 50px 0 0}
#sitemap a {color:#fff}

p#c8 { padding:5px 0 0 5px; float:left;clear:both;width:95% }
.c8footer {  }

.lbl {  width:100%;clear:both; padding: 2px 0 0;  }
label { text-align:right;float:left;display:block; width:30%; padding: 0 10px 0 0 }
.txt { width:60%; float:left;}
input.radio { left:0 }
form {padding:10px 0 0 0}
form h2 {margin:0px 0 10px 0;padding:15px 0 5px 0;width:100%;clear:both; }
form h2 span { padding:0 0 0 0; margin:0 0 0 10px; display:block; }
#a {width: 40%; float:left;}
#b {width:60%;float:left;position:relative}
.hrspacer { clear:both; padding: 15px 0 10px 0 }
.hrspacer hr { border: none 0; background-color: #eee; height: 5px; }

p.formError { text-align:right; padding: 0  45px 0 0;clear:both; color:red}
div#b p.formError { padding: 0 60px 0 0;}

html,body,ul,ol,li,div,p,h1,h2,h3,hr,img,br,form { margin: 0; padding: 0; line-height: normal; }

body { width: 100%;font-family:Arial,Helvetica,sans-serif;font-size:0.625em; max-width:1280px;margin-left:auto;margin-right:auto;}

a { color:#333399 }

p { padding:5px 0 }
#a h3 {padding:5px 0 }
#header { background:#333399;width:100%;overflow:auto }

#header h1 a { background:url(/images/cllogo.gif) 0 0 no-repeat; display:block;float:left;text-indent:-9999em;height:70px; width:200px    }
#contact_details { float:right; color:#fff; text-align: right; padding: 10px;font-size:120%  }
#contact_details a { color:#fff }

#main_nav { min-width: 750px }
#leftcolumn p {  line-height:1.5em;font-size:120%; color:#777 }
#rightcolumn {  }
#first_image { float:left; padding-right:10px; }
.boxed { margin:20px 0 20px 0px;padding:10px;border: 1px solid #333399;}
.boxed h2, .rcolbox h2 { font-size:230%;color:#333399; font-weight:normal; padding-bottom:15px}
h2 { font-size:230%;color:#333399; font-weight:normal;  }
form h3 { margin:0; padding:0 }
form h3 span, #b p span { padding: 0 0 0 30%; margin: 0 0 0 10px}
#b p#summary { padding:0 0 0 30%;margin: 0 0 0 10px; width:60% }
#contact_me { padding: 20px 20px 40px 20px; float:left; text-decoration:none }
#contact_me img { border:0 }
.rcolbox {border:1px solid #333399;padding:10px;margin:0px 0px 20px 0px;overflow:hidden}
.rcolbox p {  line-height:1.5em;font-size:120%;  }
.rcolsummary { width:55%; }
.rcoltitle { white-space:pre }
.padme { padding: 20px }
.sidepadme { padding: 0 20px 0 240px}
.clear { clear: both;height: 0;overflow:hidden}
* html .visualIEFloatFix { height: 0.01%; }
#leftcolumn li { font-size:130%  }
#leftcolumn ul { padding:20px }
#leftcol { width:50%;float:left}
#rightcol { width:50%;float:left }

ul#nav {clear:both;width:100%;float:left;background:url(/images/menu_fade.gif) 0 0 repeat-x;overflow:auto }
li.nav_gradient {float:left; list-style-type:none;  }
li.nav_gradient a {font-size:120%; color:#333399;text-decoration:none; display:block;background:url(/images/rounded_r.gif) bottom right no-repeat; padding: 0}
li.nav_gradient a.active {background:#fff url(/images/rounded_r.gif) bottom right no-repeat;}


li.nav_gradient span { background:url(/images/rounded_l.gif) bottom left no-repeat; display:block; padding:5px 15px 5px 15px;   }

li.nav_gradient a:hover { background:#333399 url(/images/rounded_rhover.gif) bottom right no-repeat;color:#fff; text-decoration:underline}

#footer { color:#fff;clear:both;width:100%; background:#333399 url(/images/cllogo_small.gif) right no-repeat;margin-top:20px; font-size:11px  } 
#footer_text { padding: 5px 0 5px 5px; width:70%;overflow:auto}
#sitemap  { float:right;padding:10px 50px 0 0}
#sitemap a {color:#fff}

p#c8 { padding:5px 0 0 5px; float:left;clear:both;width:95% }
.c8footer {  }

.lbl {  width:100%;clear:both; padding: 2px 0 0;  }
label { text-align:right;float:left;display:block; width:30%; padding: 0 10px 0 0 }
.txt { width:60%; float:left;}
input.radio { left:0 }
form {padding:10px 0 0 0}
form h2 {margin:0px 0 10px 0;padding:15px 0 5px 0;width:100%;clear:both; }
form h2 span { padding:0 0 0 0; margin:0 0 0 10px; display:block; }
#a {width: 40%; float:left;}
#b {width:60%;float:left;position:relative}
.hrspacer { clear:both; padding: 15px 0 10px 0 }
.hrspacer hr { border: none 0; background-color: #eee; height: 5px; }

textarea,input { font-family: arial; font-size: 90%; color:#333  }
input,textarea { padding: 2px 5px }

#leftcol p.formError { text-align:right; padding: 0  47px 0 0;clear:both; color:red}

#leftcol p.formError { text-align:right; padding: 0  45px 0 0;clear:both; color:red}
p.error { border:1px red solid;margin:20px 20px 0 20px;padding:5px 0 5px 30px;background:url(/images/exclamation.gif) 7px 50% no-repeat}

#b p.formError { text-align:right; padding: 0  47px 0 0;clear:both; color:red}
p.error { border:1px red solid;margin:20px 20px 0 20px;padding:5px 0 5px 30px;background:url(/images/exclamation.gif) 7px 50% no-repeat}