/* Start of CMSMS style sheet 'Royale Vista : structure' */
/* Body */
* {margin:0; padding:0;}
body {background:#fff url(uploads/Royale/body.jpg) top left repeat-x; color:black; font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:left; padding:0;}

#wrap {width:960px; background-color:#fff; background-image: url(uploads/Royale/body_innerwrapper_bg.png); background-repeat: no-repeat; color:#555; padding:20px; margin:10px auto 0 auto; text-align:left;}
#top {width:960px; height: 20px; background-image: url(uploads/Royale/Languagebar.png); background-repeat: no-repeat; text-align:right; margin:0 auto 0 auto; color:#666666; font-size:0.9em; }
#top p {margin:2px; padding:0;}
#top a {color:#666666; border-bottom: 1px dotted #666666;}
#top a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
#top select {background: #dfeaf8; border: 0px solid #cccccc; font-size:0.9em; width:150px; margin:2px 3px 0 0;}
/* Header and title */
#header {width: 960px; height: 75px; background: url(uploads/Royale/headerv2fotos3.png); background-repeat: no-repeat; padding:0px; margin:0;}
/* #header {text-align:left; padding:10px; margin:0 0 10px 0;} */ 
#sitetitle {width:340px; height:145px; float:left; background-image: url(uploads/Royale/logo.png); background-repeat: no-repeat;}
#sitetitle h1 {font-weight: 700; font-size:2.2em; letter-spacing:-2px; line-height:0.9em; margin:20px 0 10px 10px; padding:0;}
#sitetitle h1 a {font-weight:700; letter-spacing:-1px;}
#sitetitle p {margin:5px 0 20px 20px; padding:0; letter-spacing:-1px; font-size:1.4em; color:#777;}

/* Main menu */
#navbar {width: 100%; height: 35px; background:#ffffff url(uploads/Royale/VistaMenubar.png) top left no-repeat; padding-left: 10px;}

#mainmenu {float:left; clear: top; width:700px; height:145px; margin:0;}
dl.nav {width:165px; float:left; margin: 0 0px 5px 10px;}
dl.nav dt {border-bottom:1px solid #aaa; padding:0; font-weight:700; margin:0; color:#777;}
dl.nav dt a {font-weight:700; color:#777;}
dl.nav dt a:hover {color:#222;}
dl.nav dd {padding:0; margin:0; border-bottom:1px solid #ccc;}
dl.nav dd a {font-weight:400; padding:1px 0 1px 5px; color:#4d699d; display:block; width:160px;}
dl.nav dd a:hover {color:#222; background:#f4f4f4;}

/* Headline */
#headline {float:left; height: 18px; width:700px; text-align:left; margin:0px 2px 15px 2px; border-bottom:1px solid #ccc; color:#777; font-size:0.8em;}
#headline p {margin:0 8px 0 8px; padding:0;}

/* Functionbar */
#functionbar {text-align:left; margin:0px 2px 15px 718px; height: 18px; width:220px; padding:0 10px 0 10px; border-bottom:1px solid #ccc; color:#777; font-size:0.8em;}

/* Toolbar */
#toolbar a {border-bottom:0px dotted #fff !important;}

/* Headers */
h2, h3, h4 {margin:0 0 14px; padding-bottom:2px; color:#666; font-weight:700;}

/* Content Wrapper */
#contentwrap {float:left; text-align:left; width:718px; margin:0; background:f0f0f0;}

/* Content */
#contentfront {float:left; text-align:left; width:700px; height: 525px; margin: 0; background: url(uploads/Royale/ConsilionBG700x525web.png)}

#contenttitle {float:left; text-align:left; width:718px; height:170px; background:#e5f0ff; margin:0;}
#contenttitle h1 {color: #4d699d; font-size:1.7em; letter-spacing:-1px; line-height:1.4em; clear:left; margin: 0 18px 10px 8px;}
#contenttitle h2 {font-size:1.4em; padding:10px 0 2px 0; margin:0 18px 10px 8px; clear:left; border-bottom:2px solid #ccc;}

#contenttitle h3 {font-size:1.4em; letter-spacing:-1px;}
#content {float:left; text-align:left; width:700px; margin-top:10px;}
#content h1 {color: #4d699d; font-size:1.7em; letter-spacing:-1px; clear:left; line-height:1.4em; border-bottom:2px solid #ccc; margin: 0 0px 10px 0px;}
#content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #ccc;}
#content h3 {font-size:1.4em; letter-spacing:-1px;}
#content h2 a, #content h3 a {font-weight:700;}
#content p {margin:0 8px 15px 8px;}
#content a {border-bottom:1px dotted #888;}
#content a:hover {color: #222; border-bottom:1px dotted #000;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 10px 10px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}

/* Sidebar f0f0f0 e5f0ff*/
#sidebar {text-align:left; margin:5px 0 0 718px; width:220px; padding:10px; background:#e5f0ff; border:0px solid #ccc;}
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
#sidebar a {font-weight:400;}
#sidebar ul li {list-style:none; margin:0 0 3px 0;}
#sidebar ul li a {font-size:1.1em;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}

#sidebar ul.sidemenu li {list-style: none; width:218px; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #ddd; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #555; color:#444; background-color:#fff;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {width:203px; letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/* Footer background-image: url(uploads/Royale/body_bottomwrapper_bg.png); background-repeat: no-repeat; */
#footer {clear:both; font-size:0.9em; width:960px; line-height:1.5em; color:#666666;  margin: 5px auto 10px auto; padding:10px; border-top:1px solid #ccc;}
#footer p {margin:0px; padding:0;}
#footer a {color:#666666; border-bottom: 1px dotted #666666;}
#footer a:hover {color:#4d699d; text-decoration:none; border-bottom:1px dotted #fff;}

/* Links */
a {color:#4d699d; font-weight:400; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}
a img {border:0;}

/* IFrames */
#myframe {height: 500px; margin-left:92px}

/* Various classes */
.left {float:left; width:49%; text-align:left; margin-right: 5px}
.right {float:right; width:49%; text-align:right; margin-left: 5px}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.introtext, .introtext a {font-weight:700;}
.clear {visibility:hidden; clear:both; height:1px;}
.hide {display:none;}
.category {width:200px; height:150px; float:left; background-image: url(uploads/Royale/categorycontainer.png); background-repeat: no-repeat; background-position:bottom; margin: 10px 10px 10px 10px; padding:5px;}
.frontcategory {width:165px; height:300px; float:left; background-image: url(uploads/Royale/maincategorycontainer.png); background-repeat: no-repeat; background-position:top; margin: 0 0px 0 10px; padding:5px 0px 5px 0px;}
.frontcategorycontent {margin: 5px 2px 5px 2px;}
.frontcategory a {font-weight:700; margin: 0 0 0 8px; padding:0 0 25px 0;}
.picture {width:200px; height:150px; float:right; margin: 10px 10px 10px 10px; padding:5px;}
/* End of 'Royale Vista : structure' */