/*
	StyleSheet by Cameron Walter
	http://www.in2itive.com.au
		
*/

body {
padding : 0;
margin : 0 auto;
font : 0.74em Arial, sans-serif;
background : #204f7d;
color : black;
}

a {
color : #299600;
background : inherit;
text-decoration : none;
}

a:hover {
color : #299600;
background : inherit;
text-decoration : underline;
}

p {
text-align : justify;
}

h1 {
font : bold 1.8em Arial, Sans-Serif;
color : #299600;
}

h2 {
font : bold 1.6em Arial, Sans-Serif;
color : #299600;
}

h3 {
font : bold 1.2em Arial, Sans-Serif;
color : #299600;
}

ul {
margin : 0;
padding : 0;
list-style : none;
}

img {
border : 0;
}

hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
}

#content {
margin : 0 auto;
padding : 0;
width : 960px;
height : auto;
background : url(images/botbg.gif);
}

#content #topline {
padding : 0;
margin : 0;
height : 30px;
width : 960px;
background : url(images/menubg.gif);
}

#content #topline #righttop {
float : right;
width : auto;
padding : 0;
margin : 0;
background : none;
color : white;
font-weight : bold;
}

#content #topline p {
margin : 0;
float : left;
text-align : left;
font-weight : bold;
line-height : 30px;
padding : 0 0 0 10px;
color : white;
}

#content #topline #righttop p {
text-align : right;
font-weight : bold;
line-height : 30px;
padding : 0 10px 0 0;
color : white;
}


	

#content #top {
padding : 0;
margin : 0;
height: 160px;
width: 960px;
margin: 0;
background : url(images/banner.jpg);
}

#content #menu {
height : 30px;
line-height : 30px ;
width : 960px ;
margin : 0;
padding : 0;
color : white;
background : #fff url(images/topbg.gif);
}

#content #menu ul {
margin : 0;
}

#content #menu li {
list-style : none;
display : inline;
}

#content #menu li a {
text-decoration : none;
margin : 0;
padding : 0px 10px 0px 10px;
font-weight : bold;
color : white;
}

#content #menu li a:hover {
text-decoration : underline;
}

#content #bottom {
padding : 0;
margin : 0;
width : 960px;
height : auto;
background : white url(images/botbg.gif);
}

#content #bottom #right {
border : none;
float : right;
padding : 0;
margin : 0;
height : auto;
width : 200px;
background : none;
}

#content #bottom #right .box {
border : 1px solid #C1C1C1;
width : 190px;
margin : 0px 0px 10px 4px;
padding : 0px;
background : white;
}

#content #bottom #right .box p {
padding : 2px 5px 2px 5px;
margin : 0;
font-size : 0.95em;
text-align : left;
}

#content #bottom #right .subtitle p {
padding : 2px 2px 0px 2px;
margin : 0;
font-size : 0.95em;
font-weight : bold;
color : #299600;
}

#content #bottom #right .byline p {
padding : 0 2px 0 0;
margin : 0;
font-size : 0.75em;
font-weight : normal;
color : black;
text-align : right;
}

#content #bottom #right .boxhead {
border : 0;
width : 186px;
margin : 0;
padding : 2px 2px 2px 2px;
background : url(images/menubg.gif);
color : white;
font-weight : bold;
text-align : center;
}

#content #bottom #right input {
font : 0.8em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 0 3px;
padding : 2px;
}

#content #bottom #right textarea {
font : 0.8em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 3px 3px;
padding : 2px;
}

#content #bottom #right a {
color : #6A82BD;
text-decoration : none;
}

#content #bottom #right a:hover {
text-decoration : underline;
}

#content #bottom #main {
width : 720px;
margin : 0px;
padding : 0 20px 20px 20px;
}

#content #bottom #main a {
text-decoration : none;
font-weight : bold;
color : #6A82BD;
text-align : right;
}

#content #bottom #main a:hover {
text-decoration : underline;
}

#content #bottom #main p .a {
text-align : right;
}

#content #bottom #main img {
float : right;
border : 1px solid gray;
padding : 2px;
margin : 0 0 10px 10px;
}

#content #bottom #main li {
list-style-image : url(images/bullet.jpg);
margin : 0 0 0 20px;
padding : 0 0 10px 0;
}

#content #bottom #main input {
font : 1em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 0 3px;
padding : 2px;
}

#content #bottom #main textarea {
font : 1em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 3px 3px;
padding : 2px;
}

#content #botline {
clear : both;
padding : 0;
margin : 0;
height : 20px;
width : 960px;
background : url(images/menubg.gif);
}

#content #botline p {
color : white;
font-size : 0.75em;
line-height : 18px;
padding : 0 0 0 5px;
margin : 0;
}

#content #botline a {
color : white;
text-decoration : none;
}

#content #botline a:hover {
text-decoration : underline;
}




/* zeroing padding/margin for all elements */
#dropDownMenu,
#dropDownMenu * { 
margin : 0;
padding : 0;
}

/* "Master" UL (the whole Menu) */
#dropDownMenu {
position : relative;
background : none;
float : left;
}

/* sub-menu ULs */
#dropDownMenu li ul {
clear : left;
float: left;
cursor : default;
position : absolute;
height : auto;
display : none;
padding : 0px 0 0 0;
margin : 0 0 0 0;
background : url(images/clear.gif);/* trick to keep'em open */
left : 0px;

}

/*
* html div#dropDownMenu li ul {
top : 1.55em !important;
display : none !important;
}
*/


/* All LIs */
#dropDownMenu li {
position : relative;
float : left;
padding : 0;
margin : 0;
padding-top : 0;
background : url(images/topbg.gif);
}

/*
* html div#dropDownMenu li {
position : relative;
width : 8.23em;
}
*/

/* sub-menu LIs */
#dropDownMenu li ul li {
padding : 0 0 0 0;
border : none;
background : none;
margin : 6px 0 0 0;
clear : left;
}

/* 
* html div#dropDownMenu li ul li {
float : none !important;
padding : 0 !important;
}
*/

/* All anchors */
#dropDownMenu li a {
cursor : default;
display : block;
text-decoration : none;
padding : 0 10px;
margin : 0;
font-weight : bold;
color : white;
font-size : 1em;
background : url(images/topbg.gif);
height : 30px;
line-height : 30px;
}



/* sub-menu Anchors */
#dropDownMenu li ul li a {
position : relative !important; /* ie Mac */
cursor : pointer !important;
white-space : nowrap;
line-height : 30px;
height : 30px;
font-weight : normal;
color : white;
background-position : 0 50% !important;
background : none;
padding : 0 5px;
margin : 0 0 0 0px;
}

/* :hover and stuff */
#dropDownMenu li a:hover,
#dropDownMenu li a:focus,
#dropDownMenu li a:active {
color : #000
}

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#dropDownMenu ul a:hover,
#dropDownMenu ul a:focus,
#dropDownMenu ul a:active {color:#fff !important;}
/* display and z-index for the sub-menus */
#dropDownMenu li:hover ul,
#dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#dropDownMenu li#AB {z-index:6;}
#dropDownMenu li#CF {z-index:5;}
#dropDownMenu li#GJ {z-index:4;}
#dropDownMenu li#KR {z-index:3;}
#dropDownMenu li#ST {z-index:2;}
#dropDownMenu li#UZ {z-index:1;}

/* Current location - class on Body must match LI's id */
.AB #dropDownMenu li#AB a,
.CF #dropDownMenu li#CF a,
.GJ #dropDownMenu li#GJ a,
.KR #dropDownMenu li#KR a,
.ST #dropDownMenu li#ST a,
.UZ #dropDownMenu li#UZ a {color:#000;}

/* Keeping current menu accessible to JAWS */
.AB #dropDownMenu li#AB ul,
.CF #dropDownMenu li#CF ul,
.GJ #dropDownMenu li#GJ ul,
.KR #dropDownMenu li#KR ul,
.ST #dropDownMenu li#ST ul,
.UZ #dropDownMenu li#UZ ul {display:block;top:-1000px}

/* background colors 
#AB,#AB li a {background-color:black;}
#CF,#CF li a {background-color:#fffcd0;}
#GJ,#GJ li a {background-color:#ffe1cc;}
#KR,#KR li a {background-color:#fccae5;}
#ST,#ST li a {background-color:#c9c9ff;}
#UZ,#UZ li a {background-color:#ffcebe;} */

/* "trigger" and "msieFix" classes */
#dropDownMenu li.msieFix a {}

/* last nested UL. keeping it in */
#dropDownMenu li#UZ ul {left:-2.3em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.AB #dropDownMenu li#AB ul li a:focus,
.AB #dropDownMenu li#AB ul li a:active,
.CF #dropDownMenu li#CF ul li a:focus,
.CF #dropDownMenu li#CF ul li a:active,
.GJ #dropDownMenu li#GJ ul li a:focus,
.GJ #dropDownMenu li#GJ ul li a:active,
.KR #dropDownMenu li#KR ul li a:focus,
.KR #dropDownMenu li#KR ul li a:active,
.ST #dropDownMenu li#ST ul li a:focus,
.ST #dropDownMenu li#ST ul li a:active,
.UZ #dropDownMenu li#UZ ul li a:focus,
.UZ #dropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;}