/*
Theme Name: CPRC
Version: 1.0
Author: hot glue media
Author URI: http://hotgluemedia.com
*/


/*

------INDEX-----

I. 	CSS Reset
II. 	General Styles
	A. Overall Styles
	B. Headers
	C. Paragraphs
	D. Links
	E. CMS Elements
	F. Lists
	G. Images
	H. Forms
III.	Grid Styles [not in use]
IV.	Header Styles
V.	Menu Styles
VI.	Content Styles
VII.	Footer Styles


*/

/* I. CSS Reset  */
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, dl, div, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
blockquote, q { quotes: none; }
body { line-height: 1; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* II. General Styles */

	/* A. Overall Styles */
	body { background: #f6f4eb; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 62.5%; line-height: 1.25; }
	#container { margin: 0 auto; height: 100%; width: 900px; }

	/* B. Headers */
	h1, h2, h3, h4, h5, h6 { color: #213f94; font-weight: bold; padding: 15px 0 5px 0; }
	h1 { font-size: 2.2em; }
	h2 { font-size: 2.1em; }
	h3 { font-size: 1.8em; }
	h4 { font-size: 1.6em; }
	h5 { font-size: 1.5em; }
	h6 { font-size: 1.4em; }

	/* C. Paragraphs */
	p { color: #000; font-size: 1.4em; padding: 10px 0; text-align: justify; }

	/* D. Links */
	a:link, a:visited { color: #213f94; text-decoration: none; }
	a:hover, a:active, a:focus { color: #213f94; text-decoration: underline; }

	/* E. CMS Elements */
	strong { font-weight: bold; }
	blockquote, blockquote p { color: #062747; font-size: 1.2em; font-style: italic; margin: 5px 30px; }
	cite, cite a, cite p { color: #062747; font-size: 1em; font-style: italic; margin: 5px 30px; }
	.alignleft { float: left; margin: 10px 20px 15px -5px; padding: 0; }
	.alignright { float: right; margin: 10px -5px 15px 25px; padding: 0; }

	/* F. Lists */
	li { margin: 5px; }
	li h3 { font-size: 1em; padding-bottom: 0;}
	li h6 { color: #213f94; font-size: 1.1em; font-weight: bold; padding: 5px 0 0 5px; }
	li p { text-align: left;}
	ul, ol { font-size: 1.4em; padding-left: 15px; }
	ul { list-style-type: disc; }
	ul p { font-size: 1em; padding-left: 5px; padding-top: 0;}
	ol { list-style-type: decimal; }
	.col2 { float: left; padding-bottom: 15px; width: 285px; }

	/* G. Images */
	img.alignleft { float: left; }
	img.alignright { float: right; }
	img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

	/* H. Forms */
	#hgmform { display: block; float: left; width: 600px; }
	#hgmform input { border: 2px solid #ccc; margin: 10px 10px 0 0; padding: 5px; width: 400px; }
	#hgmform textarea { border: 2px solid #ccc; height: 90px; margin: 10px 10px 0 0; padding: 5px; width: 400px; }
	#hgmform textarea:focus, #hgmform input:focus { border: 2px solid #213f94; }
	#hgmform input.submit-button { float: right; margin-left: 10px; position: relative; right: 25px; width: 100px; }
	label { float: left; font-size: 1.4em; margin-right: 25px; padding-top: 5px; position: relative; top: 10px; text-align: left; width: 125px; }
	#pw { display: block; float: left; width: 600px; }
	#pw label { float: left; font-size: 1.1em; margin-right: 25px; text-align: left; width: 125px; }
	#pw input { border: 2px solid #ccc; float: left; width: 200px; }
	#pw p { float: left; width: 600px; }
	#pw input.pwbtn { float: left; width: auto; }


/* III. Grid Styles [not in use] */


/* IV. Header Styles */
	#header { background: url(img/header.png); height: 150px; width: 950px; }
	#logo { background: url(img/logo.png) no-repeat; height: 150px; margin: 0 0 0 25px; padding: 0; width: 450px; }


/* V. Menu Styles */
	#menu { color: #f2f2ea; float: right; font-weight: bold; font-size: 1.1em; line-height: 1.7; margin-bottom: -450px; position: relative; right: 40px; top: -450px; text-align: right; width: 200px; }
	#menu ul { list-style-type: none; }
	#menu a { color: #f2f2ea; text-decoration: none; }
	#menu a:hover { color: #999; }


/* VI. Content Styles */
	.contentbkg { background: url(img/contentbkg.png) repeat-y; height: auto; overflow: hidden; padding-bottom: 15px; width: 950px; }
	.contentbody { float: left; margin: -475px 50px 0 50px; padding-top: 15px; width: 600px; }
	.contenttop { background: url(img/contenttop.png) no-repeat; height: 475px; width: 950px; }
	.contentbott { background: url(img/contentbott.png) no-repeat; float: left; height: 60px; width: 950px; }


/* VII. Footer Styles */
	#footer { float: left; height: 70px; margin: -35px 0 0 25px; width: 900px; }
	.footermenu { background: #213f94; color: #f2f2ea; font-size: 1.35em; font-weight: bold; margin: 0; padding: 15px 0; text-align: center; width: 900px; }
	.footermenu a { color: #f2f2ea; text-decoration: none; }
	.footermenu a:hover { color: #999; }
	.footercred { color: #213f94; font-size: 1.25em; padding: 15px 0; margin: 0; text-align: center; width: 900px; }
	.footercred a { color: #213f94; text-decoration: none; }
	.footercred a:hover { color: #213f94; text-decoration: underline; }