@charset "UTF-8";

/*  --------- 2. structure  --------- */

#mainContent { width: 584px; font-size:10px;}
		
#icpbox { float: left; width: 272px; margin-right: 20px;}
			
#ptpbox {text-align:left;}
		
#menuBox {width: 400px; margin:0 auto; text-align:center; }

.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* ---------- 3. links and navigation ---------- */

#mainContent a:link { color: #0033cc; text-decoration: none;}
#mainContent a:visited { color: #0033cc; text-decoration: none;}	
#mainContent a:hover { color: #0033cc; text-decoration: underline;}
#mainContent a:active { color: #1d509d;}


#mainContent p a.button { color: #fff; font-size: 1.1em; display: inline; padding: 0 10px;}
#mainContent p a:visited.button { color: #fff;}
#mainContent p a:hover.button { color: #fff; text-decoration: underline;}

/* ---------- 4. fonts ---------- */

html {font-size: 100%;}

/*body {font-size: 62.5%; line-height: 1.7em;}*/



#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent p, #mainContent ul, #mainContent ol { color: #333; font-size: 1.1em; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}

h2.ptpBanner { text-indent: -9999px; display: block; overflow: hidden; background: url(../images/ptp_banner.jpg) 0 0; width: 584px; height:72px; margin-bottom: 15px;}

h3 { font-size: 1.3em;}
		
#mainContent p { padding: 5px 0; }

#mainContent ul { margin: 10px 0 10px 25px;}
#mainContent ol { margin: 10px 0 10px 25px;}
#mainContent li { padding: 2px 0;}

.register { background-color: #1d509d; display: inline; }

/* ---------- 5. images ---------- */

a img {border: 0;}
		
/* ---------- 7. forms ---------- */	
		
.ptpforms form { width: 400px;}
.ptpforms select { width: 400px;}
.ptpforms option { font-size: .9em;}

#mainptp a:link {color:#0033CC; text-decoration:none;}
#mainptp a:visited {color:#0033CC; text-decoration:none;}
#mainptp a:hover {color:#0033CC; text-decoration:none;}