/* CSS Document */

/* page bg color */
BODY { background-color: #F1F8FF}

/* plain text color, basic font */
BODY, DIV, P { font-family: Tahoma; font-size: 14px; color:#333333 } 

/* Intext links color */
A { color: #3f8dcc; text-decoration: underline} 
A:hover { color: #74cc3f; text-decoration: underline}

/* center column bg-color, borders, size */
.main { width: 799px; background-color: #FFFFFF; border-left: 2px solid #CC32A4; border-right: 2px solid #CC32A4; text-align: center} 

/* title 1 color */
.title1 { background-color: #4A95F7; margin: 6px; height: 53px; background-image:url(images/corner3.gif); background-repeat:no-repeat; background-position:left top;}

/* title 2 color */
.title2 { background-color: #F73FD1; margin: 6px; height: 53px; background-image:url(images/corner3.gif); background-repeat:no-repeat; background-position:left bottom;}

/* title 3 color */
.title3 { background-color: #4A95F7; margin: 6px; height: 53px; background-image:url(images/corner3.gif); background-repeat:no-repeat; background-position:left bottom;}

/* thumbs 1 border */
.thumbs1 IMG { margin-left: 12px; margin-right: 12px; margin-bottom: 10px; border: 1px solid #F73FD1;}

/* colored slogan */
.color_slogan { margin: 10px; font-size: 18px; color: #cccc33;}

/* thumbs 2 border */
.grey IMG { border: 2px solid #4A95F7 }



.text { margin: 14px; text-align: center}
h1 { font-size: 30px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px; padding: 0px; padding-top: 6px}
h2 { font-size: 24px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px; padding: 0px; padding-top: 10px}
.title1 div { background-position:right top; background-repeat: no-repeat; height: 53px}
.title1 A {font-size: 30px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline}
.title1 A:hover {font-size: 30px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline}
.title2 div { background-position:right top; background-repeat: no-repeat; height: 53px}
.title2 A {font-size: 30px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline}
.title2 A:hover {font-size: 30px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline}
.title2 P { margin: 0px; padding: 0px; padding-top: 6px}
.title3 div { background-position:right top; background-repeat: no-repeat; height: 53px}
.title3 A {font-size: 24px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline}
.title3 A:hover {font-size: 24px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline}
.title3 P { margin: 0px; padding: 0px; padding-top: 10px}
.grey { background-color: #f8f8f8; margin-bottom: 10px; display:block; text-align:center;}
.grey P { padding: 5px; margin: 0px}
.grey div { display:block; float: left; width: 170px; height: 215px; font-size: 12px; text-align:center; padding-top: 10px; padding-bottom: 15px; padding-left: 24px}
.grey div img {margin:0px auto;width:135px; height:180px; display:block}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
.bottom_slogan { margin: 10px; font-size: 18px; color: #333333; margin-bottom: 20px}
.links { margin: 10px; font-size: 12px}
.credits { margin: 10px; margin-top: 0px; font-size: 11px}
.credits A { color: #333333; text-decoration: underline}
.credits A:hover { color: #000000; text-decoration: underline}