/* CSS Document */

body {background-image: url(images/bg.gif);  margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px;}

#site {margin-left: auto; margin-right: auto; width: 850px; background-color:#FFFFFF;}
#head {margin-left: 33px; padding-top: 20px;}
#intro {margin-left:33px; background-image:url(images/intro.jpg); width: 784px; height: 214px;}
#ipara {float: left; padding-left: 20px; padding-top: 115px; width: 430px;}
#latest {float: left; padding-left: 47px; padding-top: 14px;}
#contain {margin-left: 33px; background-image:url(images/hax.gif)}
#content {float: left; width: 525px; padding-top: 20px;}
#menu {float: left; width: 245px; background-color: #d3d3d3; border-left: 10px solid #bababa; margin-left: 4px; height: 100%}
#menup {float: left; width: 245px; background-color: #d3d3d3; border-left: 10px solid #bababa; margin-left: 4px;}
#title {width: 257px; height: 38px; background-image:url(images/title.gif);}
#title2 {width: 257px; height: 38px; background-image:url(images/title.gif); float:left; margin-top: 20px;}
#tpad {padding-left: 20px; padding-top: 5px;}
#footer {widows: 850px; background-image:url(images/footer.jpg); height: 82px; clear: both;}
#foot {padding-left: 70px; padding-top: 45px;}
#sp {width: 245px; clear: both}
#otherpg {width: 784px; height: 80px; background-image:url(images/bar.gif);}
#transparent {float: left; width: 784px; height: 25px; margin-top: 30px; padding-top: 5px; background-image: url(images/trans.png); z-index: 10; } 

/* Font */

.intro {font-family: "Verdana"; font-size: 12px; color:#ffffff; line-height: 20px;}	
.title {font-family: "Verdana"; font-size: 22px; color:#ffffff;}
.title2 {font-family: "Verdana"; font-size: 22px; color:#000000;}
.content {font-family: "Verdana"; font-size: 12px; color:#000000; line-height: 25px; word-spacing: 0px}
.foot {font-family: "Verdana"; font-size: 11px; color:#bdbdbd;}	
.menul {font-family: "Trebuchet MS"; font-size: 12px; color:#275578; text-decoration: underline;}	
.pg2 {font-family: "Trebuchet MS"; font-size: 14px; color:#FFFFFF;}

.blueP {font-family: "Verdana"; font-size: 14px; color: #1c5683;}
.blueP  a:link,.blueP a:visited{ color: #1c5683; text-decoration:underline;}
.blueP a:hover{ color: #cbe5f7; text-decoration:underline;} 
#visit {float: left; width: 482px; height: 20px; background-color:#74a8d0; padding: 5px; border-bottom: 6px solid #276392; margin-bottom: 25px;}
.examples {border: 5px solid #d3d3d3; margin-bottom: 12px;}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;}

.toggleopacity2 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75;}
.toggleopacity2:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;}


#m{float: left; list-style:none; padding: 0px; margin-left: 4px; margin-top: 0px; margin-bottom: 0px;}
#m a:link,#m a:visited{display:block; padding:8px 0; background:#d3d3d3; text-decoration:none; text-indent:15px; width:245px; border-left: solid 10px #bababa; color:#275578;}
#m a:hover{background:#f4f4f4; border-left: solid 10px #787878; color:#275578;}

/* Forms */
#contact {border: solid 1px #255479; width: 450px; padding: 20px;}
.contact_title {font-size: 14px; color: #255479;}