﻿#wrapper {
width: 1000px;
margin: 0 auto;
text-align: left;
border: 0px solid black;
background: #FFFFFF;

}

#bigwrapper {
width: 1150px;
margin: 0 auto;
color: #FFFFFF;
background-image:url(backlarge.jpg);
}

#header {
width: 1000px;
height:50px;
background: #000000;
border-bottom: 1px solid white;
padding-bottom:15px;
padding-top:15px;
}

#box {
width: 300px;
height:300px;

}

/*
#leftsideimage {
width: 200px;
float: left;
background:url(6.jpg);
background-repeat:no-repeat;
height:450px;
}


background-image: url(back.jpg);
background-position:center;
background-repeat:repeat-y;
*/


#contenwide {
width: 700px;
padding: 50px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
float: left;
text-align:left;

}

 
#content {
width: 500px;
padding:50px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
float: left;
text-align:left;

}

#contentcontact {
width: 300px;
padding:50px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
float: left;
text-align:left;

}



#slideshow {
width: 150px;
padding: 20px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
float: right;
text-align:left;
border-left: 1px solid black; height: 230px;

}




#bluemenu {
width: 200px; /* set width of bluemenu */
background:#3F73D6;
} 

#bluemenu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;

}

/* style, color and size links and headings to suit */
#bluemenu a, #bluemenu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 4.9px;

}


#bluemenu a {
color: #FFF;
background: #3F73D6;
text-decoration: none;
}

#bluemenu a:hover {
color: #3F73D6;
background: #FFF;
}



#bluemenu a:active{
color:#FFF;
background:#3F73D6;
}

#list a {
color: #000;
background: #FFF;
text-decoration: none;
}

#list a:hover {
color: #3F73D6;
background: #FFF;
}



#list a:active{
color:#3F73D6;
background:#FFF;
}









#bluemenu li {
/* make the list elements a containing block for the nested lists */
position: relative;
background:#FFFFFF;
} 

#bluemenu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#bluemenu ul ul ul,
div#bluemenu ul ul li:hover ul ul
{display: none;
background:#FFFFFF;}

div#bluemenu ul ul li:hover ul,
div#bluemenu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#bluemenu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#bluemenu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#bluemenu a, #bluemenu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->

#contentcontact {
width: 200px;
padding: 50px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
float: left;
text-align:left;

}

#contentright {
width: 100px;
height: 280px;
padding: 70px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
float:right;
text-align:left;

}

#contentrightaboutus {
width: 310px;
height: 380px;
padding-top: 120px;
padding-right: 75px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
float:right;
text-align:left;

}





#contentrightcontact {
width: 450px;
height: 480px;
padding-top: 50px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
float:right;
text-align:left;

}
#content p {
padding-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px
}

#content h1 {
padding-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: lighter;
letter-spacing: 2px;
font-size: 150%;
}

#content h2 {
padding-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: normal;
letter-spacing: 2px;
font-size: 120%;
}

#content h3 {
padding-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
letter-spacing: 2px;
font-size: 120%;
}

#contentcontact h1 {
padding-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: lighter;
letter-spacing: 2px;
font-size: 150%;
}

#contentcontact h2 {
padding-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: normal;
letter-spacing: 2px;
font-size: 120%;
}

#contentcontact h3 {
padding-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
letter-spacing: 2px;
font-size: 120%;
}


body {
text-align: left;
color: #000; 
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;

}

p.top {
padding-right: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 50px;
font-weight:500;
}


#menuborderaboutus {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/10.jpg);
}

#menuborder1 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/1.jpg);
}

#menuborder2 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/2.jpg);
}

#menuborder3 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/3.jpg);
}

#menuborder4 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/4.jpg);

}

#menuborder5 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/5.jpg);
}

#menuborder6 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/6.jpg);
}

#menuborder7 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/7.jpg);
}

#menuborder8 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/8.jpg);
}

#menuborder9 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/9.jpg);
}

#menuborder10 {
width: 1000px;
height: 220px;
background: #3F73D6;
border:thin; border-color:#FFFFFF;
background-position:right;
background-repeat:no-repeat;
background-image:url(flash-header-images/10.jpg);
}

#sidebar {
width: 200px;
height: 200px;
padding: 0px;
float: left;
color: #FFFFFF; 
background: url(../REUNION4/sidetest.jpg);
font-weight:bold;
padding-top: 9px
}





#footer {
clear: both;
background: #000000;
padding:6px;
text-align: center;
font-weight:normal;
color:#666666;
font: 9px Arial, Helvetica, sans-serif;


}

#footer p {

text-align: center;
font-weight:normal;
color:#666666;
font: 9px Arial, Helvetica, sans-serif;


}


a:link {
	color: #0066FF;
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
	text-decoration: none;
	color: #0066FF;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: underline;
	color: #333333;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:active {
	color: #0066FF;
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.class1 A:link {text-decoration: none;
color: #666666; font-size:10px; font-weight:normal;}
.class1 A:visited {text-decoration: none;
color: #666666; font-size:10px; font-weight:normal;}
.class1 A:active {text-decoration: none;
color: #666666; font-size:10px; font-weight:normal;}
.class1 A:hover {text-decoration: underline; color: #0066FF; font-size:10px; font-weight:normal;}

.class2 A:link {color: #FFFFFF;
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.class2 A:visited {text-decoration: none;
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.class2 A:active {color: #0066FF;
	text-decoration: #FFFFFF;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.class2 A:hover {text-decoration: underline;
	color: #333333;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
	
.class3 A:link { text-decoration: none }
.class3 A:active { text-decoration: none }
.class3 A:visited { text-decoration: none }
	
	
	
	




table.stats
{text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 850px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td
{background-color: #E8E8E8;
color: #000;
padding: 5px;
text-align: left;
border: 1px #fff solid;}

table.stats td.hed
{background-color: #666;
color: #fff;
padding: 5px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

headerimage{
width: 800px;
height: 220px;
float:right;
}


