/* -----------------------------------------
Stylesheet for The Art of Politics - www.theartofpolitic.com
Author: cdeVision.com
Copyright: (c)2008 cdeVision
Created: August 2008
-------------------------------------------- */

body {background:#fff; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#333;}
body {text-align:center;} /* IE6- hack to center page contents */

h1, h2, h3 {padding:0; margin:0;} 
h1 {font:bold 26px arial,helvetica,sans-serif; color:#B61111; padding:0 0 12px 0;} /* Page titles */
h2 {font:normal 20px arial,helvetica,sans-serif; color:#B61111; padding:0 0 12px 0;} /* sub-titles */
/* sidebar titles */
#sidecol h2 {font:bold 24px arial,helvetica,sans-serif; color:#B61111; padding:0 0 12px 25px; background:url(images/icon-aop.gif) 0 2px no-repeat;}

p {margin:0; padding:0 0 12px 0; line-height:19px;}
p.error {padding:0 0 0 22px !important; background:url(admin/icons/warning.gif) 0 1px no-repeat; color:#de0000;}
p.thanks {color:#9E3E42 !important;}
ul, ol {padding:0; margin:0 0 12px 25px;}
li {line-height:17px; padding:0 0 5px 0; }

img {border:0;}
label {display:none;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE6- 
#logo-kew, #logo-ve {behavior:url(scripts/iepngfix.htc);}*/

/* ---- links ----------------------------------------- */
a {color:#B61111; text-decoration:underline;}  
a:visited {color:#B61111;}
a:hover {color:#666; text-decoration:none;}
a:active {color:#B61111;}
a:active, a:focus {outline:none;}

/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:arial,helvetica,sans-serif; font-size:13px;}
input {border:1px solid #ccc; width:300px;}
textarea {border:1px solid #ccc; width:300px; height:180px;}
input.button {background-color:#ccc; color:#666; width:80px;}

/* ---- ids & classes ----------------------------------------- */
#framewrap {width:100%; background:#fff;}
#frame {margin:0 auto; width:830px; background:#fff url(images/bg.gif) repeat-y; text-align:left;}

#main {width:616px; float:left;}
	#logo {background:url(images/logo.gif) no-repeat; width:472px; height:115px; margin:0 auto;}
		#logo h1 {padding:0; margin:0;}
		#logo span {display:none;}
		#logo a {display:block; width:472px; height:115px;}
	#navmenu {border-bottom:1px solid #ccc; border-top:1px solid #ccc; height:40px;}
		#navmenu ul {list-style:none; text-align:center; margin:0 auto;}
		#navmenu li {display:inline;}
		#navmenu a {text-decoration:none; font-size:16px; font-weight:bold; color:#666; height:40px; line-height:40px; margin:0 20px;}
		#navmenu a.on {color:#B61111;}
		#navmenu a:hover {color:#B61111;}
	#content {padding:35px 30px 0px 10px;}
		img.home {dislay:block; margin:10px 0 20px;}
		div.introbox p {font:normal 14px verdana,arial,helvetica,sans-serif; line-height:22px; padding:0 0 15px 0;}
		p.intro {font:normal 14px verdana,arial,helvetica,sans-serif; line-height:22px; padding:0 0 15px 0;}
		#callout {border-left:1px solid #ccc; padding:15px 20px 0 20px; background:url(images/bg-callout.gif) no-repeat; margin:20px 0 20px;}
		#callout h2 {font:bold 22px arial,helvetica,sans-serif; color:#333; padding:0 0 12px 0;}
		#callout p {padding:0 0 20px 0;}
		img.pageimg {float:right; display:block; margin:0 0 20px 20px;}
	
#sidecol {width:214px; float:right; padding:10px 0;}
	.box {border-bottom:1px solid #ccc; padding:15px 10px 10px 20px;}
	.box p {line-height:17px;}

#footerwrap {width:100%; border-top:1px solid #ccc;}
#footer {width:830px; margin:0 auto; text-align:left; padding:10px 10px; color:#999;}
	#footer p {font-size:11px;}
	#footer a {color:#999;}
	#footer p#props {color:#ccc;}
	#footer p#props a {color:#ccc;}
	
/* form tables */
table#formTable {margin:0px 10px 10px 0; border:0 !important;}
	table#formTable td {vertical-align:top; padding:4px; font-size:13px; border:0 !important;}
	table#formTable td.right {text-align:right;}
	
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:100;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}