/* links */
a, a:link, a:visited  {color:#000; text-decoration: underline;}
a:hover {text-decoration: none; }

/* headings */
h1, h2, h3, h4, h5, h6 { margin: 5px 0; font-weight: normal; }
h1 { font-size:30px; line-height: 36px; } /* do not use */
h2 { font-size:27px; line-height: 30px; }
h3 { font-size:20px; line-height: 26px; color: #231f20; }
h4 { color: #231f20; }
h5 { color: #000; }
h4, h5 { font-size:16px; line-height: 20px; letter-spacing: 1px; }
h6 { font-size:14px; line-height: 18px; font-weight: bold; color: #000;  }

.contentMiddle h2.pageTitle {
	height: 28px;
	line-height: 30px;
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	padding: 12px 30px 21px 58px;
	background: url('../images/headingBg.png') bottom left repeat-y;
	position: absolute;
	left: 6px;
	top: 30px;
}
.contentMiddle .subtitle {
	text-align: right;
	vertical-align: top;
	display:block;
	/*border: 1px solid black;*/
	width: 10px;
	height: 300px; 
	position: absolute;
	top: 300px;
	left: -162px;
}
.contentMiddle .subtitle h3 {
	line-height: 24px;
	font-size: 20px;
	width: 400px;
	color: #231f20;	
}

/* paragraphs */
p { margin:15px 0; }

.bigger {font-size:120%;}
.smaller {font-size:85%;}
.high {color:#ed1c24;}
.high-bg {background:#ed1c24; color: #fff;}
.low {color:#999;}
.t-right {text-align:right;}
.t-center {text-align:center;}
.t-left {text-align:left;}
.t-justify {text-align:justify;}

/* hyperlinks */ 
a:link, a {color: #ed1c24;}
a:visited, a:active {color: #820404;}
a:hover { text-decoration: none;}

/* tables */
table { margin:15px 0; border: 1px solid #324455; border-collapse:collapse; border-spacing:0; font-size:100%; width: 100%;}
th { font-weight:bold; border: 2px solid #ed1c24; border-bottom: none; background: #ed1c24; color: #fff; line-height: 24px;}
th, td { padding:4px 6px;}
td { border: 2px solid #231f20;}
tr.table-top {background: #425364; font-weight: bold;}

/* lists dependent on main content */
.contentMiddle ul, .contentMiddle ol { display:block; margin:15px 0 15px 40px; color: #ed1c24; font-weight: bold; line-height: 18px; }
.contentMiddle ul ul, .contentMiddle ul ul ul, .contentMiddle ol ol, .contentMiddle ol ol ol { margin:0; margin-left:20px; }
.contentMiddle ol { list-style-type:decimal; }
.contentMiddle ol ol { list-style-type:upper-alpha; }
.contentMiddle ol ol ol {list-style-type:lower-alpha; }
.contentMiddle li { display:list-item; }
.contentMiddle ul li a, .contentMiddle ol li a  { text-decoration:underline; color: #000; font-weight: normal; }
.contentMiddle ul li a:hover, .contentMiddle ol li a:hover { text-decoration: none; }
.contentMiddle ul li a:visited, .contentMiddle ul li a:active, .contentMiddle ol li a:visited, .contentMiddle ol li a:active {color: #333;}
.contentMiddle li span { color: #231f20; font-weight: normal; }

/* universal */
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 

/**** other styles ******/
.no-border { border: none !important; }
.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both; }

/**** coloring book ****/
.red { color: #ed1c24;}
.black { color: #231f20;}
.grey { color: #bcbdc0;}

.redBg { background: #ed1c24;}
.blackBg { background: #231f20;}
.greyBg { background: #bcbdc0;}

/* definitions */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* main content dependent stuff */
.contentMiddle dl {clear:both;}
.contentMiddle dl dt {font-weight:bold;}
.contentMiddle dl dd {margin:0 0 5px 0;}
.contentMiddle fieldset {position:relative; margin:10px 0; padding:10px;}
.contentMiddle legend {font-size:120%; font-weight:bold;}
.contentMiddle code {font-family: "Courier New", Courier, monospace;}
.contentMiddle .help {cursor:help;}
.contentMiddle .col50 {float:left; width:46%; padding:0 2%;}
.contentMiddle .col33 {float:left; width:32%;}
.contentMiddle .col33.center {padding:0 2%;}

/*.contentMiddle img {border: 5px solid #231f20; margin: 10px; }
.contentMiddle a:hover img {border: 5px solid #ed1c24; }*/
.contentMiddle img { margin: 10px; }


.contentMiddle dl dt {color:#ed1c24;}
.contentMiddle acronym, .contentMiddle abbr, .contentMiddle .help {border-bottom:1px dotted #cfcfcf; cursor:help;}

/* messages */

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 15%;
	left: 90%;
	z-index: 100;
	background: #ed1f28;
	border: 1px solid #ff0000;
	color: #fff;
	font-variant:normal;
	font-weight: bold;
	font-size: 10pt;
	width: 280px;
	padding: 2px 10px;
}
div.wpcf7-response-output, .msg {padding:10px; padding-left:35px;}
div.wpcf7-mail-sent-ng, .msg.warning {border:2px solid #eab439; background: #F5E5AD url("../images/warning.png") 10px 50% no-repeat;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
div.wpcf7-spam-blocked, .msg.info {border:2px solid #39B8EA; background: #C4E9F8 url("../images/info.png") 10px 50% no-repeat;}
div.wpcf7-mail-sent-ok, .msg.done {border:2px solid #B8EA39; background: #E1F5AD url("../images/ok.png") 10px 50% no-repeat;}
div.wpcf7-validation-errors, .msg.error {border:2px solid #EA395F; background: #F5C2AD url("../images/error.png") 10px 50% no-repeat;}

/* .nostyle stuff */
table.nostyle, table.nostyle th, table.nostyle td {border:0 !important;}
table.nostyle th {background:none !important; text-align:left !important;}
table.nostyle th, table.nostyle td {padding:3px 5px !important;}
dl.nostyle dt {font-weight:bold !important;}
dl.nostyle dd {margin:0 !important;}
table.nostyle th, dl.nostyle dt {color:#303030 !important;}
ul.nostyle, ol.nostyle, ul.nostyle ul ul, ol.nostyle ol ol, ul.nostyle ul, ol.nostyle ol {color: #000 !important;}


/**************************************************/


/* forms start here */

form {background: #eee; width:90%; padding:10px; margin:5px auto; font-size: 12px; color:#231f20; position:relative; }
form p {text-align:left; padding:15px 5px 5px 0; margin:0; font-style:italic;}
form fieldset#current p {padding:4px; margin:0;}

form fieldset {width:90%; display:block; border:1px dotted #333; padding:5px 5px 5px 10px; margin-bottom:0.5em; line-height:14px; }
form fieldset:hover {border:1px solid #ed1c24;}
form fieldset#opt:hover {border:1px solid #000;}

form legend {font-size:1.1em; font-weight:bold; margin-bottom:15px; padding:6px; background: #ed1c24; color:#fff;}
* html form legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form label {clear:left; display:block; float:left; width:20%; text-align: right; padding-right:10px; color:#000; line-height: 27px;  margin: 5px 0; text-transform: uppercase;}

input[type="text"], input[type="password"] {border:2px solid #231f20; color: #fff; font-size: 12px; width:180px; padding: 4px 8px; margin: 5px 0; background:#333; outline: none;}
input[type="text"]:hover, input[type="password"]:hover { border:2px solid #000; background: #444;}
input[type="text"]:focus, input[type="password"]:focus {background:#bcbdc0; color:#000;}

textarea  {border:2px solid #231f20; color: #fff; font-size: 12px; width:400px; padding: 4px 8px; margin: 5px 0; background:#333; outline: none;}
textarea:hover { border:2px solid #000; background: #444;}
textarea:focus  {background:#bcbdc0; color:#000;}

select {border:2px solid #231f20; color: #fff; font-size: 12px; width:180px; padding: 4px 8px; margin: 5px 0; background:#333; outline: none;}
select:focus {background:#bcbdc0; color:#000;}
option { color:#fff;}
select:focus optgroup {color:#000; font-style:normal;}
select:focus optgroup option { color:#333;}
select:focus option { color:#000;}

.wpcf7-submit, button, .button { background: #ed1c24; color: #fff !important; border:2px solid #231f20; line-height: 14px; font-size: 14px; padding: 6px 10px 4px 10px; font-style:normal; text-decoration:none  !important; cursor: pointer; }
.wpcf7-submit:hover, button:hover, .button:hover { background: #d11920; }
.wpcf7-submit:active, button:active, .button:active { background: #800000; }

#sunvote input, #sunvote .wpcf7-text {
	width: 50px !important;
}
#sunvote2 br {
	display: none; /* this was done beacuse of stupid bug in the wp widget, we were on a tight schedule so we said "screw this" and then we cut so many courners that it ended up beeing a circle */
}

/*input[type="radio"], input[type="checkbox"] {border:2px solid #231f20; color: #fff; font-size: 12px; width:20px; padding: 4px 0; margin: 5px 0; background:#333; outline: none;}*/


/* Custum width for use anywhere 
-------------------------------------------------------------- */

.W900 { width: 900px !important; }
.W800 { width: 800px !important; }
.W700 { width: 700px !important; }
.W600 { width: 600px !important; }
.W570 { width: 570px !important; }
.W500 { width: 500px !important; }
.W400 { width: 400px !important; }
.W360 { width: 360px !important; }
.W300 { width: 300px !important; }
.W250 { width: 250px !important; }
.W200 { width: 200px !important; }
.W120 { width: 120px !important; }
.W100 { width: 100px !important; }
.W80 { width: 80px !important; }
.W50 { width: 50px !important; }
.W20 { width: 20px !important; }
.WP100 { width: 100% !important; }
.WP95 { width: 95% !important; }
.WP90 { width: 90% !important; }
.WP85 { width: 85% !important; }
.WP80 { width: 80% !important; }
.WP75 { width: 75% !important; }
.WP70 { width: 70% !important; }
.WP65 { width: 65% !important; }
.WP60 { width: 60% !important; }
.WP55 { width: 55% !important; }
.WP50 { width: 50% !important; }
.WP45 { width: 45% !important; }
.WP40 { width: 40% !important; }
.WP35 { width: 35% !important; }
.WP30 { width: 30% !important; }
.WP25 { width: 25% !important; }
.WP20 { width: 20% !important; }
.WP15 { width: 15% !important; }
.WP10 { width: 10% !important; }
.WP33 { width: 33% !important; }
.WP66 { width: 66% !important; }

/* line height
-------------------------------------------------------------- */

.LH12 { line-height: 12px !important; }
.LH14 { line-height: 14px !important; }
.LH16 { line-height: 16px !important; }
.LH18 { line-height: 18px !important; }
.LH22 { line-height: 22px !important; }
.LH24 { line-height: 24px !important; }
.LH26 { line-height: 26px !important; }
.LH28 { line-height: 28px !important; }
.LH32 { line-height: 32px !important; }
.LH34 { line-height: 34px !important; }
.LH40 { line-height: 40px !important; }
.LH80 { line-height: 80px !important; }