/* Start of CMSMS style sheet 'Nemsys Main Site CSS' */
/* Author: Steve Livingston - Nemsys LLC */

/*******************************/
/*      CSS Defaults           */
/*******************************/

* html, body {
	background: #c5c5c5 url(../uploads/layout_images/bg.png) repeat-x top center; 
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11pt;
	height: 100%;
	width: 100%;
	color: #7d7d7d;
}

a:link { font-family: arial, sans-serif; font-size: 11pt; text-decoration: none; color: #4885b3; }
a:active { font-family: arial, sans-serif; font-size: 11pt; text-decoration: none; color: #4885b3; }
a:visited { font-family: arial, sans-serif; font-size: 11pt; text-decoration: none; color: #4885b3; }
a:hover { font-family:  arial, sans-serif; font-size: 11pt; text-decoration: underline; color: #4885b3; }

.clearfix { clear: both; }

#content-container {
	width: 880px;
	height: auto;
	margin: 20px auto 0 auto;
}

#container { 
        background: transparent url(../uploads/layout_images/body_bg.png) no-repeat;
        height: auto;
        width: 923px;
        margin: 0 auto 0 auto;
}

h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }

input.txtinput, div.txtinput-container input {
        background: transparent url(../uploads/layout_images/inputbg.png) no-repeat;
        border: 0px;
        height: 33px;
        padding: 5px 5px 0 10px;
        margin-top: -15px;
        width: 205px;
        font-size: 11pt;
        color: #707070;
}

ul, li { list-style-type: none; padding: 0; margin: 0; }
.center { text-align: center; }
.right { text-align: right; }
.small { font-size: 8pt; }
a img { border: 0; }
.fr { float: right; }

/**********************************************/
/*				Top Header CSS			      */
/**********************************************/

#top-header { 
	width: 100%;
	height: 136px;
}

#top-nav { position: relative; top: 15px; left: -10px; }
#top-header img { float: left; }
ul#top-nav li { display: inline; }
ul#top-nav a, ul#top-nav a:hover { font-size: 8pt; }

#right-header {
	width: 50%; 
	float: right; 
	text-align: right;
	position: relative;
	top: 55px;
}

.search-button {
        position: relative; 
        top: -20px;
        left: -25px;
}

.search-result-list li hr { border: 1px solid #e1e1e1; }
.search-result-list li { padding: 7px 0 7px 0; font-size: 14pt; }
.search-result-list li a, .search-result-list li a:hover { font-size: 13pt; }
/* .search-container { padding: 5px; margin-top: 10px; }*/
.search-container { background: url(../uploads/layout_images/search_bg.png) no-repeat top center; height: 47px; width: 348px; position: relative; top: 25px; left: 92px;  }

input.searchinput {
        background: transparent url(../uploads/layout_images/searchinput_bg.png) no-repeat;
        border: 0px;
        height: 29px;
        width: 318px;
        font-size: 11pt;
        color: #707070;
        position: relative; 
        top: 10px;
        left: -5px;
        padding-left: 15px;
        padding-top: 3px;
}

/**********************************************/
/*				Navigation CSS			      */
/**********************************************/

#main-navigation { 
	background: #66a41e url(../uploads/layout_images/nav_bg.png) repeat-x top center;
	height: 45px;
	width: 100%;
}

#nav-left-corner { 
	background: #66a41e url(../uploads/layout_images/nav_left_corner.png) no-repeat; 
	height: 45px; 
	width: 16px; 
	float: left;
}

#nav-right-corner { 
	background: #66a41e url(../uploads/layout_images/nav_right_corner.png) no-repeat; 
	height: 45px; 
	width: 16px;
	float: right;
	margin-top: -45px;
}

#nav { padding-top: 9px; }

#nav li {
	display: inline;
        padding: 0 14px 0 14px;
}

#nav li:hover { background: url(../uploads/layout_images/nav_hover.png) no-repeat top center; }
#nav li.nav-item-active { background: url(../uploads/layout_images/nav_hover.png) no-repeat top center; }
#nav li a, #nav li a:hover { font-size: 14pt; color: #fff; text-decoration: none; padding: 12px; font-family: arial; }

ul#side-nav { font-size: 10pt; font-weight: bold; }
ul#side-nav a, ul#side-nav a:hover { font-weight: normal; }
ul#side-nav .third-level, ul#side-nav .third-level-current { font-size: 8pt; }
ul#side-nav .third-level a, ul#side-nav .third-level a:hover { font-size: 8pt; }
ul#side-nav .fourth-level, ul#side-nav .fourth-level-current { padding-right: 16pt; border: 1px solid red; }

/**********************************************/
/*				Middle Box CSS			           */
/**********************************************/

#middle-container { 
	background: #fff;
	height: 276px;
	width: 100%;
	margin-top: 1px;
}

#side-middle-container {
        background: #4e8bb8 url(../uploads/layout_images/side_middle_bg.png) repeat-x top center;
        height: 68px;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 15px; 
}

#side-middle-container h1 { color: #a4c3da; font-family: arial; font-size: 40pt; font-style: italic; float: right; padding: 19px 35px 0 0; }

#middle-img-right { float: right; margin-top: -267px; }
#mid-header1-text { padding: 20px 0 0 20px; }
#mid-header2-text { padding: 10px 0 0 20px; }
#mid-header3-text { float: left; padding: 10px 0 0 20px; }
	
/**********************************************/
/*				Content CSS			                   */
/**********************************************/

#content-header { margin-left: -30px; height: 130px; }
#content-header h1.five {
        font-size: 120pt;
        margin-top: -65px;
        color: #d9dde0;
        font-family: arial black, arial;
        width: 20%;
        padding-left: 8px;
        float: left;
}

#notification-bar { 
        background: #d9dde0;
        height: 51px;
        width: 100%;
        margin-top: 1px;
        padding-top: 15px;
}

#left-notify-text { float: left; width: 60%; padding: 5px 0 0 25px; }
#left-notify-text em { position: relative; left: 10px; top: -5px; font-size: 13.5pt; font-weight: bold; color: #7c7b7b; }
#right-notify-button { float: right; width: 25%; padding: 0px 15px 0 0; }

#body-container { background: #fff; width: 95.5%; padding: 0 10px 50px 30px; }
#body-container p { font-size: 11pt; color: #7d7d7d; line-height: 14pt; }
#left-content { width: 63%; float: left; }
#left-content p { padding: 5px 0 5px 0; }
#left-content ul, #full-content ul { margin-left: 20px; padding: 3px 0 3px 5px; }
#left-content ul li, #full-content ul li { list-style-image:url(../uploads/layout_images/bullet.png); padding: 3px 0 3px 20px; }
#left-content form { padding-top: 20px; }
#left-content form label { float: left; width: 30%; font-weight: bold; font-size: 9pt; color:  #4986b4; }
#left-content form div.row-data input, textarea, select { background: #dfdfdf url(../uploads/layout_images/txtinput_bg.png) repeat-x; border: 1px solid #cccad1; height: 22px; font-size: 13pt; font-family: helvetica, georgia, sans-serif;  color: #646464; }
#left-content form textarea, select { height: auto; }
#left-content form div.row-data { clear: both; padding: 5px 0 5px 0; }
#right-content { float: right; width: 33%; padding-top: 20px; }
#right-content ul li { list-style-position: inside; padding: 10px; text-align: right; }
li.active { background: #d7d7d7; }
#right-content ul li a, #right-content ul li a:hover { font-size: 9pt; }
#right-content ul li:hover { background: #d7d7d7; }

#reason-container { position: relative; top: -20px; }
.reason-list-box div.img { float: left; width: 10%; }
.reason-list-box p { float: right; width: 87%; }
.reason-list-box { clear: both; padding-bottom: 20px; }

.side-box-container { width: 273px; height: auto; margin-bottom: 10px; }
.side-box-header { background: transparent url(../uploads/layout_images/side_box_header_bg.png) no-repeat top center; height: 41px; }
.side-box-header img { position: relative; top: 15px; left: 10px; }
.side-box-content { background: #ededed; padding: 7px 12px 7px 15px; }
.side-box-content p { padding-bottom: 5px; }
.req { font-size: 8pt; color: #b41d1d; }
.row-data-center { text-align: center; clear: both; }
.error ul { padding: 10px 0 0 0; margin: 0; }
.error ul li { font-size: 8pt; color: #b41d1d; background: #fbcdcd; margin: 5px 0 5px 0; padding: 5px 0 5px 15px; border: 1px solid #d94040; }
.img { border: 5px solid #fff; }
.social-network-images { clear: both; margin-top: 15px; }
.social-network-images div { float: left; width: 50%; text-align: center; }

/**********************************************/
/*				Footer CSS			                   */
/**********************************************/

#footer {
       margin: 15px auto 0 auto;
       width: 880px;
       padding-bottom: 50px;
}

#footer p { 
       font-size: 8pt;
       color: #707070;
}

#newsletter-block {
       float: left;
       width: 40%;
}

#footer a, #footer a:hover { font-size: 8pt; }
#newsletter-block p { padding-right: 15px; }
.subscribe { padding-top: 15px; margin-top: 10px; }

#footer-navigation { 
        float: left;
        width: 25%;
        padding-left: 30px;
}

#footer-navigation ul, #footer-navitgation li { margin: 0; padding: 0; }
#footer-credits { float: right; width: 30%; }
/* End of 'Nemsys Main Site CSS' */

