/* ====== ALLANTRA styles ====== */

/* ====== NAVIGATION ====== */

.nav {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#004186; padding: 10px 10px 0 10px;}
a:link.nav {color: #004186;text-decoration: none; padding: 20px 10px 0 10px;}
a:visited.nav {color: #004186; text-decoration: none; padding: 10px 10px 0 10px;}
a:hover.nav {color: #000000; text-decoration: none; padding: 10px 10px 0 10px;}
a:active.nav {text-decoration: none; padding: padding: 10px 10px 0 10px;}

/* --- LEARN MORE buttons ---*/
a.learn {display: block; width: 120px; height: 30px; background: url("../images/nav/learn.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.learn {background-position: 0 -30px;}

a.learnlarge {display: block; float:right; width: 163px; height: 37px; background: url("../images/nav/learn_btn.jpg") 0 0 no-repeat; text-decoration: none; margin: 20px 20px 30px 0;}
a:hover.learnlarge {background-position: 0 -37px;}

/* --- DETAILS buttons ---*/
a.details {display: block; float:right; width: 55px; height: 20px; background: url("../images/nav/details.jpg") 0 0 no-repeat; text-decoration: none; margin: 0 20px 0 0;}
a:hover.details {background-position: 0 -20px;}

/* --- BUY buttons ---*/
a.buy {display: block; float:right; width: 35px; height: 20px; background: url("../images/nav/buy.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.buy {background-position: 0 -20px;}


/* ====== TEXT ====== */

/* --- Body text ---*/
.standard {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height: 17px; color:#000000; padding: 0 20px 0 10px;}
a:link.standard {color: #004186; text-decoration: none; padding: 0px;}
a:visited.standard {color: #004186; text-decoration: none; padding: 0px;}
a:hover.standard {color: #004186; text-decoration: underline;}
a:active.standard {text-decoration: none; padding: 0px;}

ul {list-style-type: disc;}

/* --- Headers -- */
H1 {font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#4D4264; padding: 5px 0 0 5px; margin: 35px 30px 20px 10px; border-left: 1px solid #4D4264; border-top: 1px solid #4D4264;}
H2 {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#4D4264; padding: 10px 20px 0 10px;}

/* --- For text in the left column ---*/
.column {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 15px; color: #000000; padding: 0 10px 10px 25px;}
.column a:link {color: #004186;text-decoration: none; padding: 0px;}
.column a:visited {color: #606060; text-decoration: none; padding: 0px;}
.column a:active {text-decoration: none; padding: 0px;}
.column a:hover {color: #004186; text-decoration: underline; padding: 0px;}
.column a:visited:hover {color: #004186; text-decoration: underline; padding: 0px;}

/* --- For text in the grey columns on the home page ---*/
.greycolumn {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 15px; color:#000000; padding: 0 20px 0 20px;}
a:link.greycolumn {font-size:11px; color: #004186; text-decoration: none; padding: 0 20px 0 20px;}
a:visited.greycolumn {color: #004186; text-decoration: none; padding: 0 20px 0 20px;}
a:hover.greycolumn {color: #004186; text-decoration: underline; padding: 0 20px 0 20px;}
a:active.greycolumn {text-decoration: none; padding: 0 20px 0 20px;}

/* --- To be used on Ascent pages to clear logo at the top of the left column ---*/
.ascentcolumn {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; line-height: 15px; color: #000000; padding: 90px 10px 10px 35px;}
.ascentcolumn a:link {color: #004186;text-decoration: none; padding: 0px;}
.ascentcolumn a:visited {color: #606060; text-decoration: none; padding: 0px;}
.ascentcolumn a:active {text-decoration: none; padding: 0px;}
.ascentcolumn a:hover {color: #004186; text-decoration: underline; padding: 0px;}
.ascentcolumn a:visited:hover {color: #004186; text-decoration: underline; padding: 0px;}

/* --- For callout on main page ---*/
.maincallout {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height: 17px; color:#333333; padding: 0 50px 20px 50px;}
a:link.maincallout {color: #004186; text-decoration: none; padding: 0px;}
a:visited.maincallout {color: #004186; text-decoration: none; padding: 0px;}
a:hover.maincallout {color: #004186; text-decoration: underline;}
a:active.maincallout {text-decoration: none; padding: 0px;}

/* --- For callouts on secondary pages ---*/
.callout {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height: 17px; color:#004186; padding: 0 20px 0 10px;}

/* --- Footer text -- */
.footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003873; padding: 0 0 0 20px;}
.footer a:link {color: #003873;text-decoration: none; padding: 0px;}
.footer a:visited {color: #003873; text-decoration: none; padding: 0px;}
.footer a:active {text-decoration: none; padding: 0px;}
.footer a:hover {color: #003873; text-decoration: underline; padding: 0px;}

/* --- Easter Egg page table text -- */
.easter {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000000;}


/* ====== LAYOUT ====== */

/* --- For photos that need text to flow around them ---*/
.photo70left {width:70px; float:left; margin:0 10px 0 10px;}
.photo70right {width:70px; float:right; margin:0 20px 0 10px;}
.photo100left {width:100px; float:left; margin:0 10px 0 10px;}
.photo100right {width:100px; float:right; margin:0 20px 0 10px;}
.photo120left {width:120px; float:left; margin:0 10px 0 10px;}
.photo120right {width:120px; float:right; margin:0 20px 0 10px;}
.photo180left {width:180px; float:left; margin:0 10px 0 10px;}
.photo180right {width:180px; float:right; margin:0 20px 10px 10px;}
.photo200left {width:200px; float:left; margin:0 10px 0 10px;}
.photo200right {width:200px; float:right; margin:0 20px 0 10px;}
.photo260left {width:260px; float:left; margin:0 20px 0 10px;}
.photo260right {width:260px; float:right; margin:0 20px 0 10px;}