How to adjust width of navigation menu?

This is my site:
https://ropav.com

Just installed a new template. Apparently navigation menu is running out of space. How can I make it to fit the width?

/*>>>>> Navigation <<<<<*/

a:link, a:visited  {
}

a:hover  {

}

#nav_contain  {
	height: 42px;
	margin-bottom: -1px;
}

#nav  {
	position: relative;
	z-index: 100;
}

#nav li  {
	display: inline;
	position: relative!important;
	line-height: 42px;
	padding: 13px 0 13px 0;
	margin: 0 3px 0 0;
}

#nav li a:link, #nav li a:visited  {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 13px 20px 13px 20px;
	border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
}

/* Style drop down list */

#nav li ul {
	z-index: 9999!important;
	position: absolute;
	width: 175px;
	margin-top: -2px;
	padding: 0 10px;
	left: -999em;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* second level */

		#nav li li:hover ul ul, #nav li li.sfhover ul ul {
			left: -999em;
		}

		#nav li li li:hover ul, #nav li li li.sfhover ul {
			left: auto;
		}

		/* third level */

			#nav li li li:hover ul ul, #nav  li li li.sfhover ul ul {
				left: -999em;
			}

			#nav li li li li:hover ul, #nav li li li li.sfhover ul {
				left: auto;
			}

#home #nav li ul  {
}

#nav li ul  {
}

#nav li ul li {
	display: block;
	height: 30px;
	padding: 0;
	line-height: 30px;
}

#home #nav li ul li {
}

#nav li ul li {
}

#nav li ul li a:link, #nav li ul li a:visited {
	display: block;
	font-size: 12px;
	padding: 0 0 0 7px;
}

#nav li ul li a:hover  {
}

#nav li ul ul {
	margin: -26px 0 0 165px;
}

#nav li ul ul li a {
	line-height: 30px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: -5px;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {
	position: static;
}

/*>>>>> Layout <<<<<*/

.outer  {
	width: 100%;
}

.inner  {
	width: 770px;
	margin: 0 auto;
}