/******************
HTML Tags
******************/

BODY
{
    color: #000000;
    font-size: 85%;
    border: none;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    background-color: #F0F0F0;
    height: 100%;
    text-align: justify;
}
    


/******************
FORM STYLES
******************/

#content form {
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}

#content fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 20px 20px 20px;
	border:6px solid #E6E6E6;
	}

/* a nested fieldset */
#content fieldset fieldset {
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#content fieldset fieldset legend {
	margin-bottom:0px;
	padding:0px;
	font-weight:bold;
	}

#content label {
	display:block;
	padding-top:8px;
	}


/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color:#006699;  
	text-decoration:underline;
	}

a:visited {
	color:#330099;
	text-decoration:underline;
	}

a:hover {
	color:#339900;
	text-decoration:none;
	}

a:active {
	color:#FF6600;
	text-decoration:underline overline;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav a:link {
	color:#3B5AA3;
    text-decoration:none;
	}

#mainnav a:visited {
	color:#3B5AA3;
	text-decoration:none;
	}

#mainnav a:hover {
	color:#3B5AA3;
	text-decoration:underline;
	}

#mainnav a:active {
	color:#006699;
	text-decoration:underline overline;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumbs a:link, #breadcrumbs a:visited  {
	color:#006699;
	text-decoration:none;
	}

#breadcrumbs a:hover {
	color:#339900;
	text-decoration:underline;
	}

#breadcrumbs a:active {
	color:#FF6600;
	text-decoration:underline overline;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#side ul a:link, #side ul a:visited  {
	color:#ffffff;
	text-decoration:none;
	}

#side ul a:hover {
	color:#339900;
	text-decoration:underline;
	}

#side ul a:active {
	color:#339900;
	text-decoration:underline overline;
	}
/******************
HEADINGS
******************/


h1 {font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 190%;
    color: #3B5AA3;
    margin-bottom: 0px;
    }

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1em;
	}
	
h4 {
	font-size:.9em;
	}
	
h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.75em;
	}

#three-column-container h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	}

/******************
Layout Divs
******************/
#container
{ width: 760px; 
  top: 10px;
  background-repeat: repeat-x;
  background-color: #FFF;
  border: solid 5px #3B5AA3;
  margin-left:auto;
  margin-right:auto;
  }
#sitename {
	font-size:2.3em;
	margin:0px;
	color:#FFFFFF;
	background-color: #0380B8;
	padding:18px 0px 0px 18px;
	border-bottom: solid 5px #3B5AA3;
	}

#sitename a {
	color:#FFFFFF;
	background-color: #0380B8;
	font-weight:bold;
	text-decoration:none;
	}

#header-container {
	width:760px;
	/*height:144px; */
	margin-left:auto;
	margin-right:auto;
	background: #006699;
	}

#mainnav  {
    height: 30px;
    background-color: #FFF;
    margin-bottom: 1px;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 15px;
    padding-bottom:5px;
    border-top: solid 5px #3B5AA3;
    border-bottom: solid 5px #3B5AA3;
    color: #CCCCCC;
    font-size: 90%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
	}



#content-container {
	margin-left:0;
	margin-right:auto;
	padding:0px 0px 0px 0px;
	height:550px;
	}

#side {
    width: auto;
    height: 100%;
    float : left; 
    font-size: 90%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: #66cc33;
    margin: 0;
    border-right: solid 5px #3B5AA3;
    padding: 0 8px 0 0;
   
}
/*#innercontainer 
{
    }*/
#breadcrumbs {
	display:inline-block;
	color:#666666;
	padding:0px 0px 0px 8px;
	font-size:.8em;
		}
#content
{
    height: 100%;
    overflow: auto;
    padding-left: 8px;
    padding-top: 8px;
    padding-right:8px;
    border-top: solid 5px #3B5AA3;
}


#footer {
    clear: both;
    background-color: #FFF; 
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: solid 5px #3B5AA3;
    height: 20px;
    }
#utility {
    float:left;
    padding-left: 4px;
    font-size:1em;
    }
#copyright {
    float:right;
    padding-right: 4px;
    font-size:1em;
    }
   
/******************
MAIN MENU ITEMS
******************/

#mainnav ul {
	margin:0px;
	padding:0px;
	}

#mainnav li {
	padding:0px;
	list-style:none;
	display:inline;
	padding:0px 8px 0px 0px;
	}

/******************
SIDE LIST MENUS
******************/

#side ul {
	margin:0px;
    padding:0px 0px 0 px 0px;
	}

#side li {
	list-style:none;
	padding:6px 10px 6px 10px;
	border-bottom:0px;
	font-weight:bold;
	}

/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#content ul.list li
{
    list-style: none;
    padding: 2px 0px 2px 16px;
    margin: 0px;
    background: no-repeat;
    background-position: 0 .1em;
    background-image: /laf/bullet.gif;
}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content ul.link-list-vertical li a:link {
	padding:2px 0px 2px 16px;
	background: url(bullet-link.gif) no-repeat;
	background-position: 0 .1em;
	}

#content ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 16px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position: 0 .1em;
	}

#content ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 16px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position: 0 .1em;
	}

#content ul.link-list-vertical li a:active {
	padding:2px 0px 2px 16px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position: 0 .1em;
	}

/******************
TABLE STYLES
******************/

.table {
	width:98%;
	background:#CCE1EC;
	border:6px solid #E6E6E6;
	border-collapse:collapse;
	}
	
.table td {
	padding:2px 2px 2px 2px;
	color:#000000;
	border:solid 3px #FFFFFF;
	text-align:left;
	}

.thead {
	padding:6px 2px;
	background-color:#0380B8;
	color:#FFFFFF;
	text-transform: uppercase;
	font-weight:bold;
	}

.table-row-1 td {
	background:#FFFFFF;
	}

.table-row-2 td {
	}

/******************
CLASSES
******************/

.none {
	display:none;
	}
	
.clear {
	clear:both;
	}

.button-big {
	margin-top:8px;
	}

img.photobig, img.photosmall {
	border:10px solid #006699;
	}

img.photosmall {
	margin-right:25px;
	margin-bottom:8px;
	float: left;
	}
/* -- start of the footer division -- */
.footer { color: #333;font-size: 85%;}
.footer A {font-size: 100%;text-decoration: none;}
.footer A:HOVER {background-color: #D3D0CB; text-decoration: none;}

form
{
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
fieldset
{
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
#SearchBox
{
    float: right;
    display: inline;
    margin:0;
    padding:0;
  
}