/* # = id (used when only going to be used once on page*/
/*   . = class (used when the item is going to be used more than once on a page) */

/******************************************************************************/
/*                                  STRUCTURE                                 */
/******************************************************************************/

body {
      background: #EEE;
      margin: 0;
      padding: 0;
      font-family: tahoma;
      font-size: 12px;
}

#wrap {
      width: 950px;
      background: #FFF url(../images/gradient.png) repeat-x top left;
      margin: 0 auto;
      padding: 10px 0 0 0;
}

#container {
      width: 920px;
      padding: 15px 15px 25px 15px;
      overflow: hidden;      
      background: url(../images/logo-background.jpg) no-repeat center ;
 }

#left-content {
      float: left;
      width: 200px;
}

#main-content {
      float: right;
      width: 700px;
}

      #main-content #col-left {
            float: left;
            width: 340px;
            color: #000;
            font-family: tahoma;
            font-size: 12px;
            text-align: justify;
      }
      
      #main-content #col-left p {
            line-height: 18px;
      }
      
      #main-content #col-right {
            float: right;
            width: 340px;
            font-family: tahoma;
            font-size: 12px;
            text-align: justify;
}
      
      #main-content #col-right p {
            line-height: 18px;
}
	  #main-content #col-center {
			float: center;
			width: 680 px;
			color: #000;
			font-family: tahoma;
			font-size: 12px;
			text-align: justify;
}
	  #main-content #col-center p {
			line-height: 18px;
}
.side-container {
      width: 180px;
      background: #EDF7FC;
      border: 1px solid #DDE0E4;
      overflow: hidden;
      padding: 10px;
      margin-bottom: 5px;
}

#gradient-background {
         background: url(../images/gradient.png) repeat-x top left;
         height: 20px;
}
/******************************************************************************/
/*                                    Header                                  */
/******************************************************************************/

#header {
      width: 100%;
      height: 130px;
      background: url(../images/g_a_torg_2.gif) no-repeat center; 
}

#header-text {
      width: 950px;
      margin: 0 auto;
}

#logotext {
      font-family: tahoma;
      font-style: italic;
      font-size: 25px;
      text-align: center;
      float: right;
      margin: 50px 3px 20px 0px;
}

#logo {
      float: right;
      margin: 15px 20px 10px 0px;
}


/******************************************************************************/
/*                                    Header Tags                             */
/******************************************************************************/
h1 {
      color: #000;
      margin: 0;
      font-family: tahoma;
      font-size: 25px;
      margin-bottom: 5px;
      display: block;
}
h2 {
		color: #000;
		margin: 0;
		font-family: tahoma;
		font-size: 18px;
		margin-bottom: 5px;
		display: block;
}
h3 {
		color: #000;
		margin: 0;
		font-family: tahoma;
		font-size: 14px;
		margin-bottom: 5px;
}
	
/******************************************************************************/
/*                                    Forms                                   */
/******************************************************************************/

input {
      border: 1px solid #CCC;
      width: 90px;
      padding: 3px;
}

.search-form {
      float: left;
      width: 180px;
      margin: 5px 0px;
}

.submitbutton {
      border: 1px solid #CCC;
      background: #DDE0E4;
      height: 24px;
      cursor: pointer;
      width: 70px;
      display: block;
      font-weight: bold;
}



#search-header {
      float: left;
      height: 18px;
      background: url(../images/search.jpg) top right no-repeat;
      font-family: tahoma;
      font-size: 17px;
      font-weight: bold;
      padding: 5px 0px;
      color: #000;
      border-bottom: 1px solid #DDE0E4;
      width: 180px;
}

#social-bookmarks {
      float: left;
      text-align: center;
      margin: 0px 5px 5px 5px;
      width: 180px;
}

#social-bookmarks img {
      margin: 5px 3px 0 3px;
}


/******************************************************************************/
/*                                    News                                    */
/******************************************************************************/

#latest-news-header {
      float: left;
      height: 18px;
      background: url(../images/document_icon.jpg) top right no-repeat;
      font-family: tahoma;
      font-size: 17px;
      font-weight: bold;
      padding: 5px 0px;
      color: #000;
      border-bottom: 1px solid #DDE0E4;
      width: 180px;
}

.latest-news-content {
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      float: left;
      padding: 0px 3px 0px 3px;
}

.latest-news-date {
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      color: #CC0000
}

.latest-news-title {
      font-family: tahoma;
      font-size: 13px;
      text-align: center; 
      font-weight: bold;
}

.viewmore {
      color: #CC0000;
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      padding: 0px 0px 20px 0px;
}

a.viewmore {
      color: #CC0000;
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      padding: 0px 0px 20px 0px;
      text-decoration: none;
}

a.viewmore:hover {
      color: #FF9900;
      font-family: tahoma;
      font-size: 12px;
      text-align: center;
      padding: 0px 0px 20px 0px;
      text-decoration: underline;
}

.news-item { 
      padding: 8px;
      float: left;
      text-align: center;
}     

.to-view-more {
      text-align: center;
      color: #CC0000;
      font-family: tahoma;
      font-size: 13px;
      float:left;
      text-decoration: none;
      padding: 10px 10px 10px 33px;
}

a.to-view-more {
      text-align: center;
      color: #CC0000;
      font-family: tahoma;
      font-size: 13px;
      float:left;
      text-decoration: none;
      padding: 10px 10px 10px 33px;
}

a.to-view-more:hover {
      text-align: center;
      color: #FF9900;
      font-family: tahoma;
      font-size: 13px;
      float:left;
      text-decoration: underline;
      padding: 10px 10px 10px 33px;
}

table.search-table {
      width: 180px;
}


/******************************************************************************/
/*                                  MENU                                      */
/******************************************************************************/

#menu {
      width: 100%;
      height: 40px;
      margin: 0 auto;
      overflow: hidden;
      font-family: tahoma;
      font-weight: bold;
      background: #6699CC;
      text-align: center;
      font-size: 13px;
}

#menu ul {
      width: 550px;
      list-style-type: none;
      margin: 0 auto;
      padding: 0px;
}

#menu li {
      float: left;      
}

#menu a {
      color: #FFF;
      padding: 12px 11px 12px 11px;
      display: block;
      text-decoration: none;
}

#menu a:hover {
      color: #FFF;
      background: #069BFF;
      font-weight: bold;     
}

/******************************************************************************/
/*                                  FOOTER                                    */
/******************************************************************************/

#footer {
      width: 950px;
      background: #6699CC;
      text-align: center;
      height: 55px;
      margin-bottom: 3px;
}

#footer-links {
      padding-top: 18px;
      height: 25px;
}

#footer a {
      color: #FFF;
      text-decoration: none;
      font-family: tahoma;
      font-weight: bold;
      font-size: 11px;
}

#footer a:hover {
      color: #99FFFF;
      font-family: tahoma;
      font-weight: bold;
      font-size: 11px;
      text-decoration: underline;
}

#address {
      height: 25px;
      color: #FFF;
      font-family: tahoma;
      font-size: 11px;
      font-weight: bold;
      float: left;
      margin: 15px 0px 0px 15px;
}

#telephone {
      height: 25px;
      color: #FFF;
      font-family: tahoma;
      font-size: 11px;
      font-weight: bold;
      float: right;
      margin: 15px 15px 0px 0px;
}

#richlyn {
      font-family: tahoma;
      font-size: 11px;
      width: 950px;
      height: 20px;
      margin: 0px 0px 10px 0px;
      float: left;
      text-align: right;
      color: #0099FF;
      text-decoration: none;
}

#richlyn a {
      font-family: tahoma;
      font-size: 11px;
      color: #0099FF;
      text-decoration: none;
}

#richlyn a:hover {
      font-family: tahoma;
      font-size: 11px;
      color: #0099FF;
      text-decoration: underline;
}