body {background-image:url(images/bg-body.gif); background-repeat:repeat; background-color:#BABABA; padding:0px; margin:10px 0 0 0}
body, td, th {font-family:Arial, Helvetica, sans-serif; font-size:11px;}

a {color:#003366; outline:none}
a:hover {color:#ffffff;}
p,h1,h2,h3,h4,h5,h6 {margin-top:0px;}
h1 {font-size:14px; font-weight:bold; color:#000000; margin-bottom:3px;}
h2 {font-size:12px; font-weight:bold; color:#003366; margin-bottom:3px;}
h3 {font-size:11px; font-weight:bold; color:#000000; margin-bottom:3px;}
p {margin-bottom:6px;}

#header,#header_ard, #content, #footer {width:850px; margin-left:auto; margin-right:auto;}

#headerContainer {background-image:url(images/bg-header-container.png); background-repeat:no-repeat; background-position:top center; height:102px;}

#menuContainer {border-top:1px solid #999999; background-color:#343434; }
#menu {padding:0; font-size:11px; }
#menu a {color:#FFFFFF; padding:3px 30px 3px 30px; text-decoration:none; line-height:20px;}
#menu a:hover {background-color:#666666; text-decoration:none}

#contentContainer {background-image:url(images/bg-content-container.png); background-repeat:repeat-y; background-position:top center;}
#footerContainer {background-image:url(images/bg-footer-container-top.png); background-repeat:no-repeat; background-position:top center; padding-top:10px;}
#footer, #footer a, #footer a:hover {color:#FFFFFF;}

#header {background-image:url(images/bg-header.jpg); background-repeat:no-repeat; background-position:top left; height:100px; overflow:hidden; border-top:2px solid#FFFFFF;}
#header #title {width:200px; text-align:left; padding-left:20px; padding-top:72px; font-size:18px; font-weight:normal; color:#FFFFFF; height:100px; float:right; border-left:1px solid #FFFFFF;}
#header #title a,#header #title a:hover {font-weight:normal; color:#FFFFFF; text-decoration:none;}

#header_ard {background-image:url(images/bg-header_ard.jpg); background-repeat:no-repeat; background-position:top left; height:100px; overflow:hidden; border-top:2px solid#FFFFFF;}
#header_ard #title {width:200px; text-align:left; padding-left:20px; padding-top:72px; font-size:18px; font-weight:normal; color:#FFFFFF; height:100px; float:right; border-left:1px solid #FFFFFF;}
#header_ard #title a,#header #title a:hover {font-weight:normal; color:#FFFFFF; text-decoration:none;}

#one {width:628px; height:328px; float:left; overflow:hidden; border:1px solid #FFFFFF; }
#two {width:220px; height:330px; float:right; overflow:auto; background-color:#DFDFDF; }
#threeAndFour {background-image:url(images/bg-threeandfour.gif); background-repeat:repeat-y; background-position:top left; clear:both;}
#three {width:590px; background-color:#D6DCE1; float:left; overflow:hidden; min-height:125px; padding:15px 20px 10px 20px; color:#003366;}
#four {width:185px; background-color:#D1D4D7; float:right; overflow:hidden; padding:30px 15px 10px 20px; color:#999999;}

.slideshow {width:628px; height:328px; overflow:hidden; background-image:url(images/default-masthead-big.jpg); background-repeat:no-repeat;}
.slideshow, .slideshow li {margin:0px; padding:0px; list-style:none; list-style-type:none; padding-top:0px; width:628px; height:328px; overflow:hidden}
.caption {text-align:right; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px;}
.caption strong {background-color:#000000; color:#FFFFFF; display:inline; font-weight:normal; padding-right:4px; padding-left:4px;}

.tintBlue {background-image:url(images/tint-blue.png); background-repeat:repeat;} 
.clear {clear:both;}

#two #heading {color:#FFFFFF; border-top:1px solid #999999; background-color:#8B9DAF; padding:0px 10px 0px 15px; line-height:25px; font-size:12px; font-weight:bold; height:25px; overflow:hidden}
#two h2 {margin:0 0 0 0;}
#two p {margin:0; }
#two ul, #two ul ul {margin:0px; padding:0px; list-style:none; list-style-type:none; padding-top:0px;}
#two ul li li {height:auto; border:none; list-style:none; list-style-type:none; padding:0px; }
#two li {list-style:none; list-style-type:none; display:block;  height:75px; border-bottom:1px solid #FFFFFF; overflow:auto; padding-left:15px; padding-top:0px; font-size:11px}
#two li h2 {font-weight:bold; margin-bottom:2px; font-size:12px; }
#two li a {text-decoration:none;}
#two li a:hover {text-decoration:underline;}

.red {color:#FF0000;}

/* contact form */
#contactform p {clear:both;}
#contactform label {display:block;}
#contactform .textinput {width:99%; border:1px solid #FFFFFF; font-size:11px; padding:2px;  font-family:Arial, Helvetica, sans-serif}
#contactform textarea {height:95px;}
#contactform .submit {float:right; font-size:10px;} 



/* Columns */
.fourColumns, .threeColumns, .twoColumns {clear:both; width:100%;}
.column1, .column2, .column3, .column4 {float:left}
/*
.column1 div {background-color:#CCCCCC;}
.column2 div {background-color:#CCCCCC;}
.column3 div {background-color:#CCCCCC;}
.column4 div {background-color:#CCCCCC;} 
*/
.fourColumns .column1 {width:22%; margin-right:4%;}
.fourColumns .column2 {width:22%; margin-right:4%;}
.fourColumns .column3 {width:22%;}
.fourColumns .column4 {width:22%; float:right !important;}

.threeColumns .column1 {width:31%; margin-right:3%;}
.threeColumns .column2 {width:31%}
.threeColumns .column3 {width:31%; float:right !important;}

.twoColumns .column1 {width:48%}
.twoColumns .column2 {width:48%; float:right !important;}