@charset "utf-8";
/* @import "./menu.css"; */

body {
width: 100%;
height: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
padding: 0px;
}

p, th, td, li, div {font-size: 10pt;}
td {vertical-align: top;}
img {border: none;}





/** This is box around the image. */

a.imgbox {
display: block;
width: 200px;
height: 150px;
text-align: center;
border: 1px solid #E5E0E0;
background: #FFFFFF;
margin: 20px 0px 0px 5px;
}


a.imgbox:hover {
border: 1px solid #3062CE;
}







.center {
text-align: center;
}

.imgbox {
width: 120px;
text-align: center;
border: 1px solid #E5E0E0;
background: #FFFFFF;
}






table#mainTable {
width: 100%;
}

td#logo {
width:310px;
height: 250px;
margin: 0px;
padding: 0px;
background-image: url(./images/logo_bg.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#logoMenu {
margin: 45px 0px 0px 17px;
font-size: 9pt;
color: #009900;
text-transform: lowercase;
}
div#logoMenu a {
margin-right: 9px;
margin-left: 7px;
text-decoration: none;
color: #009900;
}
div#logoMenu a:hover {
text-decoration: underline;
color: #006600;
}


td#title2 {
height: 30px;
text-align: right;
vertical-align: middle;
}

td#join {
width: 104px;
height: 30px;
padding-left: 20px;
text-align: center;
vertical-align: middle;
background-color: #880F0F;
background-image: url(./images/join_corner_bg.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
td#join a {
font-size: 12pt;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
td#join a:hover {
color: #FFFFCC;
}



td#search {
height: 30px;
margin: 0px;
padding: 0px;
padding-left: 30px;
text-align: right;
vertical-align: middle;
background-color: #009900;
background-image: url(./images/search_corner_bg.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
td#search form {
margin: 0px;
padding: 0px;
color: #CCCCCC;
}
td#search form img {
margin: 0px;
padding: 0px;
}

td#search form input {
width: 150px;
color: #990000;
border: 1px solid #006600;
background-image: url(./images/input_bg.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}
td#search form button {
font-size: 11pt;
color: #FFFFFF;
border: 1px solid #006600;
background-image: url(./images/button_bg.gif);
background-repeat: repeat-x;
background-position: left center;
}

td#search form a {
font-size: 8pt;
margin-right: 9px;
margin-left: 7px;
padding: 2px;
text-decoration: none;
text-transform: lowercase;
color: #FFFFFF;
}
td#search form a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #3062CE;
}
td#search form a.selected {
background-color: #3062CE;
}


td#powered_by_google {
background-color: #009900;
padding: 0px 10px 0px 10px;
text-align: center;
vertical-align: middle;
}







td#title {
text-align: center;
vertical-align: middle;
}
td#title h1 {
font-size: 20pt;
color: #3062CE;
padding: 0px;
margin: 0px 0px 10px 0px;
}
td#title h2 {
font-size: 16pt;
color: #ACA29E;
padding: 0px;
margin: 0px 0px 10px 0px;
}
td#title p {
font-size: 12pt;
color: #988C87;
padding: 0px;
margin: 0px 0px 10px 0px;
}

table.join_btn {
width: 226px;
height: 44px;
background-color: #B23333;
background-image: url(./images/join_btn_bg.gif);
background-repeat: no-repeat;
background-position: center center;
}
table.join_btn td {
text-align: center;
vertical-align: middle;
}
table.join_btn a {
font-size: 16pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
table.join_btn a:hover {
color: #FFFFCC;
}











td#leftColumn {
padding: 0px 10px 0px 10px;
}








td#rightColumn {
padding: 0px 10px 0px 0px;
}










div.window {
margin: 0px 0px 10px 0px;
background-color: #F4F3F2;
background-image: url(./images/window_bg.gif);
background-repeat: repeat-x;
background-position: left top;
border: 1px solid #E7E2E2;
}

div.window .container {
padding: 10px;
}




div.window a.more {
font-weight: bold;
color: #3062CE;
text-decoration: none;
}
div.window a.more:hover {
text-decoration: underline;
}




div.window table {
width: 100%;
}

div.window td.right {
text-align: right;
vertical-align: middle;
}
div.window table td.corner {
width: 25px;
}



div.window table.green td.icon {
width: 25px;
background-color: #009900;
margin: 20px 5px 5px 30px;
}
div.window table.green td.header {
background-color: #009900;
text-align: left;
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
margin: 20px 5px 5px 30px;
}



div.window table.blue td.icon {
width: 25px;
background-color: #3062CE;
margin: 20px 5px 5px 30px;
}
div.window table.blue td.header {
background-color: #3062CE;
text-align: left;
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
margin: 20px 5px 5px 30px;
}




div.window h2 {
font-size: 10pt;
font-weight: bold;
color: #3062CE;
padding: 0px;
margin: 0px;
}




div.window td.right a {
font-size: 8pt;
text-decoration: none;
color: #3062CE;
}



div.window form {
padding: 0px;
margin: 10px 50px 10px 50px;
}

div.window form input {
width: 100%;
color: #000000;
border: 1px solid #006600;
background-image: url(./images/input_bg.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}
div.window form button {
width: 45%;
font-size: 11pt;
font-weight: bold;
color: #FFFFFF;
border: 1px solid #006600;
background-image: url(./images/button_bg.gif);
background-repeat: repeat-x;
background-position: left center;
}
div.window form button.red {
font-size: 11pt;
color: #FFFFFF;
border: 1px solid #770000;
background-image: url(./images/button_red_bg.gif);
background-repeat: repeat-x;
background-position: left center;
}












#menuTop {
background-color: #F4F3F2;
background-image: url(./images/window_bg.gif);
background-repeat: repeat-x;
background-position: left top;
margin-bottom: 10px;
}

#menuTop table {

}
#menuTop table td {
text-align: right;
vertical-align: middle;
border-right: 1px solid #FFFFFF;
}

#menuTop table td a {
display: block;
font-size: 12pt;
text-decoration: none;
text-transform: lowercase;
padding: 10px 10px 10px 10px;
color: #000000;
}
#menuTop table td a:hover {
background-color: #BFD3FE;
background-image: url(./images/menu_sel_bg.gif);
background-repeat: repeat-x;
background-position: left top;
color: #FFFFFF;
}
#menuTop table td a img {
vertical-align: middle;
padding-right: 10px;
}












table#footer {
width: 100%;
height: 30px;
margin: 20px 0px 50px 0px;
border-top: 1px solid #D5D3D2;
background-image: url(./images/footer_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}
table#footer td {
padding: 5px 10px 0px 10px;
}


table#footer td.copyright a {
color: #B2ABA9;
text-decoration: none;
}
table#footer td.copyright a:hover {
color: #3062CE;
text-decoration: underline;
}



table#footer td.menu {
color: #B2ABA9;
text-align: right;
}
table#footer td.menu a {
color: #3062CE;
text-decoration: none;
}
table#footer td.menu a:hover {
color: #3062CE;
text-decoration: underline;
}






div#imgList table {
}


div#imgList table td {
text-align: center;
padding-bottom: 10px;
}


div#imgList table td a {
color: #80746F;
text-decoration: none;
}

div#imgList table td a:hover {
color: #3062CE;
text-decoration: underline;
}





div#imgList table td a.blue {
display: block;
width: 50px;
float: left;
margin-left: 30px;
font-size: 8pt;
color: #FFFFFF;
padding: 3px;
border: 1px solid #3062CE;
background-color: #3062CE;
background-image: url(./images/button_blue_bg.gif);
background-repeat: repeat-x;
background-position: center center;
text-decoration: none;
text-transform: lowercase;
}

div#imgList table td a.blue:hover {
color: #FFFFFF;
border: 1px solid #770000;
background-color: #3062CE;
background-image: url(./images/button_red_bg.gif);
}





div#imgList table td a.green {
display: block;
width: 50px;
float: right;
margin-right: 30px;
font-size: 8pt;
color: #FFFFFF;
padding: 3px;
border: 1px solid #006600;
background-color: #006600;
background-image: url(./images/button_bg.gif);
background-repeat: repeat-x;
background-position: center center;
text-decoration: none;
text-transform: lowercase;
}

div#imgList table td a.green:hover {
color: #FFFFFF;
border: 1px solid #770000;
background-color: #3062CE;
background-image: url(./images/button_red_bg.gif);
}

/* Pager properties */

div.pager {
text-align: center;
margin: 20px 0px 20px 0px;
}
div.pager a {
margin: 3px;
padding: 3px;
text-decoration: none;
color: #3062CE;
}
div.pager a:hover {
margin: 3px;
padding: 3px;
text-decoration: none;
color: #FFFFFF;
background-color: #3062CE;
}
div.pager a.selected {
margin: 3px;
padding: 3px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
background-color: #3062CE;
}