/*
outside_container

header

top_navigation

big top image

main content

footer

margin: 0px 0px 0px 0px

padding: 0px 0px 0px 0px




*/

body{ background-image:url(../images/images/background_tile.jpg);); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#5786ae; background-repeat:repeat-x; margin:0px;}

#outside_container{ background-color:#ecf0f2; width:760px; margin-left:auto; margin-right:auto; padding 5px 5px 5px 5px; border:solid 1px #CCCCCC; background-image:url(../images/_.jpg); background-repeat:repeat-x;}

#header{ background-color: #003366; height:100px; }

#header h1 {font-size:25px; padding: 30px 0px 0px 0px; margin: 0px 0px 0px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}



#top_navigation{margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;  font-weight:bold; }

#top_navigation ul{ background-color:#6b9e0a; margin: 0px 0px 0px 0px; padding: 10px 5px 10px 5px;}

#top_navigation li{ display:inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;}

#top_navigation a { margin: 0px 0px 0px 0px; text-decoration:none; color:#FFFFFF; padding: 10px 12px 10px 15px;}

#top_navigation a:hover { margin: 0px 0px 0px 0px; text-decoration:none; color:#ffffff; padding: 10px 12px 10px 15px; background-color:#203E49;}

#main_content {margin: 0px 0px 0px 0px; height:920px;}

#main_content h3{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#main_content2 {height:500px;}

#main_content3 {height:950px;}

#main_content4 {height:820px;}

#main_content5 {height:770px;}

#main_content6 {height:1130px;}

#main_content7 {height:600px;}




#images ul {list-style-type: none; margin-left:15px; margin-right:10px;}

#images li{ display:inline; padding:5px 5px 5px 5px;}

/* this is only read by firefox */

html>/**/body #images ul { margin:0px 0px 0px 10px; padding:8px;}


#intro_text{margin:10px 0px 10px 20px; line-height:25px;}

#intro_text span{color: #FF6600; font-weight:bold;}

#text_design span{ color:#FF6600; font-weight:bold;}

#text_design  {margin:20px;  line-height:25px; text-align:left;}

#text_design2  {margin:20px;  line-height:25px; text-align:left;}

#text_design2 span{ color:#FF6600; font-weight:bold;}

#text_design h3{font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding-bottom:5px;}

#text_design h3 a{ text-decoration:underline; color:#000000; font-size:12px; font-weight:bold;}

#text_design h3 a:hover{ text-decoration:underline; color:#FFCC00; font-size:12px; font-weight:bold;}

h2{font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:20px; margin-top:30px; text-align:left;}

h3{font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:20px; margin-top:30px; text-align:left;}

h3 span {color:#FF6600; font-weight:bold;}

#big_top_image{ background-image:url(../images/bannere.jpg); background-repeat:no-repeat; height: 200px; margin: 0px 0px 0px 0px;}

#big_top_image h1 { color:#FFFFFF; margin: 0px 10px 0px 20px; padding: 25px 10px 0px 0px; font-size:18px; }

#big_top_image h2 a{color:#FFFFFF; text-decoration:underline;}

#big_top_image h2 a:hover{color:#FFCC00; text-decoration:underline;}

#big_top_image h2 { color:#FFFFFF; font-size:12px; margin: 0px 10px 0px 20px; padding: 0px 10px 0px 0px; line-height:20px; font-weight:lighter;}


#image_1{margin: 0px 0px 0px -18px; text-align:center;}

#img{margin: 0px 0px 0px -18px; text-align:center; padding:5px 0px 0px 0px;}
#img1{float:left; width:250px; margin: 0px 0px 0px 0px; padding:5px 5px 0px 0px;}
#img2{float:right; width:250px; margin: -20px 0px 0px -10px; padding:0px 10px 0px 14px;}


#rates2{width:260px; float:right; margin:0px 100px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

#rates2 li { background-color: #DDDDFF; border: solid 1px #000033; padding:5px 5px 5px 5px; list-style-type:none; }

#rates{width:260px;  float:left; margin:0px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

#rates li { background-color: #DDDDFF; border: solid 1px #000033; padding:5px 5px 5px 5px; list-style-type:none; }

/* this is only read by firefox */

html>/**/body div#rates {margin:0px 0px 0px 0px;}

html>/**/body div#rates2 {margin:0px 180px 0px 0px;}


#convertor{font-size:10px; width:170px; margin:0px 250px 0px 0px; }

#convertor ul{ background-color:#AAAAAA; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; list-style-type: none; }

#convertor li{ display:block; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border:solid 1px #7F95AD; background-color: #ffffff;}


#convertor a { margin: 0px 0px 0px 0px; text-decoration:none; color:#000000; padding: 5px 5px 5px 5px;}


#convertor a:hover { margin: 0px 0px 0px 0px; text-decoration:none; color:#FF9900; background-color:#656565; padding: 5px 5px 5px 5px;}


#footer{ background-color: #669933; font-size:10px;}

#footer ul{ background-color:#AAAAAA; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 10px; }

#footer li{ display:inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#footer a { margin: 10px 0px 10px 0px; padding: 0px 10px 0px 5px; text-decoration:none; color:#FFFFFF;}

#footer a:hover { margin: 10px 0px 10px 0px; padding: 0px 10px 0px 5px; text-decoration:none; color:#FF6600;}


#instructions h4{ text-align:center; margin: 150px 100px 0px 200px; font-size:12px; font-weight:bold; }

#aquaduct{ margin: 0px 0px 0px 18px; text-align:center;}

.aquaductinfo{text-align:center; margin:0;}


/* this is the the size of the outside area   */
div#links { width:210px;  margin:-150px 0px 0px 0px;}

div#links li {display:inline; }

/* this is only read by firefox */
html>/**/body div#links {margin:-110px 0px 0px 0px;}

/* this is only read by firefox */

html>/**/body div#instructions h4 { text-align:center; margin:100px 0px 0px 150px;}


#links img {border-width: 5px; border-color:#ecf0f2; background-color: #ecf0f2;}


/* this is the look of the small images   */
div#links a {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#ecf0f2;   }
div#links a:hover {color: #411; background: #ecf0f2;}


/* this is the look of the large images   */
div#links a span {display: none; text-decoration:none;}
div#links a:hover span {display: block;
   position: absolute; top: 390px; left: 34%; width: 474px;
   padding: 5px; margin: 2px; z-index: 100;
   color: #000000; background: #ecf0f2;
   font: 9px Verdana, sans-serif; text-align: left; font-weight:bold;}


/* end ccopy  */


span.voted{font-variant:small-caps; font-size:10px;}
.clear{clear:both;}