* {

    padding: 0;

    margin: 0;

	

} 

body {

background: #CECFCE url(images/bg.jpg) top center repeat-y;

font-family: Verdana, Tahoma, Arial, sans-serif;

font-size: 12px;

padding: 0;

margin: 0;

color: #555;

}

img {border: none;}

a {

text-decoration: none;

color: #173D7F; 

}

a:hover {

color: #333;

}

h3 { color: #999; font-size: 12px; border-bottom: 1px solid #eee; margin: 10px 0 10px 0;
font-weight:normal; text-decoration:underline;}
h3 a { color: #666;
font-weight:normal;}
ol { padding-left: 20px; }

#wrap {

border-top: 22px solid #333;

margin: 0 auto;

width: 700px;

padding: 10px 10px 0 10px;

}



#header { 

margin: 0 auto;

height: 100px;

background :#111 url(images/header.gif) no-repeat;

}

#header h1 { padding: 25px 0 0 225px; font-size: 23px; font-weight: 100; letter-spacing: -1px; }

#header h1 a { color: #f7f7f7; }

#header h1 a:hover { color: #aaa; }

#header h2 { padding: 0 0 0 225px; font-size: 12px; color: #eee; font-weight: 100; }



#navigation {

background: #000 url(images/menu.gif) repeat-x;

height: 30px;

line-height: 30px;

margin: 10px auto 0 auto;

}

#navigation li {

float:left;

list-style-type:none;

border-right:1px solid #444;

}

#navigation li a {

display:block;

padding:0 20px;

text-decoration:none;

color: #fff;

letter-spacing:1px;

}

#navigation li a:hover {

background: #222 url(images/menuover.gif) repeat-x;

color:#fff;

text-decoration:none;

}



#introduction {

background: #ddd;

padding: 10px;

border-bottom: 4px solid #666;

margin: 0 auto;

}



#content {

margin: 0 auto;

width: 700px;

}



#left1 {

float:left; 

width:200px; 

margin-top: 0px;

padding-bottom: 20px;

}

#left1 h3 {

margin: 10px 0 0 0;

padding: 5px 0 5px 10px; 

font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;

color: #555;

background: #EEF0F1 url(images/menubg.gif) repeat-x left bottom;	

border: 1px solid #EFF0F1;

}

#left1 .box {

border: 1px solid #EFF0F1; 

margin: 0 0 5px 0;	

}

#left1 ul  {

color: #aaa;

text-align: left;

margin: 3px 0 8px 0; padding-left: 20px;

text-decoration: none;		

}

#left1 ul li {

padding: 2px 0 2px 0px;

margin: 0 2px;	

}

#left1 ul a {

font-weight: 600;

color: #666;

}

#left1 ul a:hover { color : #333; }



#right1 { 

float: right;

width: 480px;

padding: 0px 0 20px 10px;

line-height: 17px;

}

#right1 h2 {

padding: 5px 0 5px 0; 

font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;

color: #555;

text-decoration: none; 

border-bottom: 1px dotted #aaa;

margin-bottom: 10px;

margin-top: 10px;

}

#right h2 a { color: #173D7F; text-decoration: none; }

#right1 h2 a:hover {  color: #336699; }



#footer {

background: #333;

height: 22px;

line-height: 22px;

text-align: center;

font-size: 10px;

color: #999;

margin: -10px;

width: 720px;



}

#footer a { color : #999; text-decoration: underline; margin: 0 auto; }

#footer a:hover { color : #fff; }



html { height: 100%;}

body { height: 100%; }



#page {

position: relative;

min-height: 100%;

}



* html #page { height: 100%; }

#footer {

position: absolute;

bottom: 0;

}