/*
----------------------------------------------------
The Claremont Institute
Sheet: mainstyles.css
Web Design Firm: eResources
Coder: Matt Harris | www.focusontheclouds.com
Date: October 16, 2006
Purpose: Main Template
----------------------------------------------------
*/

/* ---------------------------------------------
Positioning
--------------------------------------------- */
body {margin:0; padding:0;}
#wrapdoc {position: relative; margin: 0 auto; border: none; overflow: visible;}
#wrapcontent, #wraphdr, #wrapfooter {position: relative; clear:both; overflow: hidden;}

.wrapper {float: right; width: 100%; margin-left: -170px;}

#wrapcontent .pri {margin: 0 0 0 170px; min-width: 500px;} 
#wrapcontent .sec {float: left; width: 150px;}

#wrapcontent {margin: 20px 0 20px 0;}
#wrapcontent .pri {padding-right: 20px;}
#wrapcontent .sec .highlight {margin: 0 20px 0 10px;}

.home #wrapcontent .pri {padding-right: 10px;}
.home .ter .highlight {margin: 0 0 0 10px;}

.home .wrapper {float: left; width: 100%; margin-left: 0;}

.home #wrapcontent .pri {margin: 0 215px 0 215px;} 
.home #wrapcontent .sec {float: left; width: 205px; margin-left: -100%;}
.home #wrapcontent .ter {float: left; width: 205px; margin-left: -216px;}

.three #wrapcontent .pri {padding-right: 10px;}
.three .ter .highlight {margin: 0 0 0 10px;}

.three .wrapper {float: left; width: 100%; margin-left: 0;}

.three #wrapcontent .pri {margin: 0 215px 0 215px;} 
.three #wrapcontent .sec {float: left; width: 205px; margin-left: -100%;}
.three #wrapcontent .ter {float: left; width: 205px; margin-left: -216px;}

/*
#wrapdoc
#wraphdr
	#wraplogo, #wrapnav
#wrapcontent
	#wrapcontent .pri, #wrapcontent .sec
		#wrapbcrmb
		#wrapmaincont
		.highlight
#wrapfooter
	ul#wrapftrnav
*/


/* Site Positioning */
#wrapdoc, #wrapnav, #wrapcontent, #wrapmaincont, #wrappricont, #wrapseccont, #wraptercont, #wrapfooter, #wrapcategories, #divpri, #wrapbcrmb, .highlight {height:1%;}

/* ---------------------------------------------
List Page Positioning
--------------------------------------------- */
#divartlist .content {padding: 10px 30px 0 30px;}

/* ---------------------------------------------
Subpage Positioning
--------------------------------------------- */
#divmainart .content {padding: 10px 30px 20px 30px;}

/* ---------------------------------------------
Font
--------------------------------------------- */
/*** Fonts ***/
body {font-family: Verdana, Arial, san-serif; font-size: .80em;}
body {color: #111;}
.sec, .ter {font-size: .83em;}

.content {line-height: 1.3em;}

h1, h2, h3, h4, h5, h6, p {margin:0; padding: 10px 0 0 0;}
.pri .content h4, .pri .content h5, .pri .content h6 {font-size: 1.1em; line-height: 1.4em;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {margin:0; padding: 10px 0 0 0;}
.content h1, .content h2 {line-height: 1.4em;}
.content sup { font-size: .8em; }
#wrapbcrmb {font-size: .9em;}

/* 
h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif; color: #000;}
*/

h1 {font-size:2em;}
h2 {font-size:1.7em; font-weight: bold;}
h3 {font-size:1.6em; font-weight: normal; line-height: 1.3em;font-weight:bold;}
h4 {font-size:12px;}

h3.crbtype {font-size:1.3em; font-weight: normal; line-height: 1.3em;font-weight:bold;}
h3.issuetitle {font-size:1.5em; font-weight: normal; line-height: 1.3em;font-weight:bold;}

.sec h4, .ter h4 {font-family: "Times New Roman", Georgia, Times, serif; color: #000;}
.pri .content h4 {font-size: 1.0em;}

#wrapbcrmb {font-size: .8em;}

pre {white-space: nowrap;}

ol, ul {margin: 0; padding: 10px 0 0 3px;}
ul ul, ol ol {padding: 0; margin: 0 0 0 15px;}
li {margin: 0 0 0 20px; padding: 0 0 0 0;}

blockquote {padding: 20px 0 0 30px; margin: 0;}

/*** Links ***/
a img {border: none;}

a:link {color: #600; text-decoration: none; font-weight:bold;}
a:visited {color: #300; text-decoration: none; font-weight:bold;}
a:hover, a:active {color: #AC0000; text-decoration: underline;}

a.normal:link {color: #600; text-decoration: none; font-weight:normal;}
a.normal:visited {color: #300; text-decoration: none; font-weight:normal;}
a.normal:hover, a:active {color: #AC0000; text-decoration: underline;}

#wraphdr h1 a:link, #wrapternav a:link {color: #fff; text-decoration: none; font-weight:bold;}
#wraphdr h1 a:visited {color: #fff; text-decoration: none;}

/* ---------------------------------------------
Navigation
--------------------------------------------- */
/*** Header Nav ***/
/*
#wrapnav {margin:0; padding: 0;}
#wrapnav ul {margin:0; padding:6px 0 9px 0; clear: both; text-align: left;}
#wrapnav li {display: inline; list-style: none; margin: 0 15px; background:none;}

#wrapnav {font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-size:1.1em;}
#wrapnav a:link, #wrapnav a:visited {color: #fff; text-decoration:none; font-weight: normal;}
#wrapnav a:hover, #wrapnav a:active {color: #fff; text-decoration:underline; font-weight: normal;}
*/

/*** Footer Nav ***/
#ftrnav a:link, #ftrnav a:visited {color: #fff; text-decoration:none; padding-bottom: 1px;}
#ftrnav a:hover, #ftrnav a:active {color: #fff; text-decoration:underline; padding-bottom: 1px;}

#ftrnav ul {margin:0; padding:6px 0 9px 0; clear: both; text-align: left;}
#ftrnav li {display: inline; list-style: none; margin: 0 15px; padding: 3px 0px 6px 0; background:none;}

.home #wrapnav li.home a:link, .home #wrapnav li.home a:visited {color: #aaa;}
.proj #wrapnav li.proj a:link, .proj #wrapnav li.proj a:visited {color: #aaa;}
.writ #wrapnav li.writ a:link, .writ #wrapnav li.writ a:visited {color: #aaa;}
.even #wrapnav li.even a:link, .even #wrapnav li.even a:visited {color: #aaa;}
.beco #wrapnav li.beco a:link, .beco #wrapnav li.beco a:visited {color: #aaa;}
.abou #wrapnav li.abou a:link, .abou #wrapnav li.about a:visited {color: #aaa;}
.help #wrapnav li.help a:link, .help #wrapnav li.help a:visited {color: #aaa;}

.home #ftrnav li.home a:link, .home #ftrnav li.home a:visited {color: #aaa;}
.proj #ftrnav li.proj a:link, .proj #ftrnav li.proj a:visited {color: #aaa;}
.writ #ftrnav li.writ a:link, .writ #ftrnav li.writ a:visited {color: #aaa;}
.even #ftrnav li.even a:link, .even #ftrnav li.even a:visited {color: #aaa;}
.beco #ftrnav li.beco a:link, .beco #ftrnav li.beco a:visited {color: #aaa;}
.abou #ftrnav li.abou a:link, .abou #ftrnav li.abou a:visited {color: #aaa;}
.help #ftrnav li.help a:link, .help #ftrnav li.help a:visited {color: #aaa;}

/*** Header Nav Image Replacement***/

#wrapnav {/*position: absolute; top: 71px; overflow: visible;*/}
#wrapnav ul {position: relative; margin: 0 0 0 20px; padding: 0; text-align: center;}
#wrapnav li {margin: 0; padding:0; display:block; float:left; text-indent:-9999px;}
#wrapnav li a {background: transparent url(/ui/i/prinav.gif) top left no-repeat; padding: 0; height: 24px; display:block;}  

#wrapnav li.home a {background-position: 0 0; width: 57px;}
#wrapnav li.proj a {background-position: -57px 0; width: 66px;}
#wrapnav li.writ a {background-position: -123px 0; width: 71px;}
#wrapnav li.even a {background-position: -194px 0; width: 60px;}
#wrapnav li.beco a {background-position: -254px 0; width: 64px;}
#wrapnav li.abou a {background-position: -318px 0; width: 75px;}
#wrapnav li.help a {background-position: -393px 0; width: 51px;}

.home #wrapnav li.home a {background-position: -0px -48px;}
.proj #wrapnav li.proj a {background-position: -57px -48px;}
.writ #wrapnav li.writ a {background-position: -123px -48px;}
.even #wrapnav li.even a {background-position: -194px -48px;}
.beco #wrapnav li.beco a {background-position: -254px -48px;}
.abou #wrapnav li.abou a {background-position: -318px -48px;}
.help #wrapnav li.help a {background-position: -393px -48px;}

#wrapnav li.home a:hover, #wrapnav li.home a:active {background-position: 0 -24px;}
#wrapnav li.proj a:hover, #wrapnav li.proj a:active {background-position: -57px -24px;}
#wrapnav li.writ a:hover, #wrapnav li.writ a:active {background-position: -123px -24px;}
#wrapnav li.even a:hover, #wrapnav li.even a:active {background-position: -194px -24px;}
#wrapnav li.beco a:hover, #wrapnav li.beco a:active {background-position: -254px -24px;}
#wrapnav li.abou a:hover, #wrapnav li.abou a:active {background-position: -318px -24px;}
#wrapnav li.help a:hover, #wrapnav li.help a:active {background-position: -393px -24px;}


/* ---------------------------------------------
Page Navigation
--------------------------------------------- */
#wrappagenav h4 {padding-top:0;}
#wrappagenav {margin:0; padding: 0;}
#wrappagenav ul {margin: 10px 0 10px 0; padding:0; clear: both; text-align: left; font-size: .9em;}
#wrappagenav ul ul {margin: 0; padding:0;}
#wrappagenav li {/*list-style: none;*/ background:none; margin:5px 0 0 15px; padding:0;}

/* ---------------------------------------------
Header
--------------------------------------------- */
#wraphdr h1 {padding: 0; margin: 0;}
#wraphdr h1 a img {border: none;}
#wraphdr h2 {display: none;}

/* ---------------------------------------------
Highlights
--------------------------------------------- */
.highlight {border-bottom: 1px solid #ccc; padding-bottom: 10px;}

/* ---------------------------------------------
Misc
--------------------------------------------- */
p.mainmeta {color: #666; font-size: .83em; padding:0;}
p.mainmetabold {color: #666; font-weight: bold; font-size: .7em; padding:0;}

/* div.mainmetaright {color: #666; font-size: .8em; padding:0; text-align: right;} */
div.mainmetaright {
	color: #666; 
	padding:0; 
	text-align: right; 
	font-size:1em;
}
.pri div.mainmetaright {
	color: #666; 
	padding:0; 
	text-align: right; 
	font-size:.8em;
}

/* div.mainmetaleft {color: #666; font-size: .8em; padding:0; text-align: left;} */
div.mainmetaleft {
	color: #666; 
	padding:0; 
	text-align: left;
}
.pri div.mainmetaleft {
	color: #666; 
	padding:0; 
	text-align: left; 
	font-size:.8em;
}

#wrapbcrmb p {padding-top:0;}

/* ---------------------------------------------
Footer
--------------------------------------------- */
#ftrnav {margin:0; padding: 0;}
#wrapfooter {color: #999; text-align: center; padding: 10px 0; font-size: .9em; clear:both;}
#wrapfooter p {padding:0;}
#wrapfooter .poweredBy {
	padding-left: 10px;
	padding-top: 1px;	
	float: left;
}

/* ---------------------------------------------
Form
--------------------------------------------- */
form {padding:0; margin: 10px 0 0;}
input {font-size: .9em;}
input.naviinpt {width:90px;}
input.navibutn {color: #810000; font-weight:bold; font-size: .83em;}
input.navibutn {border: 2px solid #666; border-top:2px solid #fff; border-left:2px solid #fff;}
input.navibutn:active {border: 2px solid #fff; border-top:2px solid #666; border-left:2px solid #666;}

/* ---------------------------------------------
Formatting
--------------------------------------------- */
body {background: #fff;}
/* #wrapcontent .sec {border-right: 1px solid #999;} */
#wraphdr {background: url(/ui/i/back.jpg) #fff top left repeat-x;}

#wrapcontent {background: url(/ui/i/grey.gif) transparent 150px 200px repeat-y;}
#wraphdr {background: url(/ui/i/back.jpg) #fff top left repeat-x;}

.home #wrapcontent {background: url(/ui/i/grey.gif) transparent 205px 200px repeat-y;}
.home .pri {background: url(/ui/i/grey.gif) transparent 100% 200px repeat-y;}
.home .ter {background: url(/ui/i/grey.gif) transparent 0% 200px repeat-y;}

.three #wrapcontent {background: url(/ui/i/grey.gif) transparent 205px 200px repeat-y;}
.three .pri {background: url(/ui/i/grey.gif) transparent 100% 200px repeat-y;}
.three .ter {background: url(/ui/i/grey.gif) transparent 0% 200px repeat-y;}

#wrapfooter {background: url(/ui/i/bot-back.jpg) #fff top left repeat;}

/* ---------------------------------------------
NEW STYLES GO HERE
--------------------------------------------- */
.clear {clear: both;}

.errorText {color: #FF0000;}
.requiredText {
	color: #FF0000;
	font-weight: bold;}
.formHighlight {margin:0; padding: 0 0 0 0;}
.pubinfo {
 	font-size: 10px;
}
.hlremedyauthor {
	text-align: right;
}
.itemTitleH5 {
	font-size: 1.1em;
}

.title20 {
	font-family: Verdana, Arial, san-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.1;
}

.crbrightbox { padding-bottom: 10px; }

table.calendar {
	font-size: .9em;	
}

hr.centerline {
	width: 300px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.eventdate {font-weight: normal; font-size: .8em;}
li h4 {display: inline;} /* for /events/archives.asp */

/*	remarked on 5/15/2008 PS
.home #wrapcontent .pri .content img {_width: expression(this.width > 300 ? 300 : true);}
*:first-child + html head+body #wrapcontent .pri .content img {max-width: 400px;}
*/

head+body #wrapcontent {min-width: 760px;}
head+body #wrapcontent .pri .content {min-width: 400px;}

head+body.home #wrapcontent {min-width: 940px;}
head+body.home #wrapcontent .pri .content {min-width: 400px;}

.title20 {font-size: 1.0em; font-weight: bold;}}


/*November 7,2007 by AG add print css */
/* ---------------------------------------------
Print / Email This
--------------------------------------------- */
#printemail {display: inline; position: relative; right:12px; }
#printemail a {display: block; float: left; margin-top: 0px;}
#printemail a.print {background: url(/ui/i/print.gif) transparent 0 0 no-repeat;}
#printemail a.email {background: url(/ui/i/email.gif) transparent 0 0 no-repeat; margin-left: 6px;}
#printemail a:link, #printemail a:visited {background-position:0 0;}
#printemail a:hover, #printemail a:active {background-position:0 -32px;}

/* added for message box - AG - Sep 25, 2009 */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(/images/info.gif);
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(/images/success.gif);
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(/images/warning.gif);
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(/images/error.gif);
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(/images/validation.gif) ;
}

.validation a {
	color: #D63301;
}
/* END OF added for message box - AG - Sep 25, 2009 */