/*GENERAL*/
body {
	background-color: #76827b;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 3px 0px 0px 0px;
    background-image: url(images/backrou) ;
}

/*MainCOLORS*/
.title03, h1, h2   { color: #003399; }

h1 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5;
	margin: 0px 0px 5px 0px;
}

h2 {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0px 0px 0px 0px ;
}

h3 {
	font-size: 8pt;
	font-weight: bold;
	line-height: 1.5;
	padding: 0px;
	margin: 0px;
}

h4 {
	color: black;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.1;
	margin: 0;
}

a {
	color: #000066;
	font-size: 8pt;
	text-decoration: none;
}


a:active, a:hover {
	color: #CC0000;
	font-size: 8pt;
	text-decoration: none;
}

.news {
border-bottom: #e6e6e6 1px solid;
padding: 5px 3px 5px 3px;
text-align: justify;
}

.thumbnail IMG {
border: #cccccc 1px solid;
padding: 3px 3px 3px 3px;
}


/* ----------menu----------------- */
#menu {
	letter-spacing: .1em;
	line-height: normal;
	list-style-type: none;
padding: 0px 0px 0px 0px;
	margin: 0px;
}

#menu li {
	background: none;
	list-style-type: none;
padding: 0px 0px 0px 0px;
	margin: 0px;
}

#menu a {
width: 112px;
font-size:9px;
background: #CEDEFF;
border-bottom: 1px solid #FFFFFF;
display: block;
padding: 2px 2px 2px 6px;

margin: 0px;
}

#menu a:link, #navlist a:visited, #navlist a:hover, #navlist a:active {
	color: #666666;
	text-decoration: none;
}

#menu a:hover {
	color: black;
	background: #ECF8FF;
}


#menuOn a:link {
	color: white;
	background:#0066CC;
}

#menuOn a:hover {
	color: white;
	background: #0066CC;
}

#menuOn a:visited {
	color: white;
	background: #0066CC;
}

/* ----------Homepage------------- */
#boxedDiv {
    border-bottom: #336699 1px solid;
	border-collapse: collapse;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top: #336699 1px solid;
	font-size: 7px;
	width:120px;
}

#sideBoxLink {
	font-size: 7px;
margin: 1px 1px 1px 3px;
}

#sideBoxLink  A {
color: black;
font-size: 7pt;
}

#sideBoxLink  A:hover {
color: red;
font-size: 7pt;
text-decoration: underline;
}

#story {
color: #000000;
font-size:10px;
width:100%;
padding: 1px 1px 1px 1px;
margin: 1px 1px 1px 1px;
}

#story  A {
color: black;
font-size:10px;

}

#story A:hover {
color: #3277C5;
font-size:10px;
text-decoration: none;

}

#story  IMG{
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid;
BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid;
FLOAT: left; MARGIN: 0em 2px 1px 0px;
}

#storyBreak{
border-bottom: #e6e6e6 1px solid; clear:both;
padding: 1px 1px 1px 1px;
margin: 1px 1px 1px 1px;
}


#infoBox {
color: #000000;
font-size: 7pt;
margin: 3px 0px 3px 0px;
width:160px;
BORDER-bottom: #e6e6e6 1px solid;
}

#infoBox  A {
color: #3277C5;
font-size: 7pt;
}

#infoBox  A:hover {
color: red;
font-size: 7pt;
text-decoration: underline;
}

#logoMain {
text-align: left;
color: #006699;
width: 100%;
padding: 2px;
margin: 0px 0px 5px 0px;
}

#logoMain  IMG{
margin: 0em 0px 4px 0px;
}

#section { 
color: #000000;
font-size: 10px;
text-align: justify;

}

#section  A {
color: green;
font-size:10px;
}

#section A:hover {
color: #3277C5;
font-size:10px;
text-decoration: underline;
}


#record {
color: #000000;
font-size:10px;
width:98%;
}

#record  A {
color: black;
font-size:10px;
}

#record A:hover {
color: #3277C5;
font-size:10px;
text-decoration: none;
}

#record  IMG{
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid;
BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid;
FLOAT: left; MARGIN: 0em 2px 1px 0px;
}

#recordBreak {
border-bottom: #e6e6e6 1px solid; clear:both;
padding: 1px 1px 1px 1px;
margin: 1px 1px 1px 1px;
}

#google468 {
text-align: center;
margin: 1em 0em 1em 0em;
}

/* ----------linksPage------- */
#linkColumnLeft{ 
width:180px; 
position:absolute; 
color: black;
font-size: 10px;
text-decoration: none;
}

#linkColumnCenter{ 
left:182px;
width:180px; 
position:absolute; 
font-size: 10px;

}

#linkColumnRight{ 
left:364px;
width:180px; 
position:relative; 
font-size: 10px;
}

/* ----------container ------- */
#container {
width: 790px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
} 
/* ----------header-------------- */
#header {
text-align: center;
background-color: #ffffff;
width: 790px;
padding: 0px;
margin: 0px; 
}

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 120px #ffffff;  /* color left column  */ 
border-right: solid 120px #ffffff;   /* color right column  */ 
background-color: #ffffff;  /* color content column */
} 
#inner{margin:0; width:100%;height:100%; } /* Need for ie/pc  */ 

/* --------------left and right nav------------- */
#left {
 width:120px;
 height:600px;
 float:left; 
 position:relative; 
 margin-left:-120px; 
background-color: #ffffff; 
 }

 #right {
 width:120px; 
height:100%;
 float:right; 
 position:relative; 
 margin-right:-120px; 
background-color: #ffffff;

 }
/* -----------------content--------------------- */ 
#content{ 
float:center;
position:relative; 
height:100%;
width: 548px; 
margin: 0px 1px 0px 1px ;
padding: 0px 0px 0px 0px ; 
color: #000000;
font-family: Verdana;
font-size: 7pt;
background-color: #ffffff;
}

#contentInside{ 
height:100%;
margin: 0px 1px 0px 1px ;
padding: 0px 5px 0px 5px ; 
color: #000000;
background-color: #ffffff;
}

#contentLeft{ 
float: left; 
padding: 0px 0px 0px 0px ; 
width: 330px; 
color: black;
font-size: 10px;
text-decoration: none;
}

#contentRight{ 
float: right; 
margin: 0px 0px 0px 0px ;  
background-color: #ffffff; 
width:205px; 
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: left;
background-color: #ffffff;
} 


.google468 {
text-align: center;
margin: 1em 0em 1em 0em;
}


.textual {
text-align: justify;
font: 12px "Lucida Grande","Lucida Sans Unicode", "Trebuchet MS", Tahoma,  Verdana, Arial, sans-serif ;
color:#333333;
margin: 1em 0em 1em 0em;
}