/* Start of CMSMS style sheet 'CMSMSthemes : Themes list' */
div.themes {
  clear: both;
   border: 1px dotted #ccc;
width: 96%;
float: left;
  padding: 1em;
margin-bottom: 1em;
}

div.themes_thumbnail {
   float: left;
   width: 38%;
}

div.themes_thumbnail img {
   width: 100%;
   text-align: center;
}

div.themes_info {
   float: right;
   width: 57%;
   padding-left: 1em;
     border-left: 1px dotted #ccc;
}

div.themes dl {

			float: left;
			clear: both;
			width: 98%;
}

div.themes dl dt {
			clear: left;
			float: left;
			width: 35%;
			background: beige;
			margin: .2em 0;
}

div.themes dl dd {
			margin: .2em 0;
			float: left;
			padding: 0;
			width: 62%;
}

div.themes_view {
   float: left;
   width: 40%;
   text-align: center;
  border: 1px solid #000;
  padding: 0.5em;
  background: #ccc;
}

div.themes_download {
  width: 40%;
  text-align: center;
  float: right;
  border: 1px solid #000;
  padding: 0.5em;
  background: #ccc;
}

div.themes hr {display: block; clear: left; margin: -0.66em 0;
  visibility: hidden;}
/* End of 'CMSMSthemes : Themes list' */

/* Start of CMSMS style sheet 'CMSMSthemes : Banner' */
/* CSS for the Banner */

#banner {
      width: 100%;
}

#banner-middle
{

       background: #FFFFFF; 
       height: 250px;
       text-align: center;
	/*/*/ margin: 0 5px;			/* ie4 fix */
}

#banner-left
{
       background: #FFFFFF; 
/*background: #fff url("uploads/images/varv.gif"); */
       height: 180px;
	float: left;
	width: 5px;
/*/*/ margin-right: -5px;		/* ie4 fix */
}

#banner-right
{
       background: #FFFFFF; 
/*background: #fff url("uploads/images/varv.gif"); */
       height: 180px;
	float: right;
	width: 5px;
        padding: 0;
        margin: 0;
	/*/*/ text-align: left;			/* ie4 fix */
	/*/*/ margin-left: -5px;		/* ie4 fix */
}


/* End CSS for the Banner */

/* End of 'CMSMSthemes : Banner' */

/* Start of CMSMS style sheet 'CMSMSthemes : CMSMS Themes' */
 /* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
	body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}
	div {
		font-size: 11px;
	}
	img {
		border: 0;
	}
	
/* LINKS */
	a,
	a:link 
	a:active {
		color: #006633;
		text-decoration: underline;
	}
	a:visited {
		color: #009933;
		background-color: transparent;
	}
a:hover,
a:focus,
a:active
	{
        color: #000;
	background-color:#F5BA12;

	}
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 18px;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
        color: #0E813A;
	}
	h2 {
		font-size: 14px;
                font-family: Georgia,TimesNewRoman,Times,serif;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.2em 0;
                color: #000000;
                border-bottom: 3px solid #274050;
	}
	h3 {
		font-size: 10px;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
        color: black;
	}
	h4 {
		font-size: 12px;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: black;
	}
	h5 {
		font-size: 10px;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: black;
	}
	h6 {
		font-size: 8px;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: black;
	}
/* END HEADINGS */

/* TEXT */
	p { 
		font-size: 1em;
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height:1.4em;
	}
	blockquote {
		border-left:10px solid #ddd;
		margin-left:10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	ul {

	}
	ul li {

	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 1.5em 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 11px;
	}
/* END TABLE */	
	
	hr {
		display: none;
	}
	div.hr {
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted green;
	}
	
/* END TYPOGRAPHY */	

/* A CSS Framework by Mike Stenhouse of Content with Style */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }

#accesslinks {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
}
#accesslinks ul li a:hover, #accesslinks ul li a:focus {
  position: absolute;
  width: 10em;
	left: +1500px; 
  top: 1084px;
	z-index: 999;
  color: #000;
  background: #fff;
  padding: .4em;
  line-height: 1em !important;
  height: 1em !important;
  text-align: left;
}



/* end accessibility */

/* A CSS Framework by Mike Stenhouse of Content with Style */

/* NAV */

.rt {
	background:url("uploads/images/dot.png") repeat;
	margin:0;
	padding:0;
	}

.lt {
	background:url("uploads/images/roundedbox_lt.png") top left no-repeat;
	margin:0;
	padding:0;
	}
  
.rb {
	background:url("uploads/images/roundedbox_rb.png") bottom right no-repeat;
	margin:0;
	padding:0;
	}
  
.lb {
	background:url("uploads/images/roundedbox_lb.png") bottom left no-repeat;
	margin:0;
	padding:0;
	}

.bulletmenu {
margin: 0;
	padding: 1em 1px;
	}

	div#nav {
        font-size: 1em;

    }
    * html div#nav {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    div#nav div.wrapper {
        width: 100%;
        
    }
    div#nav ul {
        width: auto; 
        width: 100%;
margin: 0;
        padding: 0;
        list-style: none;
    }
    div#nav li {
        display: block;
        list-style: none;
        margin: -1px 0;
        padding: 0;
    }
    * html div#nav li {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }

    div#nav a,
    div#nav a:link,
    div#nav a:active,
    div#nav a:visited {
        display: block;
        font-weight: bold;
        text-decoration: none;
       /* margin: 0; */
margin-top: 2px;
       /* padding: 0.5em 1em;*/
padding: 7px 12px;
        color: #ffffff;
        background: url("uploads/site/menu1.gif");

    }

    div#nav ul ul li a,
    div#nav ul ul li a:link,
    div#nav ul ul li a:active,
    div#nav ul ul li  a:visited {
        padding: 0.3em 0 0.5em 1.8em;
        color: #000000;
        background: #CCCCCC;
      /*  font-size: 0.9em; */
    }


    div#nav ul ul ul li a,
    div#nav ul ul ul li a:link,
    div#nav ul ul ul li a:active,
    div#nav ul ul ul li  a:visited {
        padding: 0.3em 0 0.5em 2.8em;
        color: #000000 ;
        background: #cccccc;
        font-size: 0.8em;
    }

    div#nav a:hover,
    div#nav a:link:hover,
    div#nav a:active:hover,
    div#nav a:visited:hover {   
        color: #ffffff;
        /*background: url("uploads/site/menu1.gif");*/
       text-decoration: underline;
    }

div#nav a.currentpage,
div#nav a:link.currentpage,
div#nav a:active.currentpage,
div#nav a:visited.currentpage {
       color: #ffffff;
       background: url("uploads/site/menu2.gif");
}
/* END NAV */


/* A CSS Framework by Mike Stenhouse of Content with Style */



/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        position: relative;
        width: 99.8%;
        
        margin: 1em auto 2em auto;
        padding: 0;
        
        text-align: left;
    }
    div#main {
        float: right;
        width: 72%;
        display: inline;
        padding-top: 0;
        margin-top: 0;
    }
    div#printlink {
        float: right;
    }
    div#printlink a {
background: url(uploads/CMSMSthemes/printbutton.gif) no-repeat 0 0;
padding: 0 0 0 20px;
    }
    div#local {
        display: none;
    }
    div#sub {
        display: none;
    }
    div#nav {
        float: left;
        width: 25%;
        display: inline;
    }
/* END CONTENT */


/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:0.5em auto;
	min-width: 60em;
	max-width:82em;
        padding: 0;
        background: #fff;
	text-align: left;
	_width: expression(((document.body.clientWidth)) < 750? "750px": ((document.body.clientWidth)) > 975? "975px": "auto" );

}
/* Rules for the top corners and border */
.bt {
	/*background:url(uploads/CMSMSthemes/box.png) no-repeat 100% 0;*/
background:url(uploads/site/box.jpg) no-repeat 100% 0;
	margin:0 0 0 28px;
	height:27px;
}
.bt div {
	height:27px;
	width:28px;
	position:relative;
	left:-28px;
	background:url(uploads/site/box.jpg) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(uploads/site/box.jpg) no-repeat 100% 100%;
	margin:-1px 0 0 28px;
	height:27px;
}
.bb div {

	height:27px;
	width:28px;
	position:relative;
	left:-28px;
	background:url(uploads/site/box.jpg) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 25px;
	background:url(uploads/site/borders.jpg) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 25px 0 0;
	background:url(uploads/site/borders.jpg) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

			
			
/* A CSS Framework by Mike Stenhouse of Content with Style */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
  background: url("uploads/site/back.gif");
   /*   background: url("uploads/site/001_01.gif"); */

background-attachment:fixed;

       text-align: center;
    }

    
    /* HEADER */
        div#header {
            margin: 0;
            padding: 0;
            color: #000;
            background: #fff;

            text-align: left;
            width: 100%;
        }
        div#branding {
            float: left;
            width: 24%;
            margin: 0;
            padding: 1em 0.8em;
            text-align: center;
        }

        div#search_tagline {
           border-bottom: 1px dashed #3D6076;
           padding: 0 0 0.5em 0;
           margin: 0 0 1em 0;
          }
        div#tagline {
           width: 99%;
           border-bottom: 1px dashed #3D6076;
           padding: 0 0 0.5em 0;
           margin: 0 0 0.5em 0;
            text-align: center;
           color: #344F62;
           font-size: 1.6em;
           font-style: italic;
           line-height: 1.6em;
        }
    div#search {
        float: left;
        width: 25%;
        display: inline;
        margin: 0; 
        padding: 0.3em 0.5em;
    }
    div#search form {
        width: 99%;
    }
div.breadcrumbs {
        float: right;
        width: 72%;
        display: inline;
        margin: 0.8em 0 0 0;
}

    /* END HEADER */
    
    
    /* CONTENT */
        div#content {
            
        }
        
        /* MAIN */
            div#main {
                
            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {
            color: #0F873D;
            border-top: 1px dashed #0F873D;
        }
        div#footer p {
            text-align: center;
            font-size: 10px;
            margin: 0;
            padding: 15px;
        }
    /* END FOOTER */
/* END LAYOUT */

/* A CSS Framework by Mike Stenhouse of Content with Style */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}

.buttonscontainer {}

.buttons a {
color: #ffffff;
background-color: #336699;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #127F3C;
font: 11px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
/*margin-top: 1px;*/
}

.buttons a:hover {
border-left: 10px solid #FF9933;
text-decoration: none;
color: #ffffff;
}

.style11 {
	color: #3333FF;
	font-size: 15px;
}

/* END FORM ELEMENTS */



/* End of 'CMSMSthemes : CMSMS Themes' */