/*
Original design: Variant Mobile (light edition) (v1.0 - Jan 13, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-mobile/
*/

body {padding:0; margin:0; font:90% Helvetica,Verdana,Arial,sans-serif; background-color:#000066; color:#555; text-align:center; line-height:1.6em;}
#wrap {width:95%; max-width:960px; text-align:left; margin:0 auto;}

#header {float:left; text-align:center; width:60%; background-color:#fff; border:1px solid #ccc; margin:20px 0;}
#header h1 {margin:0 auto; padding:15px 0 0; font-size:3em; color:#444; letter-spacing:-1px; line-height:1.2em;}
#header h1 a {color:#a35858; font-weight:700; text-decoration:none;}
#header h1 a:hover {color:#555; text-decoration:none;}
#header h2 {border:0; color:#444; font-size:1.4em; font-weight:400;}

#menu {text-align:left; margin:10px 0 20px 0;}
#menu ul {text-align:right; font-size:1.1em; line-height:1.4em; color:#888; margin:0;}
#menu li {list-style:none; margin:0; margin:0 20px 10px 0;}
#menu a {padding:8px; font-weight:400; font-size:1.4em; margin:0 10px 0 0; color:#a35858;}
#menu a.active {color:#a35858; text-decoration:underline;}

#content {clear:both; background-color:#fff; width:100%; max-width:960px; overflow:hidden; border:1px solid #ccc; margin:0 0 20px 0;}
#content h2 {margin:0; padding:10px; border:0; font-size:1.6em;}
#content p {font-size:1em; margin:10px 10px 20px 10px;}

#footer {clear:both; text-align:right; margin:0 0 20px 0; font-size:0.8em; width:100%; max-width:960px; line-height:1.4em; color:#888; font-weight:400;}
#footer p {margin:0 10px 0 0;}
#footer a {color:#888; font-weight:400; text-decoration:underline;}

a {text-decoration:none; font-weight:700; color:#a35858;}
a:hover {text-decoration:underline;}
a img {border:0;}
h2 {clear:both; margin:0 0 12px 0; padding:10px 0; color:#444; font-size:1.4em; font-weight:700; border-bottom:1px solid #ccc;}
h2 a {font-weight:700;}
h3 {clear:both; font-size:1.4em; font-weight:400; margin:10px 0 10px 10px;}
p {margin:0 0 15px 0;}
ul {margin:0 0 15px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}

.icon {float:right; margin:10px;}
.left {float:left; width:48%;}
.right {float:right; width:48%;}
.centered {text-align:center;}
.hide {display:none;}
.clear {clear:both; width:980px; visibility:hidden;}