/* 
OCGC Style Sheet
-------------------------------------------------------
Copyright (c) 2010, Ranta Consulting, Inc.

Last Updated:
Date: 3/18/2010 */      

/* Color Schemes

#FFFFFF: White
#333333 : Dark Grey
 */

/*//////////////////////////// DESIGN ///////////////////////////////////////////////////*/

body 
{
	background: url('/images/bg_body.jpg');
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;;
	color: #333333;
}



div#page
{  

 background: transparent url('/images/bg_page.jpg') repeat-y;

}


div#header
{

   

}

div#content
{
}


div#layout
{
	vertical-align: top;
}


div#main
{
   	vertical-align: top;
   	padding-left: 25px;
	padding-bottom: 30px;
}


div#sub
{
   vertical-align: top;
}


div#newsletter
{
  
 background: transparent url('/images/bg_newsletter.jpg') no-repeat top center ; 

}

div#footer
{
	background: transparent url('/images/bg_footer.jpg') no-repeat top center ;

}


        


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*//////////////////////////// TYPOGRAPHY ///////////////////////////////////////////////////*/

img
{
	border: 0px;
}

img.margright
{
	margin-right: 15px;
}


img.border
{
}

p
{
	font-size: 13px;
	line-height:1.4em;
	padding:0 0 1.4em;
}


div#newsletter p{
   
    font-size: 11px;   
    padding: 0px 15px 0px 15px;
}


blockquote
{
	margin:  0px 300px 0px 60px;
}

pre
{
	font-family:monospace;
	font-size:1em;
}

strong,b
{
	font-weight:700;
}

em,i
{
	font-style:italic;
}

code
{
	font-family:"Courier New",Courier,monospace;
	font-size:1em;
	white-space:pre;
}

 /*HEADINGS */
h1 
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
	font-size: 23px;
	line-height:1.5em;
	padding:0 0 0.5em;
	color: #314C0A;
}


div#masttext h1{

	font-size: 28px;
  color: #FFFFFF;
}


h2 
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #314C0A;
    font-size:18px;
    line-height:1.5em;
    padding:0 0 0.5em;
}


div#newsletter h2{
   
    padding: 25px 15px 5px 15px;
}

h3
{ 
  color: #314C0A;
  font-size: 18px;
  padding:0 0 1em;
  font-weight: normal;
}

h4
{ 
  
  font-size: 14px;
  font-weight: bold;
  background: transparent url('/images/arrow.gif') no-repeat left center;
  padding: 0 0 0 1.5em;
  margin-left: -1.6em;
  margin-bottom: 0.9em;
}

h5
{ 
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  margin-bottom: 15px;
}

h6
{ 
  color: #314C0A;
  font-size: 14px;
   padding:0 0 .5em;
   font-weight: normal;
}

/* END HEADINGS 

 SPECIAL CLASSES */
.center
{
	text-align:center;
}

.small
{
	font-size: 10px;
}
/*END SPECIAL CLASSES 

///////////////////// LINKS */
a,a:link,a:active
{
	 color: #60A41B;
	font-size:1em;
	text-decoration: underline;
}

a:visited
{
	color: #60A41B;
	background-color:transparent;
}

a:hover
{
	color: #314C0A;
	text-decoration:underline;
}

div#footer ul li a,
div#footer ul li a:link,
div#footer ul li a:active,
div#footer ul li a:visited
{
  color: #FFFFFF;
}

/* END LINKS */

/* List Items */

div#main ul{
    padding:0 0 1.4em 1em;
}

div#main ul li{
    list-style-image: url(/images/bullet.gif);
    padding:0 0 10px 0;
}

div#main ol {
  font: italic 20px Georgia, Times, serif;
  color: #6C7F34;
  padding:0 0 1.4em 1em;
}

div#main ol p {
  font: normal 13px Arial, Helvetica, sans-serif;
  line-height: 1.4em;
  padding:0 0 1.4em;
  color: #333333;
}

div#main ul.inline{
  margin: 0;
  margin-top: 20px;
  padding: 0;
}

div#main ul.inline li{
	list-style-type: none;
	width:290px; 
	display: inline-block;
	display: -moz-inline-stack;
	min-height: 115px;
	_height: 115px;
	vertical-align: top;
    margin: 0;
    padding:0;
	zoom: 1;
    *display: inline;
}



div#main ul.clayoutpics {
  margin: 0;
  padding: 0;

}

 div#main ul.clayoutpics  li{
	list-style-type: none;
	width:90px; 
	display: inline-block;
	display: -moz-inline-stack;
	min-height: 55px;
	_height: 55px;
	vertical-align: top;
      margin: 0px 20px 0px 0px;
       padding:0px;
	zoom: 1;
    *display: inline;
}


/* Horizontal Rule */


hr {
  background: transparent url(/images/hr.gif) no-repeat top center;
  clear: both;
  height: 4px;
  color: transparent;
    margin: 10px 0px 10px 0px;
}