@charset "utf-8";
/* CSS Document */

html, body{ margin:0; padding:0; text-align:center;} 
 
body {background-attachment: fixed; background-color: #390983; background-image:url(../images/02688_nysky_2560x1440.jpg); background-position: top center; background-repeat: no-repeat; margin:0; padding: 0;
background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;  font-family:"Calibri", Arial, Helvetica, sans-serif; font-size:87.5%; color:#000;}

::selection {background: #ede9dd; color:#390983;}
::-moz-selection {background: #ede9dd; color:#390983;}
		
@font-face {font-family: "Calibri"; src: url("../fonts/calibri.ttf") format("truetype");}  /* displayed at 14px, BODY CONTENT */
@font-face {font-family: "Cambria"; src: url("../fonts/cambria.ttc") format("truetype");}  /* displayed at 18px, SUBJECT HEADER */

/*
This next definition doesn't allow the background to get any smaller
than a predefined size (640x426px in this case). Change the values
here to match your background image size. The configuration in the
flexi-background javascript file should also match these values.
*/
 
@media only all and (max-width: 640px) and (max-height: 426px) {
body {
background-size: 640px 426px;
-moz-background-size: 640px 426px;
-webkit-background-size: 640px 426px;}
}

/*
The next 2 definitions are for support in iOS devices.
Since they don't recoginze the 'cover' keyword for background-size
we need to simulate it with percentages and orientation
*/
 
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
body {-webkit-background-size: auto 100%;}
}

@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
body {-webkit-background-size: 100% auto;}
}

.entirePage {width:960px; text-align:left; margin:0 auto;}
.mainContent {position:relative;}

H1, H2, H3, H4 {clear:left;}

H1 { margin-top:0; font-size:1.286em; font-family:Cambria, "Times New Roman", Times, serif, Century; color:#FFF; text-shadow:0px 0px 15px #00ccff; width:auto ; height:29px; padding:5px 10px 0 10px; background-color:#390983;}  /* displayed at 18px, SUBJECT HEADER */
H2 {font-size:1.714em; font-family: 'Lobster', cursive; color:#390983;}  /* displayed at 24px, FAMOUS QUOTES */

#footer {position:fixed; left:0px; bottom:0px; height:20px; width:100%; font-family:Cambria, "Times New Roman", Times, serif, Century; font-size:0.857em; text-align:center; padding:10px; color:#FFF; background-color:#000; zoom: 1; filter: alpha(opacity=80); opacity: 0.8;  clear:both; display:block;}

/* IE 6 */
* html #footer {position:absolute; top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');}

.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 */  

/* ACTUAL CONTENT STYLE STARTS BELOW */
/*logo {background-image:url(../images/Logo_company.jpg); width:158px; height:90px; position:top left; margin-left:30px; z-index:300px;}
.shortcut {margin:top right; font-family:Cambria, "Times New Roman", Times, serif, Century; font-size:0.857em; color:#FFF; z-index:200px;}
.shortcut ul li {list-style:url(../images/NavigationArrow.png); list-style-position:inside; display:block;}*/
.contentBlock {width:960px; padding:0; font-family:Calibri, "Arial"; font-size:1em; line-height:1.62em; color:#000; text-align:justify; margin-bottom:-20px;}
#contentTrans {min-height:550px; background-color:#fff; padding:31px; overflow:auto; -moz-border-top-right-radius: 20px; -moz-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-top-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; padding-bottom:80px; }
#contentTrans {zoom: 1; filter: alpha(opacity=90); opacity: 0.9; }
#contentTrans {-moz-box-shadow: 0 0 10px #888;
		-webkit-box-shadow: 0 0 10px #888;
		box-shadow: 0 0 10px #888;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');}
<!--for IE 6,7,8 hack-->
#contentTrans {behavior: url(border-radius.htc); border-radius: 20px;}
.goldenLeft {width:321px; padding-right:15px; float:left;}
.goldenRight {width:539px; padding-left:15px; float:right;}
.breadcrumbs {margin-bottom:15px;}
.breadcrumbs a {text-decoration:underline; color:#390983;}