html {
	height: 100%;
	margin-bottom: 1px;
}

body {
background: #b6cfb2 url(rok-images/bg1.jpg) 50% 0 no-repeat fixed;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color: #38261A;
padding:0 0 15px 0;
margin:0;
}

body, td {
	font-size: 12px;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	line-height: 135%;
word-spacing: 1px;
}

* {
padding:0;
margin:0;
}

#slidewrap {
	display: block;
	width: 650px;
	height: 166px;
	position: relative;
        z-index: 3;
        border: 1px solid #b9ab7f;
	margin: 0 auto 15px auto;	
        text-align:center;
        overflow:hidden;
        padding: 0px;
}

#slideshow {
	display: block;
	width: 650px;
	height: 166px;
	position: relative;
        z-index: 4;
        margin: 0;
        padding: 0;
        text-align:center;
        overflow:hidden;
        padding: 0px;
}

#slideshow img {
       margin:0;
       padding:0;
       border:0;
}

/* @group RokSlide */

#frame div.button#right {
	background: url(../images/arrow-right.png) 0 0 no-repeat;	
}

#frame div.button#left {
	background: url(../images/arrow-left.png) 0 0 no-repeat;
}

/* @end */

/* @group Structure */

div.wrapper {
	margin: 0 auto;	
	width: 1018px;
	text-align: left;
	position: relative;
}

#shadow-top {
	background: url(rok-images/shadow-t-white.png) 0 0 no-repeat;
	height: 39px;
}

#shadow-middle {
	background: url(rok-images/shadow-m-white.png) 0 0 repeat-y;
	padding: 0 24px;
}

#shadow-bottom {
	padding: 0 24px 20px 24px;
}

#shadow-bottom .padding {
       border-top: 1px solid #B9AB7F;
       padding: 20px 20px;
}

/* #smoke #shadow-bottom {
	background: url(rok-images/shadow-b.png) 0 0 repeat-y; 
} */



#shadow-middle .padding {
	padding: 120px 24px 20px 24px;
}


#shadow-rocket {
	background: url(rok-images/shadow-rocket.png) 0 0 repeat-y;
	height: 91px;
	text-align: center;
}

img#rocket {
	width: 200px;
	height: 40px;
	border: 0;
}

#showcase {
	background: url(../images/trans-20.png);
}

.sections td,
#mainframe td#left,
#mainframe td#right,
#mainframe #user1,
#mainframe #page,
pre,
blockquote,
.sectiontableheader {
     background: #d6e3d0;
}

#mainframe,
.sections {
	border-collapse: collapse;
	padding: 0;
	margin-top: 25px;
	width: 100%;
}

#shadow-bottom .sections {
	margin-top: 0;
}

#user1 {
	margin-bottom: 20px;
	height:  1%;
}

#page {
	padding: 20px 10px;
}

#inset,
#inset-mod {
	position: absolute;
	right: 46px;
	width: 481px;
	height: 51px;
	top:  40px;
	overflow: hidden;
}

span.alert {
	color: #c00;
	border-top: 3px solid #fc9088;
	border-bottom: 3px solid #fc9088;
	background: #ffd8d8 url(rok-images/gl-status-alert.png) 10px 50% no-repeat;	
}

span.info {
	color: #0055BB;
	border-top: 3px solid #7dabdd;
	border-bottom: 3px solid #7dabdd;
	background: #d9e7f9 url(rok-images/gl-status-info.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #fbe288;
	border-bottom: 3px solid #fbe288;
	background: #fff6d8 url(rok-images/gl-status-note.png) 10px 50% no-repeat;
}

span.download {
	color: #57861A;
	border-top: 3px solid #cbe093;
	border-bottom: 3px solid #cbe093;
	background: #eef6dc url(rok-images/gl-status-download.png) 10px 50% no-repeat;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

.componentheading {
	font-size: 150%;
	margin-bottom: 15px;
        padding-bottom: 5px;
	border-bottom: 1px solid #B9AB7F;
}

.contentheading,
.contentheading-page {
	font-size: 170%;
}


td.componentheading {
	padding-bottom: 15px;
}

#mainframe td.sectiontableheader {
	font-weight: bold;
	padding: 4px 2px;
}

.sectiontableentry1,
.sectiontableentry2 {
	text-align: left;
	padding: 2px 0;
}

/* @end */

.pageheading {
	font-size: 150%;
	margin-bottom: 15px;
        padding-bottom: 5px;
	border-bottom: 1px solid #B9AB7F;
}

.pageheading,
.pageheading-page {
	font-size: 170%;
}


td.pageheading {
	padding-bottom: 15px;
}


h1 { 
	font-size: 200%;
}

h2 {
	font-size: 150%;
	margin-bottom: 15px;
        padding-bottom: 5px;
	border-bottom: 1px solid #B9AB7F;
}

h2.front-page {
	font-size: 100%;
	margin-bottom: 15px;
        padding-bottom: 5px;
	border-bottom: 1px solid #B9AB7F;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}

input, select {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}

textarea {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

abbr {
border:none;
}

#wrap {
position: relative;
z-index: 1;
width:920px;
margin:80px auto 0px auto;
background: #d6e3d0;	
border: 1px solid #b9ab7f;
text-align: left;
}

#wrap a:link {color:#198495;text-decoration:none;font-weight:bold;}
#wrap a:visited {color:#198495;text-decoration:none;font-weight:bold;}
#wrap a:hover {color:white;text-decoration:none;font-weight:bold;}
#wrap a:active {color:white;text-decoration:none;font-weight:bold;}

/* Header */

/* #header {
background:url(images/logo.png) top left no-repeat;
padding:3px 0 5px 45px;
margin:10px 0;
padding:0 5px;
text-align:left;
} */

#header {
	display: block;
	background: url(images/logo.png) 0 0 no-repeat;
	width: 700px;
	height: 114px;
	position: absolute;
	left: 50px;
	top: 30px;
	border: 0;
        margin-bottom: 15px;
}


/* #header h1 {
font-size:22px;
letter-spacing:-1px;
padding:10px 0;
color:#4e8abe;
}

#header h1 a {
color:#fff;
text-decoration:none;
}  */


/*  #feed {
float:right;
padding:3px 10px;
}

#feed a {
background:url(images/feed.gif) right no-repeat;
padding:0 24px 0 0;
}



/* =Menu
-------------------------------------------------------------- */

#access {
	background: url(rok-images/header-bg.png) 0 0 repeat-x;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

/*=-=-=-[Main Menu]-=-=-=*/



#menu {
position:absolute;
z-index:900;
top:170px;
left:50px;
background: url(rok-images/header-bg.png) 0 0 repeat-x;
width:870px;
height:30px;
font-size:13px;
font-family: Verdana, Geneva, Tahoma;
color: #fff;
font-weight:  bold;
margin: 20px auto 0;
padding: 0px 10px 0px 30px;
}


#menu a, #menu a:visited {
color: #fff;
font-size: 13px;
font-weight:  bold;
text-decoration: none;
padding: 0px;
}

#menu a:hover {
color:#fff;
text-decoration:underline;
padding:0px;
}

#menu ul {
list-style-type:none;
margin:0;
padding:0;
}

#menu li {
float:left;
padding:0;
border-right:1px solid white;
}

#menu li:last-child {
border:none;
}

ul#mc_menu_1 {
margin:0px;
padding:0px;
list-style-type: none !Important;
}

#mc_menu_1 a, #mc_menu_1 a:visited {
color:#fff;
display:block;
font-weight:bold;
margin:0px;
padding:7px 12px;
}

#mc_menu_1 a:hover {
color:#FFF;
margin:0px;
padding:7px 12px;
text-decoration:none;
}
#mc_menu_1 li {
float:left;
margin:0px;
padding:0px;
}
#mc_menu_1 li ul {
position:absolute;
width:10em;
left:-999em;
}
#mc_menu_1 li li {
float:left;
margin:0px !Important;
padding:0px !Important;
width:250px;
}
#mc_menu_1 li li a, #mc_menu_1 li li a:link, #mc_menu_1 li li a:visited {
background: url(rok-images/sub-bg.png) right;
width:250px;
text-transform:none;
margin:0px;
padding:2px 10px;
text-align:left;
}
#mc_menu_1 li li a:hover, #mc_menu_1 li li a:active {
background: url(rok-images/sub-bg-hover.png) right;
text-align:left;
}
#mc_menu_1 li:hover ul {
left:auto;
display:block;
text-align:left;
}
#mc_menu_1 li:hover ul, #mc_menu_1 li.sfhover ul {
left:auto;
text-align: left;
}
/*=-=-=-[End Navigation]-=-=-=*/

/* Content
------------------------------------------------------------------ */

#content {
position: relative;
z-index: 2;
float:right;
width:680px;
text-align:left;
background: #D6E3D0;
padding: 30px;
border-left: 1px solid #b9ab7f;
}


#content a.commentsLink {
color:#6799c8;
}

/* Navigation */

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.aligncenter img {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float:left;
margin-right: 10px;
}

.alignright {
float:right;
margin-left: 10px;
}

.navpost {
font-size:11px;
margin:0 0 20px 0;
}

.navpost div {
background:#FFFFFF;
color:#87b2d8;
padding:2px 4px;
}

.navpost a {
color:#87b2d8;
text-decoration:none;
}

.navpost a:hover {
color:#fff;
text-decoration:none;
}

.navigation {
font-size:11px;
margin:0 0 20px 0;
}

.navigation a {
background:#FFFFFF;
display:block;
color:#87b2d8;
text-decoration:none;
padding:2px 4px;
}

.navigation a:hover {
color:#fff;
text-decoration:none;
}

/* Main for posts */

.main h3 {
font-size:15px;
font-weight:bold;
margin:0 0 15px 0;
}

.main img {
padding:2px;
border:#b9ab7f 1px solid;
}

.main a {
color:#87b2d8;
}

.main a:hover {
color:#4e8abe;
}

.main a img {
padding:2px;
border:#0085b5 1px solid;
}

.main a:hover img {
padding:2px;
border:#87b2d8 1px solid;
}

.main p {
line-height:18px;
margin:0 0 15px 0;
}

.main ol {
line-height:18px;
margin:0 0 15px 30px;
}

.main ul {
line-height:18px;
margin:0 0 15px 30px;
}

.main li {
margin:0 0 5px 0;
}

.stamp {
font-size:11px;
color:#4e8abe;
margin:0 0 15px 0;
}

.stamp a {
color:#87b2d8;
text-decoration:none;
}

.stamp a:hover {
color:#fff;
}

.meta {
background:url(images/limit.gif) bottom center no-repeat;
font-size:11px;
line-height:16px;
color:#4e8abe;
border-top:#005595 1px solid;
margin:0 0 15px 0;
padding:5px 10px 30px 10px;
clear:both;
}

img.wp-smiley {
margin:0;
padding:0;
border:none;
}

blockquote {
margin:0 0 0 20px;
padding:0 0 0 10px;
}

.warning p {
font-size:13px;
margin:0 0 0 20px;
padding:0 0 0 10px;
border-left:#005595 1px solid;
}

/* Sidebar */

#sidebar {
background: #D6E3D0;
font-size:11px;
float:left;
width:178px;
padding:0 0 20px 0;
text-align:center;
}

#sidebar h3 {
font-size:150%;
font-weight:bold;
color:black;
margin:20px 10px;
padding: 5px;
text-align:left;
border-bottom: 1px solid #B9AB7F;
}

#sidebar h4 {
font-size:12px;
font-weight:bold;
color:#fff;
margin:10px 2px 2px 2px;
padding: 10px 5px 10px 30px;
background: url(rok-images/header-bg.png) 0 0 repeat-x;
}

#sidebar p  {
margin: 10px;
}

#sidebar ul {
list-style:none;
}

#sidebar ul ul {
margin:5px 0 0 10px;
}

#sidebar ul ul ul {
margin:5px 0 0 10px;
}

#sidebar ul li {
padding:0 0 5px 0;
}

#author h3 {
margin:5px 0 5px 0;
}

/* Blogs */

#main-blog-content {
    float: left;
    width: 440px;
    margin: 0;
    padding: 0 10px 0 0;
    line-height: 1.5em;
    text-wrap:normal;
    word-wrap:break-word;
    overflow:hidden;
    }

#main-blog-content h2 {
    clear:both;
    margin-top:30px;
   }

#sidebar-right {
    float: right;
    width: 175px;
    margin: 0;
    padding: 0;
    font-size: 85%;
    line-height: 1.4em;
    color: #999;
    text-wrap:normal;
    word-wrap:break-word;
    overflow:hidden;
    }

#sidebar-right h2 {
  margin: 0;
  padding: 10px 0 0 30px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  height: 32px;
  color:black;
  background: url(images/sidebar-right_icon.gif) no-repeat 0px 0px;
  height: 32px !important; /* for most browsers */
  height /**/:57px; /* for IE5/Win */
  border:0px;
  }

#sidebar-right ul, #sidebar-right p {
  margin: 0 0 20px 0px;
  padding: 5px 20px 1em 0px;
  border-bottom: 1px solid #b9ab7f;
  }

#sidebar-right ul {
  list-style: none;
  }

#sidebar-right li {
  list-style: none;
  padding-left:14px;
  margin-bottom: 3px;
  background: url(images/tictac_green.gif) no-repeat 0 5px;
  }

/* Forms: input, textarea */

input {
background:#FFFFFF;
padding:3px 5px;
border:none;
color:black;
}

textarea {
background:#FFFFFF;
width:400px;
padding:3px 5px;
border:none;
color:black;
}

#searchform {
margin:15px 0 0 0;
}

.searchinfo {
padding:5px 0 0 0;
}

#searchform input {
background:#FFFFFF;
display:block;
padding:3px 5px;
color:black;
}

#searchform input:hover {
background:#004b8d;
cursor:pointer;
color:black;
}

#searchform #s {
background:#FFFFFF;
padding:3px 5px;
border:none;
color:#fff;
cursor:text;
}

input.submit {
background:#FFFFFF;
display:block;
padding:3px 5px;
margin:0 0 10px 0;
color:#002a53;
cursor:pointer;
}

input.submit:hover {
background:#004b8d;
cursor:pointer;
color:#002a53;
}

/* Comments */

.postinput small {
font-size:11px;
margin:0 0 0 5px;
}

p.logged {
font-size:12px;
}

h3.reply {
font-size:15px;
margin:0 0 10px 0;
}

.nocomments {
margin:0 0 30px 0;
}

ol.commentList {
list-style:none;
margin:10px 0 30px 0;
}

.commentList li {
padding:0 0 10px 0;
}

.commentList li.bypostauthor .commentText {
border-top:#007dc3 3px solid;
}

.commentMod {
background:#FFFFFF;
padding:1px 3px;
margin:10px 0 0 10px;
}

.commentAuthor {
background:url(images/arrow.gif) no-repeat top left;
padding:10px 0;
margin:0 0 0 30px;
width:250px;
color:#4e8abe;
}

.commentAuthor img {
float:left;
margin:5px 12px 0 0;
}

.commentAuthor p {
padding:3px 0 0 0;
}

.commentAuthor small {
font-size:11px;
}

.commentText {
background:#FFFFFF;
width:420px;
padding:10px;
border-top:#004b8d 3px solid;
}

.commentText p {
line-height:18px;
margin:7px 0;
}

.commentMeta {
font-size:12px;
color:#4e8abe;
}

#commentForm p {
color:#4e8abe;
font-size:11px;
line-height:18px;
margin:0 0 15px 0;
}

/* Footer */

#footer {
background:#d6e3d0;
position:relative;
font-size:11px;
color:black;
margin:0 auto;
padding:10px;
width:900px;
text-align:left;
border-right: solid 1px #b9ab7f;
border-bottom: solid 1px #b9ab7f;
border-left: solid 1px #b9ab7f;
}

#footer a:link {color:#198495;text-decoration:none;font-weight:bold;}
#footer a:visited {color:#198495;text-decoration:none;font-weight:bold;}
#footer a:hover {color:white;text-decoration:none;font-weight:bold;}
#footer a:active {color:white;text-decoration:none;font-weight:bold;}

#top {
float:right;
}

#top a {
background:url(images/top.gif) right no-repeat;
padding:0 16px 1px 0;
}

/* Widgets */

.wp-caption {
border:1px solid #b9ab7f;
text-align:center;
background-color:white;
font-size:10px;
padding: 5px 0;
margin:5px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.wp-caption img {
margin:0;
padding:0;
border:0 none;
text-align:center;
}

.wp-caption-dd {
font-size:11px;
line-height:17px;
padding:2px 10px 5px 10px;
margin:0;
}

#wp-calendar {
padding:10px 0 0 0;
}

#wp-calendar caption {
text-align:left;
padding:0 0 3px 0;
}

#wp-calendar tr th,
#wp-calendar tr td {
padding:0 4px 0 0 ;
text-align:right;
}

#wp-calendar td a {
font-weight:bold;
}

#wp-calendar td a:hover {
font-weight:bold;
}

/* Round Corners */

.corner-TL{
background:url(images/corners.gif) 0 0 no-repeat;
display:block;
position:absolute;
top:0;
left:0;
width:10px;
height:10px;
overflow:hidden;
}

.corner-TR{
background:url(images/corners.gif) -10px 0 no-repeat;
display:block;
position:absolute;
top:0;
right:0;
width:10px;
height:10px;
overflow:hidden;
}

.corner-BL{
background:url(images/corners.gif) 0 -10px no-repeat;
display:block;
position:absolute;
bottom:0;
left:0;
width:10px;
height:10px;
overflow:hidden;
}

.corner-BR{
background:url(images/corners.gif) -10px -10px no-repeat;
display:block;
position:absolute;
bottom:0;
right:0;
width:10px;
height:10px;
overflow:hidden;
}

/* Self-Clear Floats */

.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* IE6/7 Hacks */

* html .group {
height: 1%;
}

*:first-child+html .group {
min-height: 1px;
}

