@font-face {
    font-family: 'novecento_wide_lightbold';
    src: url('fonts/novecentowide-demibold-webfont.eot');
    src: url('fonts/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/novecentowide-demibold-webfont.woff') format('woff'),
         url('fonts/novecentowide-demibold-webfont.ttf') format('truetype'),
         url('fonts/novecentowide-demibold-webfont.svg#novecento_wide_lightbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bol-webfont.eot');
    src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bol-webfont.woff') format('woff'),
         url('fonts/lato-bol-webfont.ttf') format('truetype'),
         url('fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-reg-webfont.eot');
    src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-reg-webfont.woff') format('woff'),
         url('fonts/lato-reg-webfont.ttf') format('truetype'),
         url('fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin:0; padding: 0}
img { border: none; }
body { background: url(../images/background.jpg) repeat-x; }   

h2 { font-family:'latoregular',Sans-Serif; font-size: 28px; color: #203f73; font-weight: bold; margin: 1em 0;}

#wrap2 { margin: 0 auto; }
#nav { width: 1000px; height: 54px; margin: 0px auto 0 auto; position: relative; }
#nav ul li { display: inline; }

#nav ul li.mainmenu { position: relative; top: -14px; margin-left: 24px; }
#nav ul li.mainmenu a { font-size: 14px; color: #203f73; font-family:'novecento_wide_lightbold',Sans-Serif; text-decoration: none; padding: 0 3px; }
#nav ul li.mainmenu a:hover { color: #e69a17; }
.menuimage a { display: inline-block; }

#goportal { margin-left: 8px; }
#goportal a { width: 48px; height: 47px; background: url( ../images/icons.png ) no-repeat 0px -47px; }
#goportal a:hover { background: url( ../images/icons.png ) no-repeat 0px 0px; }
#gohome a { width: 32px; height: 47px; background: url( ../images/icons.png ) no-repeat -69px -47px; }
#gohome a:hover { background: url( ../images/icons.png ) no-repeat -69px 0px; }
.socialicon { float: right; }
#goyoutube a { width: 32px; height: 47px; background: url( ../images/icons.png ) no-repeat -176px -47px; margin-right: 8px; }
#goyoutube a:hover { background: url( ../images/icons.png ) no-repeat -176px 0px; }
#gotwitter a { width: 32px; height: 47px; background: url( ../images/icons.png ) no-repeat -143px -47px; }
#gotwitter a:hover { background: url( ../images/icons.png ) no-repeat -143px 0px; }
#gofb a { width: 28px; height: 47px; background: url( ../images/icons.png ) no-repeat -115px -47px; }
#gofb a:hover { background: url( ../images/icons.png ) no-repeat -115px 0px; }
   
#wrapper { min-width: 1000px; background: url(../images/writing.jpg) no-repeat top center; margin: 0 auto; }
#site { width: 1000px; margin: 0 auto; }
#quote { width: 100%; height: 125px; background: url(../images/quote.png) no-repeat bottom; }
#innerheader { width: 100%; height: 188px; background: url(../images/innerheader.png) no-repeat; }
#content { width: 892px; margin: 0 10px 30px 10px; padding: 0 44px 30px 44px; border: 1px solid #bcc5d5; border-radius: 15px; background: #fff; text-align: left; }
#content { font-family:'latoregular',Sans-Serif; font-size: 16px; line-height: 23px; color: #203f73; }
#content p { text-align: justify; margin-bottom: 1em; }

#circles { width: 980px; height: 925px; margin: 10px 10px; background: url(../images/circles-bg.png) no-repeat; position: relative; }
.portal { width: 225px; height: 225px; position: absolute; }
.portal a { display: block; width: 100%; height: 100%; text-decoration: none; font-family:'latoregular',Sans-Serif; }
.portal a:hover { background: url(../images/portalhighlight1.png) no-repeat; }

#portal1 { top:  17px; left: 377px; }
#portal2 { top: 114px; left: 612px; }
#portal3 { top: 348px; left: 709px; }
#portal4 { top: 581px; left: 612px; }
#portal5 { top: 680px; left: 377px; }
#portal6 { top: 583px; left: 142px; }
#portal7 { top: 348px; left:  45px; }
#portal8 { top: 114px; left: 142px; }

.portLong { font-size: 14px; color: #fff; padding-top: 36px; } 
.portShort { font-size: 12px; color: #203f73; font-weight: bold; position: absolute; top: 118px; width: 225px; }
.portShort div { text-align: center; }
.portal a:hover .portShort { color: #e69a17; }

#cwgtoday { width: 980px; height: 117px; margin: 30px 10px; background: url(../images/cwgtoday.jpg) no-repeat; position: relative; }
#cwgtoday p { padding-top: 80px; }
#cwgtoday p a { font-family:'latoregular',Sans-Serif; font-size: 18px; color: #203f73; font-weight: bold; text-decoration: none; }
#cwgtoday p a:hover { color: #e69a17; }

#footer { width: 100%; height: 290px; background: url(../images/footer.jpg) repeat-x bottom; position: relative; }
#footer a:link {color: #fff; text-decoration: none; font-size: 12px; }
#footer a:link { font-size: 12px; }
#footer a:visited {color: #fff; text-decoration: none; }
#footer a:hover {color: #fff; text-decoration: underline; }
#footer a:active {color: #fff; text-decoration: underline; }

#footlinks { height: 220px; }

#copyright { text-align: center; margin: 0 auto; color: #fff; padding: 12px 0; font-family:'latoregular',Sans-Serif; font-size: 14px; }

/*ie*/
#wrap2 { text-align: center; }
#nav {text-align: left; }