/* Start of CMSMS style sheet 'Main' */
html {
	background-image : url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment:fixed;
	background-color:#FFFFFF;
	width : 100%;
	height : 100%;
}

body {
	background-repeat:repeat-x;
	width : 100%;
	height : 100%;
}

a { outline : 0; }

#container {
	width : 960px;
	margin : 0 auto;
position:relative;
	top : 5px;
}

#container #mainPage {
	margin-top : 0px;
	background-color : #FFFFFF;
	padding : 10px;
}

#container #mainPage #mainMenu,
#container #mainPage #mainMenu li {
	margin : 0;
	padding : 0;
	color : #666666;
}

div#nav {
height:40px;
}

#container #mainPage #mainMenu {
	float : right;
	padding : 10px 0;
	padding-bottom : 20px;
}

#container #mainPage #mainMenu li {
	display : inline;
	margin-left : 30px;
	color : #666666;
}

#container #mainPage #mainMenu li a {
	color : #30A76B;
	text-transform : uppercase;
	font-size : 15px;
	text-decoration:none;
}

.sectionheader, #container #mainPage #mainMenu .sectionheader ul li {
	color : #666666;
	font-size : 13px;
	text-decoration:none;
	margin-top: -6px;
}



#container #mainPage #banner {
	clear : both;
	height : 292px;
	overflow : hidden;
position:relative;
top:0px;
	margin-bottom : 10px;
}

#container #mainPage #bannersml {
	clear : both;
	height : 100px;
	overflow : hidden;
position:relative;
top:0px;
	margin-bottom : 10px;
}

#container #mainPage #scroller {
	height : 127px;
	background-image:url(images/scroller-bg.gif);
background-repeat:no-repeat;
	padding : 10px;
overflow:hidden;
	padding-top : 10px;
	padding-left : 5px;
	margin-bottom : 10px;
width:925px;
position : relative;
z-index : 3;
}

#container #mainPage #scroller li { list-style-type : none; }

#container #mainPage #scroller #photos { }

#container #mainPage .content {
	margin-bottom : 20px;
	padding : 0 15px;
clear:both;
border-top:1px solid #EEEEEE;
}

#container #mainPage .content p a {
	color: #444444;
	border-bottom: dotted 1px #999999;
}

#container #mainPage .content p a:hover {
	border-bottom: dotted 1px #444444;
}

.content #addthis {
 float: right; 
 margin: 8px 0 0 0;
}

.content #images a {
	border-bottom: none;
}



#container #mainPage #showCats .cat {
	float : left;
	text-align : center;
	padding : 0 25px;
width : 130px;
height : 170px;
	padding-bottom : 20px;
}

#container #mainPage #showCats .cat img {
	background-image : url(images/catBg.jpg);
	padding : 7px;
	padding-right : 10px;
width : 100px;
height : 91px;
	padding-bottom : 10px;
	margin-bottom : 5px;
}

#container #mainPage #showCats .cat p {
	font-size : 12px;
	color : #666666;
}

#container #mainPage #showCats .cat a {
	border-bottom: none;
}

#container #mainPage #footer {
	clear:both;
	padding-top : 10px;
	border-top : 6px solid #C2EDD7;
	padding-bottom : 12px;
}

#container #mainPage #footer p { padding-top : 30px; }

#container #mainPage #footer a, a:visited, a:link, a:active { 
	text-decoration:none;
	color: #666666;
}

#container #mainPage #footer a:hover { 
	text-decoration:underline;
}

.headerline {
border-top:2px solid #E8E8E8;
}

#images {
margin-top : 30px;
padding : 10px 0;
border-top : 2px solid #E8E8E8;
}

#images .image {
width : 150px;
text-align : center;
float : left;
margin : 10px 14px;
height : 180px;
}

#images .image img {
width : 140px;
height : 140px;
padding : 5px;
background-color : #FFFFFF;
border : 1px solid #E8E8E8;
}

#images .image a {
	border-bottom: none;
}

#images .image p {
font-size : 11px;
}

.contactform {
background-color : #F3F3F3;
border : 1px solid #E8E8E8;
margin : 10px 0px;
padding : 14px;
font-size : 13px;
color : #333333;
}

.contactform label {
width : 130px;
display : block;
float : left;
padding-top : 5px;
}

.contactform input, .contactform textarea {
width : 200px;
border : 1px solid #E8E8E8;
padding : 4px;
color : #666666;
font-size : 12px;
line-height : 130%;
}

.contactform textarea {
width : 300px;
}

.contactform div {
display : block;
margin-bottom : 10px;
}

input.fbsubmit {
margin-left : 130px;
background-color : #666666;
color : #FFFFFF;
border : 0;
width : auto;
}

.contact-block {
width : 300px;
padding : 10px;
background-color : #F3F3F3;
border : 1px solid #E8E8E8;
margin-left : 10px;
margin-bottom:12px;
}

#login {
background-color : #F3F3F3;
border : 1px solid #E8E8E8;
padding : 12px;
width : 300px;
}

#login p input {
background-color : #FFFFFF;
border : 1px solid #E8E8E8;
padding : 4px;
display : block;
}

#login p input.submit {
background-color : #333333;
color : #CCCCCC;
border : 0;
padding : 4px;
display : block;
}

/* single item */ 
#thumbs div { 
    float:left; 
    width:214px; 
    height:300px; 
    background:#333 url(http://static.flowplayer.org/img/global/gradient/h150.png) repeat-x 0 146px; 
    color:#fff; 
    border-left:1px solid #333; 
    cursor:pointer; 
} 
 
/* style when mouse is over the item */ 
#thumbs div.hover { 
    background-color:#444;     
} 
 
/* style when element is active (clicked) */ 
#thumbs div.active { 
    background-color:#066; 
    cursor:default; 
}

.video {
display:block;
width:320px;
height:264px;
padding:2px;
border:1px solid #CCC;
float:left;
margin:40px;
}

a.tech {
	width : 80px;
	height : 80px;
	background-image : url(images/technical-drawings-icon.png);
	background-repeat : no-repeat;
	background-position : top;
	display : block;
	margin: -20px 16px 0px 16px;
	position : relative;
	border: none;
	float:right;
}

a.tech:hover {
	background-position : bottom;
	border: none;
}
#container #mainPage .content p a 
{
border-bottom:none;
}

.NewsSummaryPostdate h3
{
padding-bottom:3px;
}

#contentleft{
float:left;
width:400px;
}

#newsletter{
float:left;
width:230px;
margin-left:10px;
}
#tw{
float:left;
width:230px;
margin-left:20px;
}

.myinputstyle {
	border: 1px solid #f1fef7;
	/** remember to change image path **/
	background: #f1fef7;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #03045e;
}


.mylabelstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 11px;
	color: #666666;
}

.empty
{
clear:both;
position:relative;
width:100%;
height:20px;
}

#subForm { width: 190px; }

fieldset { margin: 0 0 10px 0; border: 1px solid #30A76B; padding: 7px 17px; background-color: #FFFFFF; }
legend { font-size: 11px; background-color: #30A76B; color: #FFFFFF; font-weight: bold; padding: 4px 8px;  margin-bottom:5px; margin-left:20px;}

label.float { float: left; display: block; width: 45px; margin: 3px 0 0 0; clear: left; }
label { display: block; width: auto; margin: 0 0 5px 0; }

input.inp-text, textarea, input.choose, input.answer { border: 1px solid #909090; padding: 1px; }
input.inp-text { width: 120px; margin: 0 0 7px 0; background-color:#F3F3F3;}

input.choose { margin: 0 2px 0 0; }
input.answer { width: 40px; margin: 0 0 0 10px; }
input.submit-button { font: 10px; letter-spacing: 1px; display: block; margin: 15px 0 0 0; }

#subForm br { display: none; }
/* End of 'Main' */