body {background:url(images/bg1.gif) repeat-y top center #EEEEEE; color:#333; font: 12pt/1.8  "Segoe UI", "Arial", sans-serif; 
line-height:1.5em; margin:0; padding:0;}

*
{
border: 0;
margin: 0;
}


#content{ padding: 15px; margin:0 auto;}

p { margin: 0 1em 1em; text-align: justify; line-height: 1.55; font: 12pt/1.8  "Segoe UI", "Arial", sans-serif;}

.central {width: 990px;  margin:0 auto; background: #F5F5f5; border-left: 1px solid #BBB; border-right: 1px solid #BBB;}

#header h4 {text-align: left; text-shadow:1px 1px 3px black; font-size: 1,8em; font-weight:400; letter-spacing:1px; margin:0 0 15px 55px; padding:20px 0 0;}
#header h4 a {font-weight:400; padding:0; color: #FFF; }
#header h4 a:hover {font-weight:400; padding:0;color:#0F0;}

.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.center {text-align:center;}



ol {margin-left: 50px; text-align: justify;}
ul {margin-left: 50px; text-align: justify;}
li {margin-left: 50px; margin-bottom: 0.5%; margin-top: 0.5%}

dd {margin-left: 3%; text-align: justify;}

pre {font-size: 1em}

.hd {text-transform: uppercase; font-weight:bold; margin-top: 30px;	margin-bottom: 30px; letter-spacing:1px;}


/** HEADINGS */

h6 { font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 20px; color:#aa0000; line-height: 1.6; text-shadow:#ccc 2px 2px 4px;}
h5 { font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 30px; color:#aa0000; line-height: 1.6; text-shadow:#ccc 2px 2px 4px;}
h4 { font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 40px; color:#aa0000; line-height: 1.6; text-shadow:#ccc 2px 2px 4px;}
h3 { font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 45px; color:#aa0000; line-height: 1.6; text-shadow:#ccc 2px 2px 4px;}
h1 { font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 50px; color:#aa0000; line-height: 1.6; text-shadow:#ccc 2px 2px 4px;}

h1 {
  font-size: 200%;
}
h3 {
  font-size: 165%;
}
h4 {
  font-size: 145%;
}
h5 {
  font-size: 125%;
}
h6 {
  font-size: 100%;
}


 h2
{
	margin: 0 auto;
	margin-top: 12px;
	background:#fff url(images/headerbg.jpg) repeat-x;
	color: white;
	padding-top: 10px;
	line-height: 2em;
	font-size: 2em;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-weight:normal;
	width: 800px;

}

a:link { color: #1155ff; text-decoration: none;}
a:visited { color: #1155ff; text-decoration: none;}
a:hover { color: red; text-decoration:underline;}


.img_l {	float:left;
		margin: 3px 18px 6px 14px;
}

.img_r {	float: right;
		margin: 9px 10px 3px 10px;
}

.menuheader {
    border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #cccccc;
	margin: 40px 10px;
	padding: 10px;
	background: #ffffff url('/img/gradient2.png') repeat-x;
	color: #BF0000;
  	width: 95%;
  	font-size: 1.6em;
}

.QBox {
  margin: 0 auto;
  background: #ffffff url('images/quote-left.gif') no-repeat left top;
  width: 820px;
  padding-top: 10px;
  padding-left: 40px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  font-family: Arial;
  /*border: 1px solid #ccc;*/
}
.QBox div {
  background: url('images/quote-right.gif') no-repeat right bottom;
  padding-right: 40px;
  padding-bottom: 10px;
}

.gray  {
		border-left: 5px solid #7f7d99; 
		border-right: 5px solid #7f7d99; 
		border-top: 1px solid #7f7d99; 
		border-bottom: 1px solid #7f7d99; 
		font-size: 100%; 
		margin: 2em 4em 2em 4em; 
		padding: 1em 2em 1em 2em; 
		text-align:left; 
		background-color: #FFFFFF;
		box-shadow: 0px 0px 3px #222;
    	-moz-box-shadow: 0px 0px 3px #222;
    	-webkit-box-shadow: 0px 0px 3px #222;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px

    	}
    	
.navy {
		border: 1px solid #ccc; 
		margin: 0 auto;

		margin-top:35px; 
		margin-bottom:35px; 

		width: 820px;
		padding: 25px; 
		color: navy; 
		font-family: "Trebuchet MS", Arial, sans-serif; 
		font-style: italic; 
		font-weight:bold;
		background : #F7FFF6;}


.uak {
  color: #777777;
  font-size: 11px;
  font-family: Verdana,sans-serif;
  font-style: italic;
  padding-bottom: 2px;
  text-align: center;
}


.line {  background: url(images/line.png) repeat-x; height: 1px; display: block; margin-left: 15px; margin-right:15px; }

#footer {margin: 0 auto;  float:left; width:100%;} 
#footer .content {width:972px; margin: 0 auto; padding:15px 0 0 20px; height:80px; background: #082750;/* url('images/footerbg5.png')repeat-x; background-position:center;*/ text-align:center;}
#footer .content .bottomlinks a{ text-transform:uppercase; font-size:0.8em; color:#818789; margin-right:30px; text-decoration:none;}
#footer .content .bottomlinks a:hover{text-decoration:underline;color: #0FF;}
#footer .content .otherlinks{padding:10px 0; color:#FFFFFF; font-size:1em; border-bottom:1px dotted #FFFFFF}
#footer .content .otherlinks a{color:#818789; text-decoration:none}
#footer .content .otherlinks a:hover{text-decoration:underline}
#footer .content .copy{padding:15px 0; color:#818789; font-size:0.7em; text-transform:uppercase; letter-spacing: 1px;}


.razd_h { border-top: 1px solid #ccc; width: 1000px; margin: auto;}

blockquote {
border-left : 5px solid #cccccc;
margin: 2em 5em 2em 5em;
padding : 20px;
line-height : 1.55;
text-align : left;
background: #F3F3F3;
}


.style1 {
	color: #FF0000;
}
.style2 {
	color: #FF0000;
	font-weight: bold;
}


.style3 {
	text-decoration: underline;
}

/* text size --------------------------------------------------------------- */		

.textsize {
	padding-left:20px;
	float:right;
	font-size:12px;
	color:#333;
}
	
.textsize a {
	color:#0068cc;
	outline:none;
	font-weight:bold;
	padding:0 2px;
}
	
.textsize a.big {color:#0068cc;
font-size:14px;}
	
.textsize a.bigger {color:#0068cc;
font-size:16px;}	

.textsize a:hover {color:#0068cc;
color:#F00;}

/* menu-------------------------------------------*/

.menuul { 
margin: auto;
width: 53em; /*crucial width guess */
padding: 0;
z-index: 30;
overflow: hidden; 
/* overflow to remove need for special extra clearing div for 
most modern browsers, though some IE might need the div! */ 
}

.menuul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold .80em arial;
/* Dont use px and especially not flyspeck like 9px! */
}

.menuul li a {  
display: block;
color: #CCC;
margin: 0 1px 0 0;
padding: 10px 20px;
background: #0c1f51;
text-align: center;
text-decoration: none;
width: 80px;
border-bottom: 5px solid #888;
} 


.menuul li a:hover {  
display: block;
background: #223399;
color: yellow;
text-align: center;
text-decoration: none;
border-bottom: 5px solid #00DDFF;

} 

.big {
	font-size:large;
	font-style:italic;
	font-family:"Trebuchet MS";
	font-weight:bold;
}