/* Stylesheet: MainPage2 Modified On 2014-01-15 21:50:58 */
html {
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'yohngcommedium';
    src: url(/images/yohngcom-webfont.eot);
    src: url(/images/yohngcom-webfont.eot?#iefix) format('embedded-opentype'),
         url(/images/yohngcom-webfont.woff) format('woff'),
         url(/images/yohngcom-webfont.ttf) format('truetype'),
         url(/images/yohngcom-webfont.svg#yohngcommedium) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'c1menufont';
    src: url(/images/c1menufont-webfont.eot);
    src: url(/images/c1menufont-webfont.eot?#iefix) format('embedded-opentype'),
         url(/images/c1menufont-webfont.woff) format('woff'),
         url(/images/c1menufont-webfont.ttf) format('truetype'),
         url(/images/c1menufont-webfont.svg#c1menufontregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latowf';
    src: url(/images/lato-reg-webfont.eot);
    src: url(/images/lato-reg-webfont.eot?#iefix) format('embedded-opentype'),
         url(/images/lato-reg-webfont.woff) format('woff'),
         url(/images/lato-reg-webfont.ttf) format('truetype'),
         url(/images/lato-reg-webfont.svg#latoregular) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'latowf';
    src: url(/images/lato-regita-webfont.eot);
    src: url(/images/lato-regita-webfont.eot?#iefix) format('embedded-opentype'),
         url(/images/lato-regita-webfont.woff) format('woff'),
         url(/images/lato-regita-webfont.ttf) format('truetype'),
         url(/images/lato-regita-webfont.svg#latoregular) format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'latowf';
    src: url(/images/lato-bold-webfont.eot);
    src: url(/images/lato-bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(/images/lato-bold-webfont.woff) format('woff'),
         url(/images/lato-bold-webfont.ttf) format('truetype'),
         url(/images/lato-bold-webfont.svg#latobold) format('svg');
    font-weight: 700;
    font-style: normal;
}



.NewsSummaryContent 
{
    color:#80A4B4;
    font-style: italic;
}

.NewsSummaryContent a, .NewsSummaryContent a:link
{
    color: #698E9E;
    font-weight: 600;
    font-style: italic;
}


.softwarebox,.softwareboxo,.softwareboxe {

width:180px;
height:180px;
margin:9px;
padding:8px;
float:left;
background-color:#FFFFFF;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
-webkit-border-bottom-right-radius: 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
-webkit-border-top-left-radius: 8px 8px;
cursor:pointer;
}

.softwarebox {
border:2px #C0DDFF solid;
}

.softwarebox:hover {
    border:2px #6BD3FF solid;
}


.softwareimgblend,.softwareimgblendo,.softwareimgblende
{
    margin:-11px;   
    padding:8px;
    opacity:0.00;
    -moz-opacity:0.00;
    filter: alpha(opacity=0);
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor:pointer;
    position:absolute;
    width:180px;
    height:180px;
}

.softwareimgblend
{
    background-color:#0088ff;
    border:2px #C0DDFF solid;
}

.softwareimgblend:hover,.softwareimgblendo:hover,.softwareimgblende:hover
{
    position:absolute;
    width:180px;
    height:180px;
}

.softwareimgblend:hover
{
    background-color:#0088ff;
    border:2px #6BD3FF solid;
    opacity:0.0625;
    -moz-opacity:0.0625;
    filter: alpha(opacity=8);
}


.softwareboxo {
    border:2px #FFE0AA solid;
    color: #DD6600;
}

.softwareboxe {
    border:2px #FFFFAA solid;
    color: #BBAA00;
}


.softwareboxo:hover {
    border:2px #FFAA66 solid;
}

.softwareboxe:hover {
    border:2px #FFFF44 solid;  
}


.softwareimgblendo
{
    background-color:#FF8800;
    border:2px #FFD36B solid;
}

.softwareimgblendo:hover
{
    background-color:#FF8800;
    border:2px #FFAA66 solid;
    opacity:0.12;
    -moz-opacity:0.12;
    filter: alpha(opacity=12);
}

.softwareimgblende
{
    background-color:#FFFF00;
    border:2px #FFFF6B solid;
}

.softwareimgblende:hover
{
    opacity:0.14;
    -moz-opacity:0.14;
    filter: alpha(opacity=14);
}

body,td,th{
	font-family: latowf, Microsoft Sans Serif, Lucida Grande, Tahoma, Arial, sans, sans-serif;
	font-size: 14px;
	color: #0078AF;
        qletter-spacing:0.02em;
        line-height:1.3em;
        font-weight: 400;
    text-decoration:none;
    border-bottom:none;
}

hr { 
height: 1px; 
    color: #88D6FF;
}
body {
    background-color:#FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(/images/ycgradient.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 64px 120px;
}


a:link {
	text-decoration: none;
        color: #0074B4;
}

a:hover {
    text-decoration: none;
    border-bottom: 4px #6BD3FF solid;
}

.aNoHover, .aNoHover:hover {
    border-bottom: none;  
    text-decoration: none;
    outline:0;
}

.aNoHover:focus {
    background-color: #505050;
}

.thumb a:hover
{
    border-bottom:2px solid #6BD3FF;
}

a:active {                       
    text-decoration: none;
}

a {
    color: #0078C4;
    font-weight: 600;
    text-decoration:none;
}

.a2 {
    color: #0078C4;
    font-weight: normal;
    text-decoration:none;
    border-bottom:1px #BBEEFF solid;
    padding-left:8px;
    padding-right:8px;
}

.a2desc {
    color: #0078C4;
    font-family:Tahoma,sans,sans-serif;
    font-size:0.8em;
    font-weight: normal;
    text-decoration:none;
    border-bottom:none;
    padding-left:8px;
    padding-right:8px;
}

.a2:hover {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration:none;
    border-bottom:1px #BBEEFF solid;
    background-color:#0078C4;
    padding-left:8px;
    padding-right:8px;
}



h1 {
	font-size: 26px;
}
h2 {
	font-size: 21px;

}
h3 {
	font-size: 18px;

}

h1,h2,h3,h4,h5,h6 {
    font-family: Arial, sans, sans-serif;
    letter-spacing: 0.10em;
	font-weight: bold;
    padding-top:4px;
    padding-bottom:6px;
    margin:0px;
	color: #00A0EB;
    margin-left:-4px;
}
h1 {
    font-family: 'Georgia','Optima Lt', 'Palatino','Palatino Linotype',Arial, sans, sans-serif;
    font-weight:normal;
    margin-left:-5px;
    padding-bottom:11px;
}
h1,h2 {
    padding-top:1px;
    letter-spacing: 0.05em;
}
p, .NewsSummary {
    padding-top:0px;
    padding-bottom:9px;
    margin:0px;
    padding-left:10px;
    text-align:justify;
}

:link, :visited {
    letter-spacing:0.01em; 
}

ul,ol {
    padding: 0px;
    margin-top: 0px;
    margin-left:50px;
    margin-bottom:9px;    
}

h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited,
h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
 color: inherit;
}


#page,#copyright {
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
    max-width:900px; 
    min-width:674px; 

    padding-left:30px;
    padding-right:40px;
    border-right: 1px solid #F4FBFE;    
}

#page { 
    min-height:600px;
    background-image: url(/images/ycw2.png);
    background-repeat:no-repeat;
    background-position:right -45px;
    background-origin:border-box;
}

#page, #copyright {
    padding-top:0px;
    border-left:1px solid #C7ECFB;
    box-shadow: 3px 0px 3px -3px rgba(0,182,255,0.4), -3px 0px 3px -3px rgba(0,182,255,0.25);

}

#copyright {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 11px;
    font-family: Arial,helvetica,sans serif;
    color: #4090C8;
    font-style: italic;
    text-align: center;
}

#logo, #logoimg {
    font-family: "yohngcommedium";
    font-size: 135px;
    color: #4ACBFF;
    float:left;
    text-decoration:none;
    text-shadow: 1px 1px #FFFFFF, 3px 3px 2px rgba(0,182,255,0.08);
    padding: 0px;
    margin: 0px;
    line-height:114px;
    font-weight: normal;
    border: none;
}

#logoimg:hover {
    border: none;
    font-weight:normal;
}
#logo { margin-left: -9px; margin-top:4px; font-weight: normal;}


#menu { 
    float: right; 
    padding-right: 105px;
    padding-top:3px;
    height:17px;
}

#menu, .menuitem {
    font-family: "c1menufont","Arial","Arial Narrow Italic";
    font-size: 17px;
    font-weight: normal;
    color:#40C0F5;
    text-decoration:none;
    text-shadow:  0px 2px #FFFFFF,0px 3px 4px rgba(0,182,255,0.15);
}

.menuitem {
}

.menucurrent {
    border-bottom:2px #6BD3FF dotted;
}

/* ------------  Menu  ROOT  ------------ */
.page-menu {
    line-height:1em;
}
.menuwrapper {}

#primary-nav div hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
.page-menu #primary-nav {
	list-style: none;
}

.page-menu #primary-nav .sectionheader,
.page-menu #primary-nav div a:link.menuactive,
.page-menu #primary-nav div a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}

.page-menu #primary-nav div a {
    padding-left:10px;
    padding-right:10px;
    margin-left: 3px;
    margin-right: 3px;
}

.page-menu #primary-nav div a,
.page-menu #primary-nav div a span {
	display: block;
	padding: 0px;
}


.page-menu #primary-nav div img,
.page-menu #primary-nav div a,
.page-menu #primary-nav div a:hover,
.page-menu #primary-nav div a:focus,
.page-menu #primary-nav div a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu #primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu #primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
#primary-nav ul.unli li li a span,
#primary-nav ul.unli li a span,
#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
        text-shadow: none;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}

#primary-nav div.menuparent a.menuparent{
        border: none;
        padding-bottom: 0px;       
        margin-bottom: 5px;
}


#primary-nav ul {
	list-style: none;
        margin: 0px;
	margin-top: -6px;
margin-left: -15px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 300px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top:4px;
	padding-bottom:4px;

background-color: #FFFFFF;
border: 1px solid #BBEEFF;
border-top: 2px solid #BBEEFF;
border-bottom: 2px solid #BBEEFF;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}

* html #primary-nav ul.unli {
}

.unli {
        box-shadow: 0px 5px 10px rgba(0, 128, 255, 0.15);
}

#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}

* html #primary-nav ul.unli ul {
	margin-left: -0px;
}

#primary-nav div {
    float:left;
    padding-left:10px;
    padding-right:10px;
}

#primary-nav div li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
}
* html #primary-nav .separator {
       z-index:-1;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom:2px;
	padding-top:2px;
	width: 266px;
	margin: 0px;
	background-image: none;
    font-family: Microsoft Sans Serif, Lucida Grande, Tahoma, Arial, sans, sans-serif;
	font-size: 12px;
}
* html #primary-nav ul.unli li a {
	padding: 0px;
	width: 266px;
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom:2px;
	padding-top:2px;
}
#primary-nav div li a:hover {
	background-color: #0078C4;
	color:#FFFFFF;
        border:none;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav div.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #0078C4;
	color:#FFFFFF;
        border:none;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav div:hover ul,
#primary-nav div:hover ul ul,
#primary-nav div:hover ul ul ul,
#primary-nav div.menuparenth ul,
#primary-nav div.menuparenth ul ul,
#primary-nav div.menuparenth ul ul ul {
	display: none;
}
#primary-nav div:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav div.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav div li {
	float: left;
	clear: both;
}
#primary-nav div li a {
	height: 1%;
}
/*************** End Menu *****************/