/* Start of CMSMS style sheet 'GHR: Layout CSS' */
/* GHR CSS Layout for CMSms */

/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
margin: 0;
padding: 0;
}

body {
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 75.01%;
line-height: 1em;
}

div {
font-size: 1em;
line-height:1.2em;
}

img {
border: 0;
}

a, a:link, a:visited, a:active {
text-decoration: none;
background-color: inherit;
font-weight:bold;
color: #cc3300;
/*color:#0066cc;*/
}

a:hover {
text-decoration: underline;
background-color: inherit;
color: #cc3300;
}

/*-- basic layout --*/
body {
margin: 0;
padding: 0;
color: #333;
background: #fefefe url(images/layout/body-bg.jpg) repeat-x left top;
}

div#pagewrapper {
width:960px;
margin: 0 auto;
/*color:#333;*/
background: #fefefe;
}

div#top {
height:30px;
text-align:right;
padding:0px 10px 0 0;
background: url(images/layout/top-bg.jpg) no-repeat left top;
}

div#top p {
padding:6px 10px 0 0;
color:#ada39d;
}

div#top p a {
color:#ada39d;
font-weight:normal;
}

div#header {
height:240px;
width:100%;
}

div#branding {
float:left;
height:240px;
width:330px;
margin: 0;
padding: 0;
}

div#branding h4 a {
background: url(images/layout/branding.jpg) no-repeat left top;
display: block;
height:240px;
width:330px;
text-indent: -999em;
text-decoration: none;
}

div#countdown  {
/*float:left;*/
position:absolute;
width:300px;
color:#ff9900;
margin:210px 0 0 15px;
}


div#slideshow {
float:right;
width:630px;
height:240px;
background-image:url(images/layout/slide-bg.jpg);
background-repeat:no-repeat;
}

div#content {
width:100%;
min-height:400px;
/*overflow:hidden;*/
float:left;
margin:0;
padding:20px 0 0 0;
background:#fff;
background-image:url(images/layout/content-bg.jpg);
background-repeat:no-repeat;
}

* html div#content {
height:400px;
}

/* for three column homepage */
div#content2 {
float:left;
width:730px;
/*background:#ccc;*/
}

div#main {
float:right;
/*overflow:hidden;*/
width:710px;
padding: 10px 15px;
}

div#main2 {
float:right;
/*overflow:hidden;*/
width:480px;
padding:10px 15px;
}

div#sidebar {
float: left;
width:210px;
/* FIX IE double margin bug */
/*display: inline;*/
margin:0px 0px 20px;
padding:0px;
}

div#sidebar .inside {
padding:10px;
}

div#sidebar2 {
float:right;
width:200px;
margin:0px 15px 0 0;
padding:0px;
}

div#sidebar2 .inside {
padding:0px;
}

div#sidebarb {
padding: 10px 15px 10px 20px;
}

div#sidebarb div#news {
/* less margin surrounding the news, sidebarb has enough */
margin: 2em 0 1em 0em;
}

div#sidebara {
padding: 10px 15px 15px 0px;
/* this one is for sidebar with menu and no content */
/*background: url(uploads/ngrey/mainrtup.gif) no-repeat right bottom;*/
}


div#footer {
/* this sets 10px on left to balance 10px right on last div */
padding: 0px 0px 0px 10px;
/* color of text, the link color is set below */
color: #595959;
background:#eee;
/* you can set your own image here */
/*background: url(uploads/ngrey/wtopleft.gif) no-repeat left top;*/
}
div.leftfoot {
float: left;
width: 30%;
margin-left: 20px
}
div#footer p {
font-size: 0.8em;
padding: 1.5em;
text-align: right;
margin: 0;
}
div#footer p a {
/* footer link would be same color as default we want it same as footer text */
color: #595959;
}
/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
height: 1px;
padding: 1em;
border-bottom: 1px dotted black;
margin: 1em;
}
/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
width: 70%;
}
div.right49 {
float: right;
width: 29%;
/* set right to keep text on right */
text-align: right;
}
/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 2.0em;
/*color:#999;
color:#336699;
color:#ff9900;
color: #cc3300;

color:#ada39d;
color:#0066cc;
color: #cc3300;*/
color:#444;
line-height:normal;
border-bottom:1px dashed #ff9900;
padding:0 0 5px 0;
margin:0 0 15px 0;
}

div#content h2 {
font-family:Arial, Helvetica, sans-serif;
color:#444;
font-size: 1.5em;
text-align: left;
line-height: 1.5em;
margin: 0 0 0.5em 0;
}

div#content h3 {
font-family:Arial, Helvetica, sans-serif;
color:#444;
font-size: 1.3em;
line-height: 1.3em;
margin: 0 0 10px 0;
}
div#content h4 {
color: #294B5F;
font-size: 1.2em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
div#content h5 {
color: #294B5F;
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
h6 {
color: #294B5F;
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
/* END HEADINGS */
/* TEXT */
p {
/* default p font size, this is set different in some other divs */
font-size: 1em;
/* some air around p elements */
margin: 0 0 1.5em 0;
line-height: 1.4em;
padding: 0;
}
blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
strong, b {
/* explicit setting for these */
font-weight: bold;
}
em, i {
/* explicit setting for these */
font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
white-space: pre-wrap;
/* Mozilla, since 1999 */
white-space: -moz-pre-wrap;
/* Opera 4-6 */
white-space: -pre-wrap;
/* Opera 7 */
white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
word-wrap: break-word;
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}
pre {
/* black border for pre blocks */
border: 1px solid #000;
/* set different from surroundings to stand out */
background-color: #ddd;
margin: 0 1em 1em 1em;
padding: 0.5em;
line-height: 1.5em;
font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul, div#main2 ul,
div#main ol, div#main2 ol,
div#main dl, div#main2 dl {
font-size: 1.0em;
line-height: 1.4em;
margin: 0 0 1.5em 0;
}

div#main ul li, div#main2 ul li,
div#main ol li, div#main2 ol li {
margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl {
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
font-weight: bold;
margin: 0 0 0 1em;
}
div#main dl dd {
margin: 0 0 1em 1em;
}
/* END LISTS */

/*-- Entries Table --*/
table.entries	{
width:100%;
margin:10px 0;
border-collapse: collapse;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}

table.entries td	{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:4px;
}

table.entries th	{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:4px;
background:#eee;
font-size:14px;
}

table.entries td.label	{
width:35%;
}

/*-- s3Slider --*/
#s3slider {
width:630px; /* important to be same as image width */
height:240px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}

#s3sliderContent {
width:630px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}

.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}

.s3sliderImage span {
position: absolute; /* important */
right:0;
font:18px/20px Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
text-align:right;
padding:10px;
width:630px;
background-color: #000000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
bottom:16px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

/* jQuery Countdown styles 1.5.3. */
.hasCountdown {
	/*border: 1px solid #ccc;
	background-color: #eee;*/
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	/*background-color: #ccc;*/
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 100%;
}
.countdown_show2 .countdown_section {
	width: 49.5%;
}
.countdown_show3 .countdown_section {
	width: 33%;
}
.countdown_show4 .countdown_section {
	width: 24.75%;
}
.countdown_show5 .countdown_section {
	width: 19.8%;
}
.countdown_show6 .countdown_section {
	width: 16.5%;
}
.countdown_show7 .countdown_section {
	width: 14.1%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size:18px;
}
.countdown_descr {
	display: block;
	width: 100%;
}


/*-- CGBlog --*/
.CGBlogSummary {
margin:0 0 20px 0;
overflow:hidden;
}

div#content .CGBlogSummary h3 {
background:#ff9900;
padding:8px;
color:#000;
font-size:1.5em;
}

.CGBlogPic {
float:left;
padding:4px;
border:1px solid #ccc;
margin:0 10px 0 0;
}

.CGBlogPicRight {
float:right;
padding:4px;
border:1px solid #ccc;
margin:0 0 0 10px;
}

/*--File Icons --*/

/*-- pdf 32px icon --*/
#main a[href $='.pdf'], #main2 a[href $='.pdf']  { 
display:block;
height:36px;
   padding:5px 0 5px 36px;
   background: transparent url(images/layout/fileicons/pdf2.png) no-repeat center left;
}


/*-- iFrame --*/
iframe {
width:100%;
/*height:100%;*/
}




/* End of 'GHR: Layout CSS' */